/* Presentation layer only. Existing MVC forms, URLs and validation remain server driven. */
:root{color-scheme:light;--bg:#f2f6fc;--card:#fff;--text:#102746;--muted:#5d7292;--border:#d9e5f2;--blue:#086be9;--soft:#eaf3ff;--nav:#0a2142;--shadow:0 10px 28px rgba(21,57,108,.08);--accent:#08a7db;--input:#f8fbff;--line:rgba(37,106,185,.12)}
html[data-theme=dark]{color-scheme:dark;--bg:#041326;--card:#071e37;--text:#eaf6ff;--muted:#a5b9d3;--border:#21466c;--blue:#34baff;--soft:#0d3156;--nav:#05152e;--shadow:0 12px 34px rgba(0,7,21,.25);--accent:#20c9ef;--input:#092340;--line:rgba(71,180,241,.12)}
body{background:radial-gradient(circle at 77% 0%,rgba(18,113,209,.12),transparent 32%),var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif}
.sidebar{width:230px;padding:13px 10px;background:linear-gradient(178deg,#071b3a,#06172e 68%,#071b3a);border-right:1px solid #183a62}
.main{margin-left:230px;min-height:100vh}.brand{font-size:15px;letter-spacing:.03em;gap:10px;padding:4px 6px 18px;white-space:nowrap}.brand small{display:block;font-size:9px;letter-spacing:.14em;color:#6fd4fa;font-weight:600;margin-top:3px}.wheel{width:42px;height:42px;min-width:42px;font-size:27px;color:#82dcff;border-color:#388fe4;background:rgba(6,114,227,.15);box-shadow:0 0 20px rgba(26,153,246,.26)}
.nav a{color:#c5d6ed;border:1px solid transparent;border-radius:7px;padding:10px 11px;margin:3px 0;font-size:13px}.nav a.active{background:linear-gradient(90deg,#07478d,#0a2f60);border-color:#1687e7;box-shadow:inset 3px 0 #30c9ff,0 0 18px rgba(7,109,221,.2)}.nav a:hover{background:#103864;transform:none}.nav-icon{color:#63bafa;font-size:18px}.system-status{color:#bcd6e8}.system-status small{color:#78a6c6}
.header{min-height:76px;padding:13px 24px;background:var(--card);border-bottom:1px solid var(--border);box-shadow:none}.header h1{font-size:25px;letter-spacing:-.02em}.heading .muted{font-size:12px}.header-search{background:var(--input);border-color:var(--border);width:min(310px,25vw)}.profile{font-weight:600;font-size:13px}.profile i{background:#174e91;border:1px solid #3994db}.theme-toggle{min-width:92px}
.content{padding:18px 20px 30px;max-width:1900px}.card,.toolbar,.page-lead{background:var(--card);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow)}.card:hover{border-color:var(--border)}.card-head h2{font-size:16px}.card-head a{font-weight:600;font-size:12px}
.kpi{min-height:111px;border-top:2px solid rgba(32,189,249,.58);background:linear-gradient(130deg,var(--card),var(--input))}.kpi:nth-child(2),.kpi.featured{color:var(--text);border:1px solid var(--border);border-top:2px solid #15c7bf;background:linear-gradient(130deg,var(--card),var(--input))}.kpi .tile,.kpi:nth-child(2) .tile,.kpi.featured .tile{background:var(--soft);color:var(--accent);border:1px solid var(--border)}.kpi strong{font-size:26px}.kpi .label{color:var(--muted);font-weight:600}.kpi .trend,.kpi.featured .trend{color:var(--muted)}
.btn{border-color:var(--border);background:var(--input);color:var(--text);box-shadow:none}.btn.primary{background:linear-gradient(110deg,#096aec,#18bbf0);border-color:#2078e9;color:#fff}.btn:hover{border-color:var(--accent);box-shadow:0 0 0 2px rgba(28,177,243,.1)}.field,input,select,textarea{background:var(--input);color:var(--text);border-color:var(--border)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.75}
.table-wrap{border-color:var(--border)}th{background:var(--soft);color:var(--muted);text-transform:uppercase;letter-spacing:.055em;font-size:11px;font-weight:700}td,th{border-color:var(--line)}tbody tr:hover{background:var(--soft)}.badge{background:var(--soft);color:var(--blue)}.badge.green{background:rgba(17,183,133,.17);color:#11aa7e}.badge.orange{background:rgba(231,169,39,.18);color:#b9820a}.badge.red{background:rgba(226,68,89,.18);color:#e25d70}html[data-theme=dark] .badge.green{color:#53dfb1}html[data-theme=dark] .badge.orange{color:#ffcb6a}
.form-panel summary{color:var(--accent)}.form-panel[open]{border-color:var(--accent)}.report-link:hover,.report-tile:hover{box-shadow:0 0 0 1px var(--accent),var(--shadow)}.report-icon{background:var(--soft);color:var(--accent)}.note{background:var(--soft);color:var(--text);border-color:var(--border)}.chart .gridline{stroke:var(--border)}.chart text{fill:var(--muted)}.auth-page{background:radial-gradient(circle at 50% 5%,rgba(30,143,229,.25),transparent 42%),var(--bg)}
.alert.success{background:rgba(34,191,139,.14);color:var(--text);border-color:rgba(34,191,139,.4)}.alert.error{background:rgba(239,83,100,.14);color:var(--text);border-color:rgba(239,83,100,.4)}
.purchase-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.purchase-summary .kpi{min-height:100px}.footnote{margin:10px 0 0}.page-lead{padding:12px 15px}.page-lead strong{font-size:15px}
.command-banner{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:12px;padding:20px 24px;border-radius:12px;color:#e9f7ff;border:1px solid #236095;background:radial-gradient(circle at 73% 40%,rgba(22,183,236,.16),transparent 30%),linear-gradient(110deg,#071c3b,#0a305c);box-shadow:0 8px 28px rgba(0,16,40,.15)}.command-banner h2{font-size:22px;margin:4px 0}.command-banner p{margin:0;color:#9dc5e4}.command-banner small{color:#57dcd0;letter-spacing:.06em}.depot-pulse{display:flex;gap:9px;flex-wrap:wrap}.depot-pulse>div{display:grid;gap:2px;grid-template-columns:10px 1fr;min-width:130px;padding:10px;border:1px solid #2d6794;border-radius:9px;background:rgba(12,60,113,.55)}.depot-pulse small{grid-column:2;color:#c0dbf1;letter-spacing:0}.pulse-dot{width:7px;height:7px;align-self:center;background:#20e0c1;border-radius:50%;box-shadow:0 0 11px #20e0c1}
.trend-chart{height:195px;display:flex;align-items:stretch;gap:8px;padding:12px 6px 0;border-bottom:1px solid var(--border);background:repeating-linear-gradient(to top,var(--line) 0 1px,transparent 1px 48px)}.trend-month{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0}.trend-bars{flex:1;display:flex;align-items:end;justify-content:center;gap:5px;width:100%}.trend-bars span{display:block;width:min(32%,24px);border-radius:4px 4px 0 0;min-height:3px}.trend-receipts{background:linear-gradient(#48c8ff,#0768df)}.trend-issues{background:linear-gradient(#3ce9dc,#099eab)}.trend-month small{font-size:11px;color:var(--muted)}.chart-legend{display:flex;gap:20px;margin-top:17px;color:var(--muted);font-size:12px}.chart-legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px}.receipt-key{background:#1689f2}.issue-key{background:#20bdba}.depot-row{display:grid;grid-template-columns:65px 1fr 105px;gap:12px;align-items:center;margin:27px 0}.depot-row b{text-align:right}.depot-track{height:15px;background:var(--soft);border-radius:99px;overflow:hidden}.depot-track span{height:100%;display:block;background:linear-gradient(90deg,#0c69dc,#22c9ef);border-radius:99px}
@media(max-width:1200px){.sidebar{width:210px}.main{margin-left:210px}.header{gap:10px}.header-search{width:180px}}
@media(max-width:850px){.sidebar{width:230px}.main{margin-left:0}.header{flex-wrap:wrap}.purchase-summary{grid-template-columns:1fr 1fr}.header-search-form{order:5;width:100%}.header-search-form .header-search{width:100%}}
@media(max-width:850px){.command-banner{display:block}.depot-pulse{margin-top:15px}}
@media(max-width:550px){.content{padding:12px}.purchase-summary{grid-template-columns:1fr}.header{padding:12px}.header h1{font-size:21px}.theme-toggle span{display:none}.theme-toggle{min-width:36px}.page-lead{display:block}.page-lead .btn{margin-top:9px}}
@media print{body,html[data-theme=dark]{--bg:#fff;--card:#fff;--text:#000;--muted:#444;--border:#ccc;--soft:#eee;--input:#fff;background:white;color:black}.sidebar,.header{display:none!important}.main{margin:0}.card{box-shadow:none}}