@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--navy:#082b4c;--blue:#15638b;--gold:#e8b83f;--ink:#15233b;--muted:#6e7b90;--line:#e2e8f0;--bg:#f3f6fa;--green:#168357;--red:#c74444}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--ink);font-size:14px}.app{display:grid;grid-template-columns:250px 1fr;min-height:100vh}button,input{font:inherit}button{cursor:pointer}aside{background:linear-gradient(180deg,#082b4c,#073353);padding:20px 14px;color:#fff;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:11px;align-items:center;padding:6px 9px 26px;font-weight:800;font-size:16px}.brandMark{width:39px;height:39px;border-radius:10px;background:#ffffff1a;display:grid;place-items:center}.brandMark svg{width:21px}.brand small{display:block;font-size:9px;color:var(--gold);letter-spacing:1.5px;margin-top:3px}.close{display:none;margin-left:auto;border:0;background:none;color:#fff}.navLabel{font-size:10px;letter-spacing:1.5px;color:#7899b3;margin:0 13px 10px}nav{flex:1;overflow:auto}nav button{width:100%;border:0;background:transparent;color:#c5d6e4;display:flex;gap:12px;align-items:center;padding:12px 13px;border-radius:9px;margin:3px 0;font-weight:500;text-align:left}nav button svg{width:19px}nav button span{flex:1}nav button.active,nav button:hover{background:#195179;color:#fff}.asideStatus{border:1px solid rgba(255,255,255,.1);background:#ffffff0d;border-radius:10px;padding:12px;display:flex;align-items:center;gap:10px}.asideStatus i{width:9px;height:9px;border-radius:50%;background:#38c98d;box-shadow:0 0 0 4px #38c98d26}.asideStatus b,.asideStatus small{display:block;font-size:10px}.asideStatus small{color:#88a8bf;margin-top:3px}main{padding:0 28px 45px;min-width:0}header{height:88px;display:flex;align-items:center;justify-content:space-between}.headerLeft,.headerActions{display:flex;align-items:center;gap:11px}header h1{margin:0;font-size:25px}header p,.toolbar p,.panelHead p{margin:5px 0;color:var(--muted)}.iconBtn,.menu{border:1px solid var(--line);background:#fff;width:38px;height:38px;border-radius:9px;display:grid;place-items:center}.iconBtn svg,.menu svg{width:18px}.menu{display:none}.avatar{width:39px;height:39px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:700}.user b,.user span{display:block;font-size:11px}.user span{color:var(--muted);margin-top:3px}.notice{display:flex;align-items:center;gap:10px;padding:12px 15px;border:1px solid #c1ead8;background:#ebf8f2;color:#126b45;border-radius:9px;margin-bottom:16px}.notice svg{width:18px}.notice span{flex:1}.notice button{border:0;background:none}.hero{background:linear-gradient(120deg,#0a355a,#0f6177);color:#fff;padding:31px;border-radius:16px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 14px 40px #103a5733;overflow:hidden}.eyebrow{color:#f0ca63;font-size:10px;font-weight:800;letter-spacing:1.4px}.hero h2{font-size:29px;margin:10px 0}.hero p{color:#d1e2ea;max-width:670px;line-height:1.6}.primary{border:0;background:var(--gold);color:#111;padding:11px 16px;border-radius:8px;font-weight:700;display:inline-flex;align-items:center;gap:8px}.primary svg{width:17px}.heroFlow{display:flex;align-items:center;gap:8px;margin-left:25px}.heroFlow>svg{width:16px;color:#79a6b8}.node{width:76px;height:76px;border:1px solid rgba(255,255,255,.2);background:#ffffff14;border-radius:12px;display:grid;place-items:center;padding:9px}.node svg{width:23px}.node span{font-size:10px}.kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:20px 0}.kpi{background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px;display:flex;gap:12px}.kpiIcon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center}.kpiIcon svg{width:20px}.blue{background:#e9f4fb;color:#1670a0}.green{background:#e7f7f0;color:var(--green)}.amber{background:#fff6df;color:#aa7610}.purple{background:#f1ebfb;color:#7650ad}.kpi span,.kpi small{color:var(--muted);font-size:10px}.kpi strong{display:block;font-size:20px;margin:4px 0}.grid{display:grid;grid-template-columns:2fr 1fr;gap:16px}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.panelHead{padding:17px 20px;border-bottom:1px solid #edf1f5}.panelHead h3{margin:0;font-size:15px}.readiness{padding:9px 18px}.readiness>div{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:8px;padding:12px 2px;border-bottom:1px solid #eff2f5}.readiness svg{width:16px;color:var(--green)}.readiness b,.readiness span{font-size:10px}.readiness span{color:var(--green)}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.toolbar h2{margin:0;font-size:21px}.toolbar>div:last-child{display:flex;gap:10px}.search{height:39px;border:1px solid var(--line);background:#fff;border-radius:8px;display:flex;align-items:center;padding:0 10px;gap:7px}.search svg{width:16px;color:#8995a7}.search input{border:0;outline:0;width:190px}.tableWrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px;min-width:850px}th{text-align:left;background:#f8fafc;color:#637187;padding:11px 17px;font-size:10px;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}td{padding:13px 17px;border-top:1px solid #edf1f5}td small{display:block;font-size:10px;color:var(--muted);margin-top:3px}code{background:#edf3f7;padding:4px 7px;border-radius:5px;color:#245373}.badge{display:inline-flex;background:#e8f0fb;color:#296391;padding:5px 9px;border-radius:20px;font-weight:700;font-size:9px;white-space:nowrap}.badge.approved,.badge.available,.badge.closed,.badge.delivered,.badge.disbursed,.badge.converted{background:#e6f7ed;color:#157646}.badge.pending-approval,.badge.submitted,.badge.dispatched{background:#fff4d8;color:#986806}.badge.in-transit{background:#e9f4fb;color:#1670a0}.tableBtn{border:1px solid #b7d0df;color:#155d82;background:#f3f9fc;padding:6px 9px;border-radius:6px;font-size:10px;font-weight:700}.actions{white-space:nowrap}.positive{color:var(--green)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:18px}.vehicle{border:1px solid var(--line);border-radius:11px;padding:18px}.vehicleTop{display:flex;justify-content:space-between}.vehicleTop>svg{color:var(--blue)}.vehicle h3{font-size:19px;margin:17px 0 5px}.vehicle p{color:var(--muted);font-size:11px}.vehicle hr{border:0;border-top:1px solid var(--line);margin:16px 0}.vehicle>span{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin:9px 0}.vehicle>span b{color:var(--ink)}.empty{text-align:center;padding:45px;color:var(--muted)}.loading{height:55vh;display:grid;place-items:center;align-content:center;gap:14px;color:var(--muted)}.spinner{width:34px;height:34px;border:3px solid #dbe6ec;border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1200px){.kpis{grid-template-columns:repeat(3,1fr)}.heroFlow{display:none}.grid{grid-template-columns:1fr}}@media (max-width:850px){.app{display:block}aside{position:fixed;left:-270px;width:250px;transition:.25s}.open{left:0}.close,.menu{display:grid}main{padding:0 15px 35px}.user{display:none}.kpis{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:1fr 1fr}}@media (max-width:560px){.hero{padding:22px}.hero h2{font-size:23px}.kpis,.cards{grid-template-columns:1fr}.toolbar{display:block}.toolbar>div:last-child{margin-top:12px;flex-wrap:wrap}}.modalBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#041424a6;z-index:100;display:grid;place-items:center;padding:20px}.modal{width:min(760px,96vw);max-height:92vh;background:#fff;border-radius:15px;box-shadow:0 30px 80px #00000040;overflow:auto}.modalHead{padding:19px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:#fff;z-index:2}.modalHead small{font-size:9px;letter-spacing:1.2px;color:var(--blue);font-weight:800}.modalHead h3{margin:4px 0 0}.modalHead button{border:0;background:#f1f4f7;width:32px;height:32px;border-radius:8px}.modalHead button svg{width:17px}.modalBody{padding:23px}.formGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.field span{display:block;font-size:10px;font-weight:700;color:#57667b;margin-bottom:6px}.field input,.field select{width:100%;border:1px solid #d8e1e9;border-radius:8px;padding:10px 11px;outline:0;background:#fff}.field input:focus,.field select:focus{border-color:#5e9dbb;box-shadow:0 0 0 3px #3282aa1a}.formActions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.cancelBtn{border:1px solid var(--line);background:#fff;padding:10px 16px;border-radius:8px;font-weight:700}.formHint{background:#fff4d8;color:#986806;padding:11px;border-radius:8px;font-size:11px}.primary:disabled{opacity:.55;cursor:not-allowed}@media (max-width:560px){.formGrid{grid-template-columns:1fr}.modalBody{padding:17px}}.moduleStats{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:16px}.moduleStats>div{padding:16px 18px;border-right:1px solid var(--line)}.moduleStats>div:last-child{border:0}.moduleStats span,.moduleStats b{display:block}.moduleStats span{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.moduleStats b{font-size:19px;margin-top:5px}.alertList{padding:7px 18px}.alertList>div{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.alertList>div:last-child{border:0}.alertList>div>span:first-child{flex:1}.alertList b,.alertList small{display:block}.alertList small{color:var(--muted);font-size:10px;margin-top:4px}.toolbar .cancelBtn{display:inline-flex;align-items:center;gap:7px}.toolbar .cancelBtn svg{width:16px}@media (max-width:850px){.moduleStats{grid-template-columns:repeat(2,1fr)}.moduleStats>div:nth-child(2){border-right:0}.moduleStats>div:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media (max-width:560px){.moduleStats{grid-template-columns:1fr}.moduleStats>div{border-right:0;border-bottom:1px solid var(--line)}}