@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&display=swap');
:root{font-family:'Noto Sans SC',system-ui,sans-serif;color:#283039;background:#f7f5f1;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}button{border:0}button:disabled{opacity:.5;cursor:wait}.muted,small{color:#7b7a75}.loading{padding:60px;text-align:center}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at top left,#eddfce,transparent 60%),#f7f5f1}.auth-card{max-width:430px;width:100%;padding:38px;background:#fff;border:1px solid #e8e1d8;border-radius:16px;box-shadow:0 12px 40px #442e1510}.wordmark{font:32px Georgia,serif;letter-spacing:7px}.auth-card h1{font-size:24px;margin:28px 0 10px}.auth-card p{line-height:1.8}.auth-card label{display:block;margin:24px 0 8px}.auth-card input{width:100%;padding:13px;border:1px solid #dcd5ca;border-radius:7px}.primary{background:#26313a;color:white;border-radius:7px;padding:12px 22px;font-weight:600}.auth-card .primary{width:100%;margin-top:20px}.error{color:#b84935;line-height:1.7;margin-top:12px}.auth-card .back-link{display:block;margin-top:22px;text-align:center;color:#8b6447}.shell{display:grid;grid-template-columns:222px 1fr;min-height:100vh}.sidebar{background:#26313a;color:#e9e4de;padding:32px 20px;position:fixed;top:0;bottom:0;width:222px;display:flex;flex-direction:column}.sidebar .wordmark{font-size:27px;padding-left:12px}.sidebar small{color:#bfbab3;display:block;margin:8px 12px 38px}.side-nav{display:grid;gap:8px}.side-nav button{background:transparent;color:#ccc8c2;text-align:left;border-radius:8px;padding:14px 16px;font-weight:500}.side-nav button.active{background:#eaddcc;color:#3c352d}.sidebar-bottom{margin-top:auto;display:grid;gap:14px;padding:12px}.sidebar-bottom button{color:#d8d1c8;background:transparent;text-align:left;padding:0}.workspace{grid-column:2;padding:34px 40px;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.topbar h1{font-size:27px;font-weight:600}.topbar p{color:#858078;margin-top:7px;font-size:13px}.controls{display:flex;gap:10px;align-items:center}.controls select,.filter-bar input,.filter-bar select{background:white;border:1px solid #e0d9d0;border-radius:6px;padding:10px 13px}.secondary{border:1px solid #dcd5ca;background:#fff;border-radius:6px;padding:10px 16px;color:#514c44}.demo-note{background:#eee5d9;border:1px solid #e5d5c0;color:#7c6147;border-radius:8px;padding:13px 17px;margin-bottom:22px;line-height:1.8;font-size:12px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.metric{background:white;border:1px solid #e6e0d8;border-radius:10px;padding:22px}.metric .label{color:#82796e;font-size:12px}.metric strong{display:block;font-size:32px;margin:12px 0 7px;font-weight:600}.metric small{font-size:11px}.panels{display:grid;grid-template-columns:1.6fr 1fr;gap:20px}.panel{background:white;border:1px solid #e6e0d8;border-radius:10px;padding:24px;min-width:0}.panel h2{font-size:16px;font-weight:600;margin-bottom:6px}.panel .subtitle{color:#90877d;font-size:11px}.trend{width:100%;height:200px;display:block;margin-top:18px}.chart-legend{display:flex;gap:18px;font-size:11px;margin-top:6px;color:#80786e}.chart-legend i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#a97851;margin-right:6px}.chart-legend i.blue{background:#627d92}.funnel{display:grid;gap:16px;margin-top:24px}.funnel-row{display:flex;justify-content:space-between;font-size:12px;margin-bottom:7px}.funnel-track{height:10px;background:#f4efe8;border-radius:5px;overflow:hidden}.funnel-track i{display:block;height:100%;background:#b88b65;border-radius:5px}.table-panel{margin-top:22px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{color:#8b8277;font-weight:500;background:#faf8f5;white-space:nowrap}th,td{padding:15px 12px;border-bottom:1px solid #eee9e3}td.path{max-width:360px;overflow-wrap:anywhere}.filter-bar{display:flex;gap:12px;margin-bottom:22px}.filter-bar input{flex:1;min-width:0}.pill{display:inline-block;padding:4px 9px;border-radius:20px;font-size:11px;background:#f3ece0;color:#876847;white-space:nowrap}.pill.processing{background:#e4edf1;color:#416d80}.pill.shipped{background:#e5efe5;color:#4f7750}.pill.cancelled{background:#eee;color:#888}.link-button{background:none;color:#91633f;font-weight:600;padding:4px}.empty{padding:42px 16px;text-align:center;color:#8b8174;line-height:1.9}.drawer-backdrop{position:fixed;inset:0;background:#1b252750;z-index:10}.drawer{position:fixed;right:0;top:0;bottom:0;background:#fff;width:min(560px,100%);padding:30px;overflow:auto;z-index:11;box-shadow:-6px 0 30px #0001}.drawer header{display:flex;justify-content:space-between;align-items:center}.drawer h2{font-size:22px}.close{font-size:26px;background:none;color:#787168}.order-meta{line-height:1.9;color:#80796e;font-size:12px;margin-top:12px}.order-item{margin:20px 0;padding:18px;border:1px solid #e8e0d5;border-radius:8px;background:#faf8f4}.order-item h3{font-size:15px;margin-bottom:8px}.order-item p{font-size:12px;line-height:1.9;color:#7c7366}.drawer label{display:block;margin:20px 0 8px}.drawer select,.drawer textarea{width:100%;padding:12px;border:1px solid #ddd3c5;border-radius:6px;background:#fff}.drawer .primary{width:100%;margin-top:20px}.settings-row{padding:18px 0;border-bottom:1px solid #eee5db;display:flex;justify-content:space-between;gap:20px}.settings-row p{color:#8b8174;font-size:12px;line-height:1.9}.settings-row strong{font-size:13px}.settings-info{padding:20px 0;color:#81786d;line-height:2;font-size:12px}#notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#27333a;color:white;padding:12px 22px;border-radius:7px;z-index:30;display:none}#notice.visible{display:block}.export{font-size:12px}@media(max-width:1100px){.workspace{padding:26px}.metrics{grid-template-columns:repeat(2,1fr)}.panels{grid-template-columns:1fr}.shell{grid-template-columns:180px 1fr}.sidebar{width:180px}}@media(max-width:680px){.shell{display:block}.sidebar{position:static;width:auto;padding:16px;display:block}.sidebar small{display:none}.side-nav{display:flex;margin-top:16px}.side-nav button{padding:10px;font-size:12px}.sidebar-bottom{display:none}.workspace{padding:20px 14px}.topbar{align-items:flex-start;flex-direction:column}.metric{padding:16px}.metric strong{font-size:26px}.panel{padding:18px}.filter-bar{flex-wrap:wrap}.filter-bar input{flex-basis:100%}}
/* Keep the longer supplier-budget explanations aligned on every row. */
.panel.pricing-assumptions .settings-row{display:grid;grid-template-columns:100px minmax(0,1fr);gap:24px}
.panel.pricing-assumptions .settings-row p{text-align:left}
@media(max-width:600px){.panel.pricing-assumptions .settings-row{grid-template-columns:1fr;gap:8px}}

.print-preflight{margin-top:16px;padding:14px;background:#fff;border:1px solid #dfd1ba;border-radius:6px}.print-preflight h4{margin:0 0 8px}.print-preflight p,.print-preflight li{font-size:12px;line-height:1.8}.print-preflight ul{padding-left:18px;color:#9b532f}.print-preflight a{text-decoration:underline;text-underline-offset:3px}.print-preflight small{display:block;line-height:1.7}
.order-shipment{margin:24px 0 0;padding:0 15px 16px;border:1px solid #e3d8ca;border-radius:7px}.order-shipment legend{padding:0 6px;font-size:13px;font-weight:600}.drawer .order-shipment label{margin-top:14px}.order-shipment input{width:100%;padding:12px;border:1px solid #ddd3c5;border-radius:6px;background:#fff}.order-shipment p{margin-top:12px;color:#80796e;font-size:12px;line-height:1.8}.order-shipment a{display:inline-block;margin-top:10px;font-size:12px;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}