:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#1d3450;background:#f3f7fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}h1,h2,h3,h4,p{margin-top:0}small{font-size:12px}.login-wrap{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:white}.login-brand{background:linear-gradient(155deg,#032d59,#07528c 60%,#0a6aa7);padding:12vh 11%;color:white;display:flex;flex-direction:column;justify-content:center}.login-brand img{width:124px;object-fit:contain;margin-bottom:40px}.login-brand h1{font-size:clamp(30px,4vw,56px);letter-spacing:-1.5px;max-width:560px;margin-bottom:8px}.login-brand p{font-size:20px;color:#c7ddf2}.hero-line{height:5px;width:72px;border-radius:9px;background:#f9c814;margin:30px 0}.login-lead{line-height:1.8;max-width:460px;color:#bed8ef}.login-card{width:min(450px,86%);margin:auto}.eyebrow{color:#0a6aa7;font-size:11px;letter-spacing:2px;font-weight:800}.login-card h2{font-size:32px;margin:14px 0 9px}.login-card p{color:#7b8a9c;line-height:1.6;margin-bottom:40px}.login-card label,.field{display:block;font-weight:650;font-size:13px;margin:18px 0;color:#425570}.login-card input,.field input,.field select{display:block;width:100%;border:1px solid #d9e2ed;border-radius:10px;padding:14px;margin-top:8px;outline-color:#0a6aa7;background:#fff}.primary{background:#0a5892;color:#fff;border:0;border-radius:10px;padding:13px 20px;font-weight:700}.primary:hover{background:#064476}.login-card .primary{width:100%;display:flex;justify-content:space-between;margin-top:30px}.login-card small{display:block;color:#95a1b2;margin-top:42px}.notice{color:#c43b3b;margin-top:16px;font-size:13px}.shell{display:flex;min-height:100vh}.sidebar{width:260px;flex-shrink:0;position:sticky;top:0;height:100vh;background:#07335c;color:#d1e1f3;display:flex;flex-direction:column;padding:24px 16px;z-index:10}.brand{display:flex;align-items:center;gap:14px;color:#fff;padding:0 10px 34px}.brand img{width:44px;height:48px;object-fit:contain}.brand b{display:block;font-size:18px}.brand span{font-size:11px;color:#acc5da}.sidecaption{font-size:10px;font-weight:800;letter-spacing:1.8px;margin:16px 13px;color:#7195b8}.navitem{width:100%;text-align:left;padding:14px 15px;margin:4px 0;color:#bcd3e7;background:none;border:0;border-radius:9px;font-weight:650;display:flex;gap:14px;align-items:center;font-size:14px}.navitem.active,.navitem:hover{background:#164d7c;color:#fff}.navitem.active{border-left:3px solid #ffca16}.sidebar-foot{display:flex;gap:12px;margin-top:auto;background:#15446e;border-radius:12px;padding:15px;align-items:center;font-size:12px}.sidebar-foot small{display:block;color:#91b3d1;margin-top:4px}.live-dot{height:9px;width:9px;border-radius:50%;background:#35d3a4;box-shadow:0 0 0 4px #35d3a424}.main{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:77px;background:white;border-bottom:1px solid #e5edf5;display:flex;align-items:center;justify-content:space-between;padding:0 32px;gap:20px}.crumb{font-size:14px;color:#8797ac}.crumb span{padding:0 11px;color:#d2dce5}.crumb b{color:#183b62}.topactions{display:flex;gap:15px;align-items:center}.topactions select{border:1px solid #d7e2ec;background:#f6f9fd;border-radius:8px;padding:10px;font-size:12px;font-weight:750;color:#0a548b}.avatar{display:grid;place-items:center;color:#fff;background:#0c659b;border-radius:50%;width:35px;height:35px;font-weight:750}.account{font-size:12px}.account small{display:block;color:#90a1b3;margin-top:3px}.outline,.icon-btn{border:1px solid #dce6f0;border-radius:8px;background:white;padding:9px 12px;color:#476887;font-size:13px}.icon-btn{font-size:18px}.topbar #menuBtn{display:none}#app{padding:30px 35px;flex:1}.footer{padding:18px 35px;border-top:1px solid #e6edf4;font-size:11px;color:#94a6b5}.footer span{margin:0 10px}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px;gap:18px}.page-heading h1{font-size:26px;letter-spacing:-.8px;margin-bottom:7px;color:#112d4a}.muted{color:#7b8b9e;font-size:13px}.actionbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.actionbar button{white-space:nowrap}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:25px}.card{background:#fff;border:1px solid #e7edf5;border-radius:14px;box-shadow:0 4px 22px #183b6210}.kpi{padding:22px 23px;position:relative;overflow:hidden}.kpi label{font-size:12px;font-weight:700;color:#8395a9}.kpi h2{font-size:32px;color:#123b62;margin:17px 0 3px;letter-spacing:-1px}.kpi p{font-size:11px;color:#94a5b5;margin:0}.kpi .mark{position:absolute;right:22px;top:23px;font-size:22px;color:#236e9a;background:#eef6fc;border-radius:11px;padding:9px}.kpi:nth-child(2) .mark{color:#d0a000;background:#fff8df}.gridtwo{display:grid;grid-template-columns:1.55fr 1fr;gap:22px}.panel{padding:23px;min-width:0;margin-bottom:23px}.panel h3{font-size:16px;color:#183b62;margin:0}.panelhead{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.pill{font-size:11px;font-weight:750;display:inline-block;background:#e8f5fb;color:#075a86;padding:6px 10px;border-radius:99px}.pill.green{background:#e9f8f0;color:#128657}.pill.red{background:#ffeded;color:#bf4545}.pill.gold{background:#fff6dc;color:#9e7600}.tablewrap{width:100%;overflow:auto}.datatable{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.datatable th{color:#8699a9;text-transform:uppercase;font-size:10px;letter-spacing:.9px;border-bottom:1px solid #e7edf4;padding:13px 12px}.datatable td{font-size:12px;border-bottom:1px solid #edf2f7;padding:14px 12px;color:#46627c}.datatable tr:last-child td{border-bottom:0}.datatable tbody tr:hover{background:#f8fbff}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:700;color:#1c4d7a}.link{border:0;background:none;color:#096daa;font-weight:750;padding:0}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:19px;flex-wrap:wrap}.search{border:1px solid #dce6ef;border-radius:8px;padding:11px 12px;min-width:230px;flex:1;outline-color:#0a70a4}.toolbar select{border:1px solid #dce6ef;border-radius:8px;padding:11px;background:#fff;color:#4f6175}.pager{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:15px;color:#728599;font-size:12px}.empty{text-align:center;padding:50px 15px;color:#91a0ae}.stat-line{display:flex;justify-content:space-between;align-items:center;margin:17px 0;font-size:13px;color:#52708b}.bar{height:7px;border-radius:10px;background:#eaf1f7;overflow:hidden;margin-top:7px}.bar>i{display:block;height:100%;background:linear-gradient(90deg,#0b71a9,#f4c50d);border-radius:10px}.source{display:grid;grid-template-columns:1fr auto;gap:5px;padding:16px;border:1px solid #e3ecf5;border-radius:10px;margin:11px 0}.source b{font-size:13px}.source small{color:#8295a7}.logline{font-size:12px;border-bottom:1px solid #eef2f5;padding:12px 0;display:flex;justify-content:space-between;gap:10px}.drawer-layer{position:fixed;inset:0;z-index:50}.backdrop{position:absolute;inset:0;background:#061c35a6}.drawer{position:absolute;top:0;right:0;bottom:0;width:min(660px,100%);background:#fff;display:flex;flex-direction:column;box-shadow:-20px 0 65px #001d3440}.drawer header{padding:19px 25px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8eef4}.drawer header h3{margin:0}.drawerbody{overflow:auto;padding:25px}.detailgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detailcell{background:#f6f9fc;padding:13px;border-radius:9px;overflow-wrap:anywhere}.detailcell small{color:#7b91a5;display:block;margin-bottom:7px}.detailcell b{font-size:12px;color:#163b5a}.pre{background:#092844;color:#cce8fd;padding:18px;border-radius:10px;overflow:auto;font-size:11px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.toast{position:fixed;bottom:25px;right:26px;z-index:80;background:#073d67;color:#fff;padding:15px 22px;border-radius:12px;box-shadow:0 10px 40px #14334d55;max-width:min(420px,90vw);font-size:13px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.formgrid button{align-self:end;margin-bottom:18px}.loading{color:#8093a7;padding:50px;text-align:center}@media(max-width:1150px){.kpis{grid-template-columns:repeat(2,1fr)}.gridtwo{grid-template-columns:1fr}.account{display:none}}@media(max-width:850px){.sidebar{position:fixed;left:-275px;transition:left .2s}.sidebar.open{left:0}.topbar #menuBtn{display:block}.topbar{padding:0 15px;height:66px}.topactions{gap:7px}.topactions .outline,.topactions .avatar{display:none}.topactions select{max-width:155px}.crumb{font-size:12px}#app{padding:22px 15px}.footer{padding:18px}.login-wrap{grid-template-columns:1fr}.login-brand{padding:36px 7%;min-height:280px}.login-brand img{margin-bottom:12px;width:65px}.login-brand h1{font-size:29px}.login-brand p{font-size:15px}.login-lead,.hero-line{display:none}.login-card{padding:40px 0 60px}.page-heading{flex-direction:column}.kpis{gap:10px}.kpi{padding:15px}.kpi h2{font-size:24px}.kpi .mark{position:static;float:right;font-size:15px;padding:4px}.panel{padding:15px}.formgrid{grid-template-columns:1fr}.detailgrid{grid-template-columns:1fr 1fr}}@media(max-width:380px){.kpis{grid-template-columns:1fr 1fr}.kpi label{font-size:10px}.kpi h2{font-size:21px}}