[hidden]{display:none!important}
:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#172033;background:#f4f7fb;font-size:14px;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.62}input,select,textarea{width:100%;color:#172033;background:#fff;border:1px solid #dbe3ee;border-radius:9px;outline:none;padding:11px 12px;min-height:43px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:#438ef5;box-shadow:0 0 0 3px #dbeafe}textarea{resize:vertical}label{display:block;font-weight:650;color:#34435b;margin-bottom:7px;font-size:12px}label b{color:#dc5468}.optional{font-weight:400;color:#8b96a7}.field small{display:block;font-size:11px;color:#7d8a9f;margin-top:7px;line-height:1.55}.shell{min-height:100vh;display:flex}.sidebar{width:260px;flex-shrink:0;background:#0c1629;color:#fff;display:flex;flex-direction:column;padding:27px 17px;min-height:100vh}.brand{display:flex;gap:11px;align-items:center;padding:0 9px 47px}.brand strong{font-size:15px;letter-spacing:1px}.brand small{display:block;color:#8b9ab0;font-size:11px;margin-top:3px}.logo-mark{background:#2678eb;border-radius:12px;width:39px;height:39px;display:grid;place-items:center;font-size:23px;font-weight:900;letter-spacing:-4px;padding-right:4px}.logo-mark span{color:#6ee7b7}.nav-label{font-size:10px;color:#7e90ac;font-weight:700;letter-spacing:1.4px;margin:0 13px 13px}nav{display:flex;flex-direction:column;gap:5px}.nav-btn{padding:13px 14px;display:flex;align-items:center;gap:12px;border:0;background:transparent;color:#a9b9cf;text-align:left;border-radius:10px;font-weight:550}.nav-btn:hover{background:#16243e;color:#fff}.nav-btn.active{background:#1d3a68;color:#fff;box-shadow:inset 3px 0 #58a8ff}.nav-icon{font-size:20px;width:21px;text-align:center;line-height:1}.sidebar-bottom{display:flex;align-items:center;gap:9px;padding:18px 13px 0;border-top:1px solid #29354b;margin-top:auto;font-size:12px;color:#cbd5e1}.sidebar-bottom small{display:block;color:#8094b0;margin-top:4px}.secure-dot{width:8px;height:8px;background:#2ed5a0;border-radius:50%;box-shadow:0 0 0 4px #2ed5a021}.main-col{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{min-height:91px;background:#fff;padding:21px 36px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #e9eef5}.topbar-start{display:flex;align-items:center;gap:12px}.eyebrow{color:#8290a5;font-size:10px;letter-spacing:1.6px;font-weight:800}.topbar h1{font-size:23px;letter-spacing:-.6px;margin:4px 0 0}.header-actions{display:flex;align-items:center;gap:9px}.today-pill{color:#64748b;font-weight:600;padding:0 12px;font-size:12px}.btn{border:1px solid transparent;padding:10px 15px;border-radius:9px;font-weight:650;background:#fff;white-space:nowrap;min-height:41px}.btn.primary{background:#2563eb;color:#fff;box-shadow:0 4px 10px #2563eb22}.btn.primary:hover{background:#1e55cf}.btn.subtle{background:#eef4fd;color:#3563a3}.btn.subtle:hover{background:#e1edfc}.btn.outline{border-color:#dbe3ee;color:#475569}.btn.outline:hover{background:#f6f8fa}.btn.full{width:100%}.icon-btn{border:0;background:transparent;font-size:24px}.mobile-only{display:none}.content{width:100%;max-width:1530px;margin:0 auto;padding:29px 34px;flex:1}.page-desc{color:#718097;margin:-3px 0 24px}.panel{background:#fff;border:1px solid #e8edf4;border-radius:14px;box-shadow:0 2px 6px #15234006;margin-bottom:21px;overflow:hidden}.filter-panel{padding:18px 20px}.filter-grid{display:grid;grid-template-columns:1fr 1fr 1.25fr auto;gap:14px;align-items:end}.filter-action{padding-bottom:1px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:18px}.kpi{border:1px solid #e7edf6;background:white;border-radius:13px;padding:21px;min-width:0}.kpi-icon{display:flex;align-items:center;justify-content:center;border-radius:9px;width:35px;height:35px;font-size:19px;font-weight:700;margin-bottom:18px}.kpi-icon.blue{background:#e8f0ff;color:#2164df}.kpi-icon.teal{background:#ddf8f3;color:#008979}.kpi-icon.amber{background:#fff0da;color:#c57b10}.kpi-icon.violet{background:#f1e9ff;color:#8054c6;font-size:12px}.kpi-name{font-size:12px;font-weight:650;color:#65748b;min-height:34px}.kpi-name small{font-weight:400}.kpi strong{display:block;font-size:26px;line-height:1.3;margin:5px 0 6px;letter-spacing:-.8px;white-space:nowrap;font-variant-numeric:tabular-nums}.kpi-note{color:#8190a5;font-size:11px}.explain{background:#eaf4fd;border:1px solid #cde1f7;padding:14px 17px;border-radius:10px;color:#4a6481;margin-bottom:23px;font-size:12px;line-height:1.7}.panel-head{padding:21px 22px;display:flex;justify-content:space-between;align-items:center;gap:10px}.panel-head h2,.guide-panel h2{font-size:15px;margin:0 0 5px;font-weight:750;letter-spacing:-.2px}.panel-head p{font-size:12px;color:#8490a2;margin:0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}th{font-size:10px;color:#7a879a;text-transform:uppercase;letter-spacing:.65px;background:#f8fafc;padding:14px 22px;border-top:1px solid #edf1f6;border-bottom:1px solid #edf1f6}td{padding:14px 22px;border-bottom:1px solid #f0f3f7;font-size:12px;color:#405068}tbody tr:last-child td{border-bottom:0}td strong{color:#202e43}.right{text-align:right;font-variant-numeric:tabular-nums}.empty{color:#a0aabb;text-align:center;padding:26px}.tag{display:inline-flex;padding:5px 8px;font-size:10px;font-weight:750;border-radius:6px;letter-spacing:.45px}.tag.cyan{color:#1676a4;background:#e2f5fc}.tag.green{color:#138566;background:#e0f7ec}.tag.gray{color:#576474;background:#ecf0f4}.two-col{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(295px,1fr);gap:21px}.form-panel{padding-bottom:23px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;padding:3px 22px 0}.full-span{grid-column:1/-1}.calc-preview{background:#f1f6ff;border:1px solid #d9e8ff;padding:18px;border-radius:10px}.calc-preview>span{display:block;font-size:10px;letter-spacing:1.1px;color:#5273a0;font-weight:800;margin-bottom:9px}.calc-preview>div{display:flex;gap:19px;align-items:center;flex-wrap:wrap}.calc-preview strong{font-size:24px;color:#204983;letter-spacing:-.5px}.calc-preview div span{color:#55718d;font-weight:650}.calc-preview small{font-size:11px;color:#7890ad;display:block;margin-top:8px}.guide-panel{padding:24px;height:fit-content}.guide-panel>p{line-height:1.8;color:#758398;font-size:12px}.guide-item{border-top:1px solid #edf1f6;padding:19px 0}.guide-item strong{display:block;font-size:12px;margin:10px 0 5px}.guide-item p{color:#7e8b9b;font-size:12px;line-height:1.7;margin:0}.info-line{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid #edf1f6;font-size:12px}.info-line span{color:#7c899b}.info-line strong{font-size:12px}.muted{color:#8b96a8!important}.example-formula{background:#f5f8fd;padding:22px;border-radius:10px;color:#4c637e;text-align:center;font-weight:700;margin:19px 0}.example-formula strong{display:block;font-size:23px;color:#2164c9;margin-top:9px}footer{padding:15px;text-align:center;color:#9ba7b6;font-size:11px}.login-overlay{position:fixed;inset:0;z-index:10;background:radial-gradient(circle at 20% 20%,#152f59,#0a1221 65%);display:grid;place-items:center;padding:22px}.login-card{background:#fff;border-radius:20px;width:min(100%,428px);padding:38px;box-shadow:0 18px 70px #0003}.logo-mark.big{width:53px;height:53px;font-size:30px;margin-bottom:26px}.login-card h1{font-size:25px;letter-spacing:-.8px;line-height:1.3;margin:9px 0}.login-card p{font-size:13px;line-height:1.75;color:#8290a4;margin-bottom:24px}.login-card input{margin-bottom:16px}.login-card .login-note{margin:18px 0 0;color:#a0a9b8;font-size:11px}.toast{position:fixed;right:25px;bottom:25px;background:#14233b;color:white;padding:15px 18px;border-radius:10px;box-shadow:0 12px 40px #18243b30;max-width:min(90vw,420px);font-size:12px;line-height:1.6;z-index:20;opacity:0;transform:translateY(18px);pointer-events:none;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translateY(0)}.toast.error{background:#a92e44}@media(max-width:1190px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:234px}.content{padding:24px}.topbar{padding:20px 24px}.two-col{grid-template-columns:1fr}.guide-panel{order:2}}@media(max-width:750px){.sidebar{position:fixed;z-index:5;top:0;bottom:0;left:0;transform:translateX(-105%);transition:transform .2s;box-shadow:9px 0 35px #141b3633}.sidebar.open{transform:none}.mobile-only{display:block}.topbar{padding:17px 17px;min-height:77px}.topbar h1{font-size:20px}.content{padding:20px 14px}.header-actions{gap:6px}.header-actions .today-pill{display:none}.header-actions .btn{padding:8px 10px;min-height:36px;font-size:11px}.header-actions #refreshBtn span{display:none}.filter-grid{grid-template-columns:1fr 1fr}.filter-grid .field:nth-child(3),.filter-action{grid-column:1/-1}.filter-action button{width:100%}.kpi-grid{gap:10px}.kpi{padding:15px}.kpi strong{font-size:20px}.kpi-name{font-size:11px}.kpi-note{font-size:10px}.form-grid{gap:13px}.login-card{padding:29px}.panel-head{padding:17px}.guide-panel{padding:17px}.page-desc{margin-bottom:16px}th,td{padding:12px 15px}}@media(max-width:390px){.form-grid{grid-template-columns:1fr}.kpi-grid{grid-template-columns:1fr 1fr}.kpi strong{font-size:18px}.kpi-name{min-height:46px}}
