:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1b2b3f;background:#f5f6f8;font-size:14px;font-synthesis:none}*{box-sizing:border-box}body{margin:0}[hidden]{display:none!important}button,input,select{font:inherit}button,select{cursor:pointer}button{border:1px solid #dce2e8;border-radius:7px;background:white;padding:10px 14px;color:#283c50;font-weight:550}button:hover{background:#eef3f6}button:disabled{opacity:.4;cursor:default}input,select{border:1px solid #dce2e8;border-radius:7px;padding:10px;background:white;color:#283c50}input:focus,select:focus,button:focus-visible{outline:2px solid #1f796c;outline-offset:2px}h1,h2,p{margin-top:0}h1{font-size:31px;line-height:1.2;letter-spacing:-.9px;margin-bottom:12px}h2{font-size:19px;letter-spacing:-.35px;margin-bottom:8px}p{line-height:1.65}.muted,.footnote,small{color:#6c7a89}.eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:750;color:#607284;margin-bottom:12px}.brand-mark{display:grid;place-items:center;background:#234b44;color:white;font:600 25px Georgia,serif;width:42px;height:42px;border-radius:11px}.brand{display:flex;align-items:center;gap:12px}.brand strong{font-size:15px}.brand small{display:block;margin-top:5px}aside{position:fixed;top:0;bottom:0;width:232px;background:#fff;border-right:1px solid #e1e6eb;padding:28px 20px;display:flex;flex-direction:column}.sidebar-label{font-size:10px;color:#97a1ae;letter-spacing:1.5px;margin-top:40px;margin-left:12px}nav{display:grid;gap:7px}nav button{text-align:left;border:0;padding:13px;color:#6b7888;background:none}nav button.active{background:#edf4f2;color:#246552}.source{border-top:1px solid #edf0f3;margin-top:32px;padding:24px 12px}.source p{font-size:12px;margin:8px 0}.source small{font-size:11px;line-height:1.6}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#299579;margin-right:10px}.aside-bottom{margin-top:auto;display:grid;gap:16px;color:#8994a0;font-size:11px}.aside-bottom button{text-align:left;border:0;padding-left:0}main{margin-left:232px}header{height:74px;background:white;border-bottom:1px solid #e1e6eb;display:flex;justify-content:space-between;align-items:center;padding:0 36px;font-size:10px;letter-spacing:1px;color:#9aa3af}header b{color:#687886;font-weight:500}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#f1eee8;color:#68604e;font-size:11px}.content{padding:32px 36px;max-width:1600px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:12px}.heading button{white-space:nowrap}.status{border:1px solid #dce8e3;border-radius:7px;background:#f0f7f3;color:#3f6e59;font-size:12px;padding:12px 15px;margin-bottom:20px}.status.stale,.warning{background:#fff7e9;border:1px solid #efdbb6;color:#826029}.warning{padding:15px;border-radius:7px;line-height:1.7;margin-bottom:20px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:24px 0 20px;font-size:12px}.toolbar label{margin-right:12px;font-weight:600}.toolbar>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.metric{background:white;border:1px solid #e1e6eb;border-radius:10px;padding:21px}.metric p{font-size:12px;color:#768494;margin-bottom:12px}.metric strong{display:block;font-size:28px;letter-spacing:-.6px;font-weight:600}.metric small{font-size:11px;display:block;margin-top:10px}.panel{border:1px solid #e1e6eb;border-radius:10px;background:white;padding:24px;margin-bottom:22px;overflow:hidden}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.panel-heading p{margin-bottom:0}.panel-heading .eyebrow{margin-bottom:10px}.panel-heading h2{margin-bottom:8px}.chart{height:220px;margin-top:16px}.chart svg{width:100%;height:100%;overflow:visible}.chart text{font:11px -apple-system,sans-serif;fill:#8491a0}.footnote{font-size:11px;margin:16px 0 0;line-height:1.7}details{font-size:11px;color:#7c8997;margin-top:12px}summary{cursor:pointer}details p{margin:10px 0}.pill{border-radius:20px;padding:6px 10px;background:#eef4f1;color:#4c7567;font-size:11px;white-space:nowrap}.compact{margin:22px 0 0;gap:0}.compact .metric{border:0;border-right:1px solid #e9edf1;border-radius:0;padding:0 22px}.compact .metric:first-child{padding-left:0}.compact .metric:last-child{border-right:0}.compact .metric strong{font-size:25px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.columns .panel{min-width:0}.product-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid #eef1f4}.product-row:last-child{border-bottom:0}.product-row strong{display:block;font-size:12px;font-weight:550;line-height:1.5}.product-row small{font-size:10px;display:block;margin-top:4px}.product-row .value{text-align:right;white-space:nowrap}.mini-bar{width:90px;background:#e8f0ed;border-radius:4px;height:4px;margin-top:8px;overflow:hidden}.mini-bar i{display:block;height:100%;background:#4c8b77}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;font-size:12px}th{text-align:right;font-size:10px;font-weight:600;color:#8895a3;border-bottom:1px solid #e2e8ed;padding:13px 14px;background:#fafbfc}td{text-align:right;padding:15px 14px;border-bottom:1px solid #edf0f3}th:first-child,td:first-child{text-align:left}td.product,th:nth-child(2).product{text-align:left;white-space:normal;min-width:240px;max-width:420px}td small{display:block;font-size:10px;margin-top:4px}td strong{font-weight:550;line-height:1.5}tbody tr:hover{background:#fafcfb}.table-tools{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.table-tools input{flex:1;min-width:180px}.pagination{display:flex;justify-content:flex-end;gap:16px;align-items:center;margin-top:16px;color:#7a8796;font-size:11px}.pagination button{font-size:11px;padding:7px 10px}.stock-out{color:#ae4b42;background:#fbeeea;border-radius:4px;padding:4px 7px}.stock-low{color:#92702a;background:#fbf5e6;border-radius:4px;padding:4px 7px}.empty{padding:28px;text-align:center;color:#8994a2;font-size:12px}footer{text-align:center;color:#a0a9b3;font-size:10px;letter-spacing:.4px;margin:32px 0 8px}.login{min-height:100vh;background:radial-gradient(ellipse at 20% 20%,#dce8df,transparent 70%),#f1f3ee;display:grid;place-items:center;padding:30px}.login-card{background:#fff;padding:46px;width:min(460px,100%);border-radius:15px;box-shadow:0 14px 60px #193c2520}.login-card .brand-mark{margin-bottom:30px}.login-card h1{font-size:38px}.login-card label{display:block;color:#6b7885;font-size:12px;margin-top:20px}.login-card input{display:block;width:100%;margin-top:8px}.primary{background:#234b44;color:#fff;border:0;width:100%;margin-top:26px}.primary:hover{background:#346357}.login-card small{font-size:10px}#login-error{font-size:12px;color:#a8463b;min-height:20px;margin-top:15px}.startup{padding:60px;color:#7e8b98;text-align:center}@media(max-width:1100px){.content{padding:26px 24px}aside{width:204px;padding:26px 16px}main{margin-left:204px}.heading h1{font-size:27px}.metrics{gap:10px}.metric{padding:17px}.metric strong{font-size:25px}.columns{grid-template-columns:1fr}.toolbar{align-items:flex-start;flex-direction:column}.panel{padding:20px}}@media(max-width:700px){aside{position:static;width:auto;padding:18px;border-right:0;border-bottom:1px solid #e1e6eb}.brand-mark{width:35px;height:35px;font-size:22px}.source,.sidebar-label,.aside-bottom{display:none}nav{display:flex;margin-top:16px}nav button{flex:1;font-size:12px;padding:10px}main{margin:0}header{display:none}.content{padding:24px 16px}.heading{align-items:flex-start;gap:12px}.heading h1{font-size:26px}.heading>button{font-size:0;padding:10px}.heading>button:first-letter{font-size:18px}.metrics{grid-template-columns:1fr 1fr}.metric strong{font-size:25px}.panel{padding:18px}.panel-heading{align-items:flex-start;flex-wrap:wrap}.compact{gap:20px}.compact .metric{padding:0;border:0}.panel-heading button{font-size:11px}.table-tools{gap:8px}.table-tools select{max-width:100%;font-size:11px}.toolbar select{max-width:220px}.chart{height:180px}.login-card{padding:30px}.pagination{justify-content:center}}

.trend-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.trend-controls button[aria-pressed="true"]{background:#edf4f2;border-color:#4d8976;color:#246552}#monthly-panel .table-wrap{max-height:460px}#monthly-panel th{position:sticky;top:0;z-index:1}

#usage-panel>.toolbar{display:flex}.usage-table{max-height:480px}.usage-table th{position:sticky;top:0}.usage-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:0 24px}.usage-table td:nth-child(2),.usage-table th:nth-child(2){text-align:left}@media(max-width:700px){nav{flex-wrap:wrap}}