:root{--ink:#17211b;--muted:#6c756f;--line:#e5e8e4;--cream:#f6f7f4;--white:#fff;--green:#174d3a;--green2:#23684e;--lime:#d6ef67;--orange:#f1a23b;--red:#d9534f;--blue:#4f79c6;--sidebar:252px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#123d2f;color:#dce9e2;padding:28px 18px 20px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 28px;color:#fff;text-decoration:none;font-family:Manrope,sans-serif;font-weight:800;font-size:19px;letter-spacing:2px}.brand-mark{position:relative;width:24px;height:24px;display:flex;gap:3px;align-items:flex-end}.brand-mark i{width:6px;background:var(--lime);border-radius:1px;transform:skewY(-25deg)}.brand-mark i:nth-child(1){height:13px}.brand-mark i:nth-child(2){height:20px}.brand-mark i:nth-child(3){height:16px}.plant-select{border:1px solid #386052;background:#1a4839;border-radius:8px;padding:10px;display:flex;align-items:center;gap:9px;margin-bottom:24px}.plant-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:6px;background:#2c604c;color:var(--lime);font-weight:700}.plant-select div{display:flex;flex-direction:column;flex:1}.plant-select small,nav p{font-size:9px;letter-spacing:1.5px;color:#8eb0a3}.plant-select strong{font-size:12px;color:#fff;margin-top:2px}.chevron{color:#9fb8ae}nav{display:flex;flex-direction:column;gap:4px}nav p{padding:0 12px;margin:18px 0 7px}.nav-link{display:flex;align-items:center;gap:12px;color:#bcd0c8;text-decoration:none;padding:10px 12px;border-radius:6px;font-weight:500}.nav-link>span{font-size:18px;width:20px;text-align:center}.nav-link b{margin-left:auto;background:#e0f276;color:#183d30;border-radius:10px;padding:2px 7px;font-size:10px}.nav-link:hover,.nav-link.active{background:#285947;color:#fff}.sidebar-bottom{margin-top:auto}.help{width:100%;background:#204f3e;border:1px solid #386052;color:#fff;display:flex;align-items:center;text-align:left;gap:10px;border-radius:8px;padding:12px;cursor:pointer}.help>span{border:1px solid #739789;border-radius:50%;width:26px;height:26px;display:grid;place-items:center}.help div,.profile div{display:flex;flex-direction:column}.help strong,.profile strong{font-size:12px}.help small,.profile small{font-size:10px;color:#9fb8ae;margin-top:3px}.profile{display:flex;align-items:center;gap:9px;border-top:1px solid #315847;margin-top:18px;padding:18px 6px 0}.avatar{width:34px;height:34px;border-radius:50%;display:grid!important;place-items:center;background:#d8a46e;color:#fff;font-size:11px;font-weight:700}.profile div:nth-child(2){flex:1}.profile button{color:#9fb8ae;background:none;border:0;cursor:pointer}main{margin-left:var(--sidebar);min-height:100vh}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 36px;position:sticky;top:0;z-index:10}.search{height:38px;width:min(440px,48vw);display:flex;align-items:center;gap:10px;background:#f6f7f5;border:1px solid #e6e9e5;border-radius:6px;padding:0 12px;color:#8d958f}.search input,.inner-search input{border:0;outline:0;background:transparent;flex:1;font:inherit}.search kbd{font-family:inherit;font-size:10px;border:1px solid #d8ddd9;background:white;border-radius:4px;padding:2px 6px}.header-actions{margin-left:auto;display:flex;align-items:center;gap:14px}.icon-btn,.mobile-menu{background:none;border:0;font-size:20px;position:relative;cursor:pointer}.icon-btn i{position:absolute;width:6px;height:6px;border-radius:50%;background:#e55b55;right:2px;top:0}.primary,.secondary{border:0;border-radius:6px;padding:10px 16px;font:600 12px 'DM Sans';cursor:pointer}.primary{background:var(--green);color:#fff}.primary:hover{background:var(--green2)}.secondary{background:#fff;color:var(--ink);border:1px solid #d9ded9}.mobile-menu{display:none}.content{padding:32px 36px 52px;max-width:1600px;margin:auto}.page{display:none}.page.active{display:block;animation:fade .24s ease}@keyframes fade{from{opacity:0;transform:translateY(5px)}}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:26px}.eyebrow{font-size:9px!important;letter-spacing:1.7px;color:#76817a!important;font-weight:700;margin:0 0 8px!important}.page-heading h1{font:700 28px Manrope;margin:0 0 4px;letter-spacing:-.8px}.page-heading p{margin:0;color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.metric,.card{background:#fff;border:1px solid #e2e6e1;border-radius:9px;box-shadow:0 1px 2px #1d34270b}.metric{padding:18px 19px}.metric-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.metric-icon{width:34px;height:34px;border-radius:7px;display:grid;place-items:center;font-weight:700}.metric-icon.orange{background:#fff3e2;color:#c77918}.metric-icon.red{background:#ffebe9;color:#c84e48}.metric-icon.blue{background:#eaf0fb;color:#4a6da8}.metric-icon.green{background:#e5f3ed;color:#33715a}.trend{font-size:10px;font-weight:700;border-radius:10px;padding:3px 7px}.trend.up{background:#eaf5ed;color:#2f7851}.trend.down{background:#f0f2f1;color:#69726d}.metric-link,.text-btn{color:#31705a;font-weight:600;font-size:11px;cursor:pointer}.metric p{font-size:12px;color:#68726c;margin:0 0 5px}.metric h2{font:700 25px Manrope;margin:0 0 4px}.metric small{color:#8b938e;font-size:10px}.metric small b{color:#c64b45}.dashboard-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:18px;margin-bottom:18px}.bottom-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:18px}.card-head{display:flex;justify-content:space-between;align-items:flex-start;padding:19px 20px 15px}.card-head h3{font:700 14px Manrope;margin:0 0 3px}.card-head p{font-size:11px;color:#858e88;margin:0}.text-btn{background:none;border:0}.card-head select,.toolbar select{font:500 11px 'DM Sans';padding:7px 9px;border:1px solid #dde2dd;border-radius:5px;color:#525c56;background:#fff}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:9px;letter-spacing:.8px;color:#8c948f;background:#fafbf9;border-top:1px solid #edf0ec;border-bottom:1px solid #edf0ec;padding:9px 14px}td{border-bottom:1px solid #edf0ec;padding:11px 14px;font-size:11px}.part-cell{display:flex;align-items:center;gap:10px}.part-img{width:34px;height:34px;background:#edf0ec;border-radius:6px;display:grid;place-items:center;font-size:18px}.part-cell strong{display:block;font-size:11px}.part-cell small{color:#909893}.stock-level{min-width:100px}.stock-level div{height:4px;background:#edf0ec;border-radius:4px;margin-top:5px}.stock-level i{display:block;height:100%;border-radius:4px}.status{display:inline-flex;align-items:center;gap:5px;border-radius:12px;padding:4px 7px;font-size:9px;font-weight:700}.status:before{content:'';width:5px;height:5px;border-radius:50%}.status.critical{color:#bd4642;background:#ffedeb}.status.critical:before{background:#d95651}.status.low{color:#a26915;background:#fff4df}.status.low:before{background:#e7a437}.status.healthy,.status.received{color:#357255;background:#eaf5ee}.status.healthy:before,.status.received:before{background:#3d9369}.status.transit{color:#446aa5;background:#eaf0fa}.status.transit:before{background:#527ac0}.status.pending{color:#8c651e;background:#fff4dd}.status.pending:before{background:#d49a31}.row-menu{border:0;background:none;color:#7b847e;cursor:pointer}.chart-card{padding-bottom:12px}.chart-legend{display:flex;gap:14px;justify-content:flex-end;padding:0 20px;font-size:9px;color:#768079}.chart-legend i{display:inline-block;width:7px;height:7px;border-radius:2px;margin-right:4px}.receipt-dot{background:#295f4b}.issue-dot{background:#b9d567}.chart{height:154px;display:flex;align-items:end;justify-content:space-around;padding:20px 24px 0;border-bottom:1px solid #e9ece9;background:repeating-linear-gradient(to bottom,transparent 0,transparent 37px,#eef0ee 38px)}.bar-month{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px;font-size:8px;color:#7d867f}.bars{display:flex;gap:4px;align-items:flex-end;height:112px}.bars i{width:9px;border-radius:2px 2px 0 0}.bars i:first-child{background:#295f4b}.bars i:last-child{background:#b9d567}.chart-summary{display:flex;margin:13px 20px 0}.chart-summary div{flex:1}.chart-summary div+div{border-left:1px solid #e6e9e6;padding-left:18px}.chart-summary small{display:block;font-size:8px;color:#929994}.chart-summary strong{font:700 14px Manrope}.chart-summary em{font:400 9px 'DM Sans';color:#8d958f}.activity-item,.maintenance-item{display:flex;align-items:center;gap:11px;padding:11px 20px;border-top:1px solid #eef0ed}.activity-symbol{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:700}.activity-symbol.out{background:#fff1e4;color:#bd6b22}.activity-symbol.in{background:#e9f5ee;color:#317655}.activity-copy,.maintenance-copy{flex:1}.activity-copy strong,.maintenance-copy strong{font-size:11px;display:block}.activity-copy small,.maintenance-copy small{font-size:9px;color:#8b948e}.activity-qty{text-align:right}.activity-qty strong{display:block;font-size:11px}.activity-qty small{font-size:9px;color:#8b948e}.month{font-size:9px;color:#7d867f;font-weight:700}.date-block{width:37px;text-align:center;border:1px solid #e1e5e1;border-radius:5px;overflow:hidden}.date-block small{display:block;background:#edf1ed;font-size:7px;padding:2px}.date-block strong{font:700 15px Manrope}.readiness{font-size:9px;font-weight:700}.readiness.ready{color:#40805f}.readiness.risk{color:#ca514d}.toolbar{display:flex;gap:12px;margin-bottom:16px}.inner-search{height:38px;max-width:450px;flex:1;background:#fff;border:1px solid #dde2dd;border-radius:6px;display:flex;align-items:center;padding:0 12px;color:#8c958e}.full-table td,.full-table th{padding:14px}.compact{grid-template-columns:repeat(3,1fr)}.compact .metric{padding:22px}.supplier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.supplier-card{padding:20px}.supplier-logo{width:44px;height:44px;border-radius:8px;background:#edf2ef;display:grid;place-items:center;font:800 14px Manrope;color:#285f4a;margin-bottom:18px}.supplier-card h3{font:700 15px Manrope;margin:0}.supplier-card>p{color:#87918a;font-size:10px;margin:3px 0 18px}.supplier-stats{display:grid;grid-template-columns:repeat(3,1fr);padding-top:15px;border-top:1px solid #e9ece9}.supplier-stats small{font-size:8px;color:#929a95;display:block}.supplier-stats strong{font-size:11px}.report-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.big-stat{padding:22px}.big-stat p{font-size:9px;letter-spacing:1px;color:#7f8882}.big-stat h2{font:700 30px Manrope;margin:8px 0}.category-card{padding-bottom:20px}.progress-row{padding:8px 20px}.progress-label{display:flex;justify-content:space-between;font-size:11px;margin-bottom:6px}.progress-track{height:7px;background:#edf0ed;border-radius:5px}.progress-track i{display:block;height:100%;background:#29624c;border-radius:5px}.activity-feed{padding:8px 0}.activity-feed .activity-item{padding:16px 22px}.modal-backdrop{position:fixed;inset:0;background:#0e2119a8;z-index:50;display:none;place-items:center;padding:20px}.modal-backdrop.open{display:grid}.modal{width:min(480px,100%);background:#fff;border-radius:12px;padding:28px;position:relative;box-shadow:0 25px 70px #0004}.modal-close{position:absolute;right:18px;top:14px;background:none;border:0;font-size:24px;color:#77817a;cursor:pointer}.modal h2{font:700 23px Manrope;margin:0 0 4px}.modal>p:not(.eyebrow){color:#7e8781;margin:0 0 22px}.modal label{display:flex;flex-direction:column;gap:6px;font-size:10px;font-weight:700;color:#59635d;margin-bottom:15px}.modal input,.modal select{height:42px;border:1px solid #dce1dc;border-radius:6px;padding:0 11px;font:12px 'DM Sans';background:#fff}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.toast{position:fixed;right:25px;bottom:25px;background:#173f31;color:#fff;border-radius:8px;padding:14px 18px;display:flex;align-items:center;gap:12px;z-index:60;box-shadow:0 10px 30px #0003;transform:translateY(100px);opacity:0;transition:.3s}.toast.show{transform:none;opacity:1}.toast>span{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--lime);color:#183f31}.toast strong,.toast small{display:block}.toast small{font-size:9px;color:#b8cdc4;margin-top:2px}@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.bottom-grid{grid-template-columns:1fr}.supplier-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){:root{--sidebar:0px}.sidebar{transform:translateX(-100%);width:252px;transition:.25s}.sidebar.open{transform:none}.mobile-menu{display:block;margin-right:10px}.topbar{padding:0 16px}.topbar .primary{font-size:0;padding:10px}.topbar .primary span{font-size:16px}.search{width:auto;flex:1}.search kbd{display:none}.content{padding:24px 16px}.page-heading{align-items:flex-start;gap:14px}.page-heading h1{font-size:23px}.metrics,.compact,.supplier-grid,.report-grid{grid-template-columns:1fr}.dashboard-grid,.bottom-grid{grid-template-columns:1fr}.metric{padding:15px}.toolbar{flex-direction:column}.inner-search{max-width:none}.form-row{grid-template-columns:1fr}.page-heading>.secondary{display:none}}
/* Inventory category tabs */
.category-tabs{display:flex;gap:4px;margin:-2px 0 16px;padding:4px;background:#e9ede9;border-radius:8px;width:max-content;max-width:100%;overflow-x:auto}
.category-tab{display:flex;align-items:center;gap:8px;white-space:nowrap;border:0;background:transparent;color:#68726c;border-radius:6px;padding:9px 14px;font:600 11px 'DM Sans';cursor:pointer}
.category-tab span{display:grid;place-items:center;min-width:20px;height:18px;padding:0 5px;border-radius:9px;background:#dce2dd;color:#657069;font-size:9px}
.category-tab:hover{color:#174d3a}
.category-tab.active{background:#fff;color:#174d3a;box-shadow:0 1px 4px #1d342718}
.category-tab.active span{background:#dcecd7;color:#285f47}
.part-status-select{min-width:105px;height:32px;border:1px solid transparent;border-radius:16px;padding:0 9px;font:700 9px 'DM Sans';cursor:pointer;outline:none}.part-status-select.healthy{color:#357255;background:#eaf5ee}.part-status-select.low{color:#946315;background:#fff4df}.part-status-select.critical{color:#bd4642;background:#ffedeb}
.order-status-select{min-width:130px;height:32px;border:1px solid transparent;border-radius:16px;padding:0 10px;font:700 9px 'DM Sans';cursor:pointer;outline:none}.order-status-select.pending{color:#8c651e;background:#fff4dd}.order-status-select.transit{color:#446aa5;background:#eaf0fa}.order-status-select.received{color:#357255;background:#eaf5ee}.order-status-select.critical{color:#bd4642;background:#ffedeb}
.theme-toggle{width:36px;height:36px;display:grid;place-items:center;border:1px solid #dce1dc;border-radius:50%;background:#fff;color:#264d3d;font-size:18px;cursor:pointer;transition:.2s}.theme-toggle:hover{background:#edf3ef;transform:rotate(-12deg)}
body.dark-mode{--ink:#e8eee9;--muted:#9aa8a0;--line:#34413a;--cream:#101713;--white:#1a231e;background:#101713;color:#e8eee9}
body.dark-mode .sidebar{background:#0b2c21}
body.dark-mode .topbar,body.dark-mode .metric,body.dark-mode .card,body.dark-mode .modal{background:#1a231e;border-color:#34413a;box-shadow:none}
body.dark-mode .search,body.dark-mode .inner-search{background:#121a16;border-color:#34413a;color:#9aa8a0}
body.dark-mode input,body.dark-mode select,body.dark-mode textarea{background:#121a16!important;border-color:#3a4840!important;color:#e8eee9!important;color-scheme:dark}
body.dark-mode .search kbd{background:#27322c;border-color:#435148;color:#bdc8c1}
body.dark-mode th{background:#141c18;border-color:#303b35;color:#8e9c94}
body.dark-mode td,body.dark-mode .activity-item,body.dark-mode .maintenance-item{border-color:#303b35}
body.dark-mode .part-img,body.dark-mode .metric-icon{filter:brightness(.82)}
body.dark-mode .category-tabs{background:#121a16}
body.dark-mode .category-tab{color:#9ba8a0}
body.dark-mode .category-tab.active{background:#26312b;color:#dce9e1;box-shadow:none}
body.dark-mode .secondary,body.dark-mode .theme-toggle{background:#222d27;border-color:#3a4840;color:#dce7e0}
body.dark-mode .theme-toggle:hover{background:#2c3932}
body.dark-mode .chart{border-color:#34413a;background:repeating-linear-gradient(to bottom,transparent 0,transparent 37px,#2a352f 38px)}
body.dark-mode .progress-track,body.dark-mode .stock-level div{background:#303b35}
body.dark-mode .date-block,body.dark-mode .supplier-stats{border-color:#34413a}
body.dark-mode .date-block small{background:#2a352f}
body.dark-mode .modal-backdrop{background:#050907c7}
body.dark-mode .page-heading p,body.dark-mode .card-head p,body.dark-mode .metric p,body.dark-mode .metric small{color:#9aa8a0}
/* Use the full available browser width */
main{width:calc(100% - var(--sidebar));max-width:none}
.content{width:100%;max-width:none;margin:0;padding-left:36px;padding-right:36px}
.dashboard-grid{grid-template-columns:minmax(0,1.6fr) minmax(420px,1fr)}
.bottom-grid{grid-template-columns:minmax(0,1.25fr) minmax(420px,1fr)}
@media(max-width:1100px){.dashboard-grid,.bottom-grid{grid-template-columns:1fr}}
@media(max-width:760px){main{width:100%}.content{padding-left:16px;padding-right:16px}}