.inventory-page{display:flex;flex-direction:column;gap:12px;min-height:calc(100vh - 130px)}.inventory-page__context{align-items:center;color:var(--muted, #667085);display:flex;font-size:12px;gap:8px}.inventory-page__context strong{color:var(--text, #1d2939)}.inventory-page__frame{background:#f5f6f8;border:1px solid var(--border, #dfe3e8);border-radius:12px;flex:1;min-height:760px;overflow:hidden;width:100%}.inventory-page__frame iframe{border:0;display:block;height:max(760px,calc(100vh - 165px));width:100%}.inventory-page__denied{align-items:center;background:var(--surface, #fff);border:1px solid var(--border, #dfe3e8);border-radius:12px;display:flex;flex:1;flex-direction:column;justify-content:center;min-height:420px;padding:32px;text-align:center}@media (max-width: 760px){.inventory-page{min-height:calc(100vh - 90px)}.inventory-page__frame,.inventory-page__frame iframe{min-height:840px}}:root{font-family:DM Sans,system-ui,sans-serif;color:#242321;background:#f5f4f0;font-synthesis:none;--red:#9d3030;--red-dark:#772222;--warm:#f5f4f0;--card:#fff;--ink:#242321;--muted:#74716b;--line:#e3e0d9;--soft:#f8f7f4;--green:#25704b;--blue:#356b98;--amber:#a16913;--bad:#a53a35}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--warm)}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.app-frame{min-height:100vh}.sidebar{position:fixed;z-index:20;inset:0 auto 0 0;width:245px;background:#252522;color:#ecebe7;display:flex;flex-direction:column;border-right:1px solid #393936}.brand{height:72px;display:flex;align-items:center;gap:11px;padding:0 18px;border-bottom:1px solid #3c3b38}.brand-mark{width:36px;height:36px;border-radius:9px;background:var(--red);display:grid;place-items:center;color:#fff;font:800 19px Manrope}.brand b{font:700 14px Manrope;display:block}.brand span{font-size:10px;color:#a9a7a1;display:block;margin-top:2px}.nav-scroll{overflow:auto;padding:18px 11px;flex:1}.nav-label{font-size:9px;letter-spacing:1.4px;text-transform:uppercase;color:#888680;font-weight:700;padding:0 10px;margin:0 0 7px}.nav-label.products{margin-top:26px}.nav-item{width:100%;border:0;color:#bebcb6;background:transparent;display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:7px;text-decoration:none;font-size:12px;text-align:left;cursor:pointer;margin:2px 0}.nav-item:hover{background:#30302d;color:#fff}.nav-item.active{background:#3b2b2b;color:#fff;box-shadow:inset 3px 0 var(--red)}.nav-item i{font-style:normal;font-size:7px;margin-left:auto;padding:2px 4px;background:var(--red);color:#fff;border-radius:3px}.external{margin-left:auto;color:#777}.sidebar-foot{border-top:1px solid #3c3b38;padding:14px 20px;font-size:10px;color:#96948f}.status-dot{display:inline-block;width:7px;height:7px;background:#45a574;border-radius:50%;margin-right:7px}.main-column{margin-left:245px;min-height:100vh}.top-header{height:72px;background:#fffffff0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:15;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.crumb{font-size:8px;letter-spacing:1.2px;color:#a3a098;font-weight:700}.top-header h1{font:700 16px Manrope;margin:2px 0 0}.header-actions{display:flex;align-items:center;gap:12px}.demo-badge{font-size:9px;background:#fff4d6;color:#865c13;border:1px solid #e9d69d;border-radius:5px;padding:5px 7px;font-weight:700;letter-spacing:.6px}.account-wrap{position:relative}.account-button{border:0;background:transparent;display:flex;align-items:center;gap:8px;padding:5px 6px;cursor:pointer;border-radius:7px}.account-button:hover{background:var(--soft)}.avatar{width:31px;height:31px;background:#eadada;color:var(--red-dark);display:grid;place-items:center;border-radius:50%;font-size:10px;font-weight:800}.account-button b,.account-button small{display:block;text-align:left}.account-button b{font-size:11px}.account-button small{font-size:9px;color:var(--muted);text-transform:capitalize}.account-menu{position:absolute;right:0;top:48px;background:#fff;border:1px solid var(--line);box-shadow:0 16px 40px #29251c20;border-radius:10px;width:240px;padding:14px;z-index:25}.account-menu>b{font-size:12px}.account-menu p,.menu-note{font-size:10px;color:var(--muted);line-height:1.45}.account-menu label{font-size:10px;font-weight:700}.account-menu select{width:100%;margin-top:5px}.menu-note{border-top:1px solid var(--line);margin-top:12px;padding-top:10px}.content{max-width:1480px;margin:0 auto;padding:27px 28px 60px}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:22px}.eyebrow{font-size:9px;letter-spacing:1.45px;color:var(--muted);font-weight:800}.eyebrow span{color:var(--red)}.page-heading h2{font:800 25px Manrope;margin:7px 0 3px;letter-spacing:-.4px}.page-heading p{margin:0;color:var(--muted);font-size:12px}.fixture-note{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px;border:1px solid var(--line);background:#faf9f6;padding:7px 9px;border-radius:7px}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:13px}.kpi{background:#fff;border:1px solid var(--line);border-radius:10px;padding:15px;display:flex;gap:12px;min-width:0}.kpi-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:8px;flex:none}.kpi-icon.green{background:#e6f3eb;color:var(--green)}.kpi-icon.blue{background:#e9f1f8;color:var(--blue)}.kpi-icon.amber{background:#fff2d9;color:var(--amber)}.kpi-icon.red{background:#fae8e6;color:var(--bad)}.kpi span,.kpi strong,.kpi small{display:block}.kpi>div>span{font-size:10px;color:var(--muted)}.kpi strong{font:800 22px Manrope;margin:3px 0}.kpi small{color:#99958e;font-size:9.5px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:13px;align-items:start}.two-columns{display:grid;grid-template-columns:minmax(0,1fr) 355px;gap:13px;align-items:start}.panel{background:var(--card);border:1px solid var(--line);border-radius:11px;margin-bottom:13px;overflow:hidden}.panel>header{min-height:57px;padding:11px 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.panel h3{font:700 13px Manrope;margin:0}.panel header p{font-size:10px;color:var(--muted);margin:3px 0 0}.panel-actions{display:flex;align-items:center}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:10.5px}th{text-align:left;text-transform:uppercase;letter-spacing:.55px;font-size:8px;color:#8e8a83;padding:8px 10px;white-space:nowrap;border-bottom:1px solid var(--line)}td{padding:9px 10px;border-bottom:1px solid #efede8;vertical-align:middle}tbody tr:last-child td{border-bottom:0}.panel tbody tr{cursor:default}.panel tbody tr:hover{background:#fbfaf7}.panel tbody tr.selected-row{background:#f8f2ef;box-shadow:inset 3px 0 var(--red)}td small{display:block;color:var(--muted);font-size:9px;margin-top:2px;white-space:nowrap}.right-num{text-align:right}.status{display:inline-flex;padding:3px 7px;border-radius:12px;font-size:9px;font-weight:700;white-space:nowrap}.status-ok{background:#e7f4ec;color:var(--green)}.status-warn{background:#fff0d6;color:#8a5b0f}.status-bad{background:#f9e6e4;color:#9b302d}.milestones{display:flex;align-items:center}.milestones span{width:14px;height:14px;border:2px solid #d7d3cb;border-radius:50%;display:grid;place-items:center;color:#fff;background:#fff}.milestones span+span{margin-left:10px;position:relative}.milestones span+span:before{content:"";height:2px;width:10px;background:#d7d3cb;position:absolute;right:12px}.milestones .done{background:var(--green);border-color:var(--green)}.milestones .done:before{background:var(--green)}.milestones .current{border-color:#d39a37;box-shadow:0 0 0 3px #fff0d6}.po-detail{background:#faf9f6;border-top:1px solid var(--line);padding:16px;display:grid;grid-template-columns:250px minmax(0,1fr);gap:20px}.po-detail h4,.message-body h4{font-size:9px;letter-spacing:.8px;text-transform:uppercase;color:var(--muted);margin:0 0 10px}.timeline{border-left:2px solid #dcd8cf;margin-left:5px}.timeline-item{padding:0 0 12px 15px;position:relative}.timeline-item:before{content:"";position:absolute;left:-6px;top:3px;width:8px;height:8px;background:var(--green);border-radius:50%}.timeline-item b,.timeline-item span{display:block;font-size:10px}.timeline-item span{font-size:9px;color:var(--muted);margin-top:2px}.line-table{min-width:570px}.line-table td:not(:first-child),.line-table th:not(:first-child){text-align:right}.negative,.blocked{color:var(--bad)!important}.boundary-note{font-size:9.5px;line-height:1.5;color:#37678d;background:#edf4fa;border-left:3px solid #6895b9;padding:8px 10px;margin:10px 0 0}.metrics{padding:7px 13px}.metrics.padded{padding:9px 14px}.metric{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px dashed #e8e5de;font-size:10px}.metric:last-child{border-bottom:0}.metric span{color:var(--muted)}.metric b{text-align:right}.audit-list{max-height:330px;overflow:auto}.audit-list>div{padding:9px 13px;border-bottom:1px solid #efede8}.audit-list time,.audit-list span{display:block;font-size:9px;color:var(--muted)}.audit-list span{font-size:10px;color:var(--ink);margin-top:2px}.form-stack{padding:13px;display:grid;gap:10px}.field>span{font-size:9px;color:var(--muted);font-weight:700;display:block;margin-bottom:4px}input,select,textarea{border:1px solid #d8d4cb;border-radius:6px;background:#fff;color:var(--ink);padding:7px 8px;outline:0}input:focus,select:focus,textarea:focus{border-color:#a65555;box-shadow:0 0 0 2px #9d303018}.field input,.field select{width:100%}.primary-btn,.button-row button,.settings-list button,.pills button{border:1px solid #d8d4cb;background:#fff;border-radius:6px;padding:7px 10px;font-size:10px;font-weight:700;cursor:pointer;display:inline-flex;gap:5px;align-items:center;justify-content:center}.primary-btn{background:var(--red);border-color:var(--red);color:#fff}.primary-btn:hover{background:var(--red-dark)}button:disabled,input:disabled,select:disabled,textarea:disabled{opacity:.48;cursor:not-allowed}.helper{font-size:9px;color:var(--muted);margin:0;background:var(--soft);padding:7px;border-radius:5px}.pills{display:flex;gap:5px;flex-wrap:wrap}.pills button{padding:5px 9px;border-radius:14px}.pills button.active{background:#2b2b29;color:#fff;border-color:#2b2b29}.supplier-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:10px;padding:12px}.supplier-card{border:1px solid var(--line);background:#fff;border-radius:9px;padding:13px;text-align:left;cursor:pointer}.supplier-card:hover,.supplier-card.selected{border-color:#bb8a87;box-shadow:0 3px 13px #4f362411}.supplier-card>b,.supplier-card>small{display:block;padding-right:35px}.supplier-card>small{color:var(--muted);font-size:9px;margin:3px 0 9px}.grade{width:30px;height:30px;border-radius:8px;color:#fff;display:grid;place-items:center;float:right;font:800 13px Manrope}.grade-A{background:var(--green)}.grade-B{background:#6d863a}.grade-C{background:#bd7d1c}.grade-D{background:var(--bad)}.detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:8px 14px}.detail-columns+.boundary-note{margin:0 14px 14px}.rfq-table{min-width:1060px}.number-input{width:76px;padding:6px;text-align:right}.best-row{background:#eef8f1}.formula{display:flex;align-items:center;gap:15px;background:#faf9f6;border-top:1px solid var(--line);padding:12px 14px;font-size:9px;color:var(--muted)}.formula code{background:#2b2b29;color:#fff;padding:7px 9px;border-radius:5px;white-space:nowrap}.inbox-layout{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:580px}.thread-list{border-right:1px solid var(--line)}.thread-list button{display:grid;grid-template-columns:1fr auto;width:100%;border:0;border-bottom:1px solid #eeeae4;background:#fff;text-align:left;padding:12px;cursor:pointer}.thread-list button.selected{background:#f8f3ef;box-shadow:inset 3px 0 var(--red)}.thread-list b,.thread-list span{font-size:10px}.thread-list span{color:var(--muted)}.thread-list strong,.thread-list small{grid-column:1/-1;margin-top:4px;font-size:10px}.thread-list small{color:var(--muted);line-height:1.45}.message-body{padding:17px}.message-body h3{font:700 15px Manrope;margin:0}.meta{color:var(--muted);font-size:9.5px;margin:3px 0 12px}.email-copy{padding:11px;border:1px solid var(--line);border-radius:7px;font-size:10.5px;line-height:1.6;margin-bottom:16px}.suggestion{border:1px solid #cdddec;background:#eef5fb;padding:11px;border-radius:8px;margin:9px 0}.suggestion.accepted{background:#edf7f1;border-color:#c7e2d2}.suggestion.rejected{opacity:.58}.suggestion>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:10px}.suggestion blockquote,.headers{font:9.5px ui-monospace,monospace;line-height:1.55;background:#f7f5ef;border-left:3px solid #aaa;padding:8px 10px;margin:8px 0}.blocked{font-size:9.5px;display:flex;gap:5px;align-items:center}.button-row{display:flex;gap:6px;align-items:center;margin-top:8px}.message-body textarea{width:100%;min-height:105px;resize:vertical;font-size:10.5px;line-height:1.55}.settings-list{padding:2px 14px}.setting{display:grid;grid-template-columns:minmax(160px,1fr) minmax(180px,1.3fr);gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid #efede8}.setting:last-child{border-bottom:0}.setting b,.setting small{display:block;font-size:10px}.setting small{font-size:9px;color:var(--muted);margin-top:2px}.setting-controls{display:flex;gap:6px}.setting-controls input,.setting-controls select{min-width:0;width:100%}.due-list>div{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid #efede8}.due-list b,.due-list small{display:block;font-size:10px}.due-list small{font-size:9px;color:var(--muted);margin-top:2px}.empty-state{padding:28px;display:flex;align-items:center;justify-content:center;gap:6px;flex-direction:column;color:var(--muted);font-size:10px}.danger-link{border:0;background:transparent;color:var(--bad);font-size:10px;font-weight:700;display:flex;gap:6px;align-items:center;cursor:pointer}.toast{position:fixed;right:20px;bottom:20px;z-index:40;background:#242321;color:#fff;padding:10px 13px;border-radius:7px;font-size:10.5px;box-shadow:0 10px 30px #0003}.access-screen{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 0,#fff,#f1eee8)}.access-card{width:min(420px,100%);text-align:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:36px;box-shadow:0 20px 60px #4b382418}.access-card .brand-mark{margin:0 auto 25px}.brand-mark.large{width:45px;height:45px}.access-card h1{font:800 22px Manrope}.access-card p{color:var(--muted);font-size:11px;line-height:1.6}.access-card label{font-size:10px;display:block;margin:18px 0}.access-card select{display:block;width:180px;margin:5px auto}.access-card small{color:#aaa;font-size:9px}.mobile-menu,.close-nav{display:none}.icon-button{border:0;background:transparent;cursor:pointer}.backdrop{display:none}@media (max-width:1050px){.kpis{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.two-columns,.po-detail{grid-template-columns:1fr}.dashboard-grid>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:13px}.inbox-layout{grid-template-columns:240px 1fr}}@media (max-width:760px){.sidebar{transform:translate(-100%);transition:transform .2s}.sidebar-open{transform:none}.main-column{margin-left:0}.mobile-menu,.close-nav{display:block}.close-nav{margin-left:auto;color:#aaa}.backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:19;border:0}.top-header{padding:0 14px;gap:10px}.top-header>div:first-of-type{margin-right:auto}.demo-badge{display:none}.content{padding:20px 12px 50px}.page-heading{align-items:flex-start}.fixture-note{display:none}.page-heading h2{font-size:21px}.kpis{grid-template-columns:1fr 1fr}.dashboard-grid>div:last-child{display:block}.inbox-layout{grid-template-columns:1fr}.thread-list{border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr)}.thread-list button{border-bottom:0;border-right:1px solid var(--line)}.detail-columns{grid-template-columns:1fr;gap:0}.formula{align-items:flex-start;flex-direction:column}.setting{grid-template-columns:1fr}.account-button>span:nth-child(2),.account-button svg{display:none}}@media (max-width:480px){.kpis,.thread-list{grid-template-columns:1fr}.thread-list button{border-right:0;border-bottom:1px solid var(--line)}.page-heading p{max-width:280px}.account-menu{right:-5px}.po-detail{padding:12px}}.sign-in{width:max-content;margin:18px auto;text-decoration:none}