*{box-sizing:border-box}body{margin:0;background:#f7f8fa;color:#263448;font:14px Arial,sans-serif}.sidebar{position:fixed;left:0;top:0;bottom:0;width:220px;background:#fff;border-right:1px solid #e9edf1;padding:25px 17px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:10px;padding:0 7px 42px}.logo{background:#3269d8;color:#fff;border-radius:8px;padding:10px 13px;font-weight:bold;font-size:17px}.brand b,.brand small{display:block;letter-spacing:1.4px;font-size:11px}.brand small{color:#8491a3;font-size:9px;margin-top:4px}nav{display:grid;gap:5px}nav button{border:0;background:transparent;text-align:left;padding:12px 13px;border-radius:7px;color:#718096;font-size:12px;cursor:pointer}nav button.active,nav button:hover{background:#eef3fc;color:#3269d8}.profile{margin-top:auto;border-top:1px solid #edf0f3;padding:17px 3px 0;display:flex;gap:9px;align-items:center;font-size:11px}.profile b,.profile small{display:block}.profile small{color:#94a0af;margin-top:4px}.avatar{background:#e9effb;color:#3269d8;border-radius:50%;width:31px;height:31px;display:grid;place-items:center;font-size:10px;font-weight:bold}main{margin-left:220px}header{height:65px;background:white;border-bottom:1px solid #e9edf1;display:flex;align-items:center;justify-content:space-between;padding:0 32px}.crumb{color:#9aa4b2;font-size:11px}.crumb b{color:#34445a}.header-right{display:flex;align-items:center;gap:15px;color:#8a96a7;font-size:10px}.content{max-width:1350px;margin:auto;padding:30px 32px}.title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.title-row h1{font-size:23px;margin:0 0 7px;font-weight:700}.title-row p,.card p{font-size:11px;color:#8995a5;margin:0}.primary{background:#3269d8;color:#fff;border:0;border-radius:7px;padding:10px 14px;font-size:11px;font-weight:bold;cursor:pointer}.disclosure{background:#fff9ed;border:1px solid #f2e6ca;color:#8c7448;padding:10px 13px;border-radius:7px;font-size:10px;margin-bottom:18px}.disclosure b{color:#785f2b}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:15px}.metrics article,.card{background:white;border:1px solid #e9edf1;border-radius:9px}.metrics article{padding:17px}.metrics span{display:block;color:#8793a3;font-size:10px}.metrics strong{display:block;font-size:23px;margin:12px 0 7px}.metrics small{font-size:9px;color:#29a17a}.columns{display:grid;grid-template-columns:1.6fr 1fr;gap:14px;margin-bottom:15px}.card{padding:18px}.card h2{font-size:13px;margin:0 0 6px}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.card-head>b{font-size:15px}.chart{height:185px;position:relative;margin-top:18px;border-bottom:1px solid #edf0f3;background:repeating-linear-gradient(to bottom,transparent 0,transparent 44px,#f0f2f5 45px)}.bars{position:absolute;inset:5px 12px 22px;display:flex;align-items:flex-end;justify-content:space-around}.bars i{width:8%;background:#83a5e8;border-radius:4px 4px 0 0}.months{position:absolute;bottom:-18px;left:0;right:0;display:flex;justify-content:space-around;color:#9aa5b3;font-size:9px}.status-row{display:flex;align-items:center;gap:9px;margin-top:17px;font-size:10px;color:#778599}.status-row b{margin-left:auto;color:#35445a}.dot{height:8px;width:8px;border-radius:50%}.delivered{background:#5484df}.processing{background:#9b85e5}.transit{background:#e9ad68}.delayed{background:#cbd2dc}.recent{margin-bottom:14px}.plain{border:0;background:none;color:#3269d8;font-size:10px;font-weight:bold;cursor:pointer}.table-wrap{overflow:auto;margin-top:17px}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;color:#9ba6b4;font-size:8px;letter-spacing:.8px;padding:0 10px 11px;border-bottom:1px solid #edf0f3}td{font-size:10px;color:#5d6c80;padding:12px 10px;border-bottom:1px solid #f1f3f6}.id{color:#3269d8;font-weight:bold}.pill{border-radius:20px;padding:5px 8px;font-size:8px}.good{background:#e8f7f1;color:#249b75}.info{background:#edf3ff;color:#4777d4}.warn{background:#fff3e9;color:#d98c4e}.page{display:none}.page.active{display:block}.filters{display:flex;gap:8px;margin-top:18px}.filters input,.filters select{border:1px solid #e6eaf0;border-radius:6px;padding:9px;font-size:11px}.filters input{width:230px}.footnote{display:block;color:#9aa5b3;margin-top:12px;font-size:9px}footer{display:flex;justify-content:space-between;color:#a3acb8;font-size:9px;padding:20px 2px}.menu{display:none}.toast{position:fixed;bottom:20px;right:20px;background:#25364f;color:white;padding:12px 16px;border-radius:7px;font-size:11px;opacity:0;transition:.2s}.toast.show{opacity:1}.overlay{display:none;position:fixed;inset:0;background:#1b2a405c;z-index:10;align-items:center;justify-content:center;padding:15px}.overlay.open{display:flex}.modal{width:min(400px,100%);background:#fff;border-radius:11px;padding:25px;position:relative}.modal h2{font-size:18px;margin:0 0 7px}.modal p{color:#8995a5;font-size:11px}.modal label{display:block;font-size:10px;margin:13px 0;color:#617087}.modal input{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid #e1e6ed;border-radius:6px}.close{position:absolute;right:14px;top:12px;border:0;background:none;font-size:22px;color:#8995a5}.full{width:100%;margin-top:10px}.footnote{font-size:9px}@media(max-width:900px){.metrics{grid-template-columns:repeat(2,1fr)}.content{padding:25px 20px}}@media(max-width:680px){.sidebar{transform:translateX(-105%);transition:.2s;box-shadow:8px 0 25px #24354b22}.sidebar.open{transform:translateX(0)}main{margin:0}header{padding:0 14px}.menu{display:block;border:0;background:none;font-size:19px;margin-right:10px}.crumb{margin-right:auto}.header-right>span:first-child{display:none}.content{padding:22px 14px}.title-row{align-items:flex-start;gap:12px}.title-row h1{font-size:20px}.columns{grid-template-columns:1fr}.metrics{gap:8px}.metrics article{padding:13px}.metrics strong{font-size:20px}.card{padding:15px}.disclosure{line-height:1.5}footer{flex-wrap:wrap;gap:8px}.filters{flex-direction:column}.filters input{width:100%}}.sidebar nav{overflow-y:auto;max-height:calc(100vh - 150px);scrollbar-width:thin}.sidebar nav button{font-size:12px}

/* Kendriya Bhandaar dark blue theme */
:root{color-scheme:dark}
body{background:#080d18;color:#e7efff}
.sidebar{background:#0b1220;border-right:1px solid #1b2b46}
.brand b{color:#f1f6ff}.brand small{color:#7890b5}
.logo{background:#1769e8;color:#fff;box-shadow:0 0 18px #1769e844}
nav button{color:#91a5c4}
nav button.active,nav button:hover{background:#102b55;color:#69a9ff}
.profile{border-top:1px solid #1d2d47;color:#e5efff}
.profile small{color:#8195b5}
.avatar{background:#102b55;color:#75b2ff}
header{background:#0b1424;border-bottom:1px solid #1c2c47}
.crumb{color:#8195b5}.crumb b{color:#dce9ff}
.header-right{color:#8297b8}
.title-row h1{color:#edf4ff}
.title-row p,.card p{color:#8da2c2}
.primary{background:#1769e8;color:#fff;box-shadow:0 5px 18px #0752c633}
.primary:hover{background:#2c7cff}
.metrics article,.card{background:#0e192b;border:1px solid #1d304e;box-shadow:0 8px 24px #02071233}
.metrics span{color:#91a7c9}
.metrics strong{color:#f1f6ff}
.metrics small{color:#4ed6b0}
.card h2{color:#e7f0ff}
.card-head>b{color:#8fc0ff}
.chart{border-bottom:1px solid #1c304d;background:repeating-linear-gradient(to bottom,transparent 0,transparent 44px,#1a2b45 45px)}
.bars i{background:linear-gradient(180deg,#48a0ff,#1769e8)}
.months{color:#8198ba}
.status-row{color:#9bb0cf}
.status-row b{color:#e4edff}
.delivered{background:#3287ff}.processing{background:#9275ff}.transit{background:#26c6a0}.delayed{background:#e0a34d}
.plain{color:#69aaff}
th{color:#7890b4;border-bottom:1px solid #203452}
td{color:#b4c5df;border-bottom:1px solid #1a2a43}
.id{color:#72b2ff}
.pill{background:#142a49;color:#9bc5ff}
.good{background:#103b37;color:#57dfbd}
.info{background:#122d53;color:#82baff}
.warn{background:#49301b;color:#ffc078}
.filters input,.filters select{background:#0a1424;color:#e5efff;border:1px solid #263b5c}
.filters input::placeholder{color:#7188aa}
footer{color:#7188aa;border-top:1px solid #1a2a43}
.toast{background:#142a49;color:#eff6ff;border:1px solid #2b4d7a}
.modal{background:#0e192b;color:#e7efff;border:1px solid #284263}
.modal p,.modal label{color:#9ab0d0}
.modal input{background:#091322;color:#eff6ff;border:1px solid #2a4164}
.close{color:#9bb0cf}
.overlay{background:#020817bb}
@media(max-width:680px){.sidebar{background:#0b1220;box-shadow:8px 0 25px #0008}}