@import "https://fonts.googleapis.com/css2?family=Raleway:wght@400;600;700;800;900&family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--navy:#1a2744;--navy-dark:#111d36;--navy-mid:#223058;--navy-light:#2a3f6f;--gold:#c9a227;--gold-light:#e0b83a;--gold-dim:#c9a22726;--cream:#f0ede8;--cream-dark:#e8e4de;--white:#fff;--text:#1a2744;--text-mid:#6b7a99;--text-light:#a8b4cc;--green:#2ecc71;--green-dark:#1a7a42;--red:#e74c3c;--orange:#f39c12;--blue:#4a90e2;--sidebar-w:230px;--topbar-h:56px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--cream);width:100%;height:100%;color:var(--text);font-family:Inter,sans-serif;overflow:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#c9a2274d;border-radius:10px}.app{height:100vh;display:flex;overflow:hidden}.main-area{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.page-content{flex-direction:column;flex:1;display:flex;overflow:hidden auto}.sidebar{width:var(--sidebar-w);background:var(--navy-dark);z-index:200;flex-direction:column;flex-shrink:0;height:100vh;display:flex;overflow-y:auto}.sidebar::-webkit-scrollbar{width:3px}.sidebar::-webkit-scrollbar-thumb{background:#c9a22733}.sb-logo{border-bottom:1px solid #c9a22733;flex-shrink:0;padding:14px 14px 12px}.sb-logo-btn{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;width:100%;padding:0;transition:transform .12s,opacity .12s;display:flex}.sb-logo-btn:hover{transform:scale(1.02)}.sb-logo-btn:active{transform:scale(.98)}.sb-logo-btn:focus{outline:none}.sb-logo-btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:4px}.sb-logo-btn::-moz-focus-inner{border:0}.sb-logo-img{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;max-width:170px;height:auto;display:block}.sb-logo-img::selection{background:0 0}.sb-logo-name{color:#fff;letter-spacing:2px;font-family:Raleway,sans-serif;font-size:20px;font-weight:900}.sb-logo-sub{color:var(--gold);letter-spacing:.5px;margin-top:3px;font-size:10px}.sb-section-label{text-transform:uppercase;letter-spacing:1.2px;color:var(--text-light);padding:10px 16px 4px;font-size:9.5px;font-weight:700}button.sb-section-label{-webkit-user-select:none;user-select:none;transition:color .12s}button.sb-section-label:hover{color:var(--gold)}.nav-item{cursor:pointer;color:#ffffffa6;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:9px;width:calc(100% - 16px);margin:1px 8px;padding:8px 16px;font-family:Inter,sans-serif;font-size:13px;transition:all .18s;display:flex}.nav-item:hover{color:#fff;background:#ffffff12}.nav-item.active{color:var(--gold);border-left:3px solid var(--gold);background:linear-gradient(90deg,#c9a2272e,#c9a2270f);padding-left:13px}.nav-icon{flex-shrink:0;font-size:16px}.sb-user{border-top:1px solid #c9a22726;flex-shrink:0;align-items:center;gap:10px;padding:12px 16px;display:flex}.sb-avatar{background:linear-gradient(135deg, var(--gold), var(--gold-light));width:34px;height:34px;color:var(--navy-dark);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.sb-uname{color:#fff;font-size:12.5px;font-weight:600}.sb-urole{color:var(--text-light);font-size:10px}.topbar{height:var(--topbar-h);background:var(--white);border-bottom:1px solid var(--cream-dark);flex-shrink:0;align-items:center;gap:12px;padding:0 20px;display:flex;box-shadow:0 1px 4px #0000000a}.topbar-title{color:var(--navy);flex:1;font-family:Raleway,sans-serif;font-size:17px;font-weight:700}.topbar-date{color:var(--text-mid);font-family:JetBrains Mono,monospace;font-size:12px}.topbar-avatar{background:linear-gradient(135deg, var(--gold), var(--gold-light));width:32px;height:32px;color:var(--navy-dark);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.kpi-grid{background:var(--cream);flex-shrink:0;grid-template-columns:repeat(5,1fr);gap:12px;padding:14px 20px;display:grid}.kpi-card{background:var(--white);border-left:4px solid var(--cream-dark);border-radius:10px;padding:12px 14px;box-shadow:0 2px 8px #0000000f}.kpi-card.blue{border-left-color:var(--blue)}.kpi-card.green{border-left-color:var(--green)}.kpi-card.gold{border-left-color:var(--gold)}.kpi-card.red{border-left-color:var(--red)}.kpi-card.navy{border-left-color:var(--navy)}.kpi-val{color:var(--navy);font-family:Raleway,sans-serif;font-size:22px;font-weight:800}.kpi-lbl{color:var(--text-mid);text-transform:uppercase;margin-top:3px;font-size:10px;font-weight:600}.content-area{background:var(--cream);flex:1;padding:16px 20px;overflow-y:auto}.card{background:var(--white);border-radius:12px;margin-bottom:16px;overflow:hidden;box-shadow:0 2px 10px #00000012}.card-head{border-bottom:1px solid var(--cream-dark);color:var(--navy);justify-content:space-between;align-items:center;padding:12px 16px;font-family:Raleway,sans-serif;font-size:14px;font-weight:700;display:flex}.table-wrap{background:var(--white);border-radius:12px;overflow:auto hidden;box-shadow:0 2px 10px #00000012}table{border-collapse:collapse;width:100%;font-size:13px}th{background:var(--navy);color:#ffffffd9;text-align:left;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;padding:10px 14px;font-size:10.5px;font-weight:700}td{border-bottom:1px solid var(--cream-dark);color:var(--text);padding:10px 14px}tr:last-child td{border-bottom:none}tr:hover td{background:#c9a2270a}.td-mono{font-family:JetBrains Mono,monospace;font-size:12px}.badge{border-radius:20px;padding:2px 9px;font-size:11px;font-weight:700;display:inline-block}.badge-green{color:#1a7a42;background:#2ecc7121}.badge-yellow{color:#8a5a00;background:#f39c1226}.badge-gray{color:var(--text-mid);background:#6b7a991f}.badge-blue{color:#1a5fa0;background:#4a90e221}.badge-red{color:var(--red);background:#e74c3c1f}.badge-navy{color:var(--navy);background:#1a27441a}.badge-gold{color:#7a5a00;background:#c9a22726}.btn{cursor:pointer;border:none;border-radius:9px;align-items:center;gap:6px;padding:8px 16px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:all .18s;display:inline-flex}.btn-gold{background:var(--gold);color:var(--navy-dark)}.btn-gold:hover{background:var(--gold-light);transform:translateY(-1px)}.btn-navy{background:var(--navy);color:#fff}.btn-navy:hover{background:var(--navy-mid)}.btn-ghost{background:var(--cream-dark);color:var(--text-mid)}.btn-ghost:hover{background:#d8d4ce}.input{border:1.5px solid var(--cream-dark);background:var(--white);width:100%;height:38px;color:var(--text);border-radius:8px;outline:none;padding:8px 12px;font-family:Inter,sans-serif;font-size:13px;transition:border-color .15s}textarea.input{height:auto;min-height:38px}.input:focus{border-color:var(--gold)}select.input{cursor:pointer}.calc-field-error .input{background:#e74c3c0d;border-color:var(--red,#c0392b)!important}.calc-field-error .input:focus{box-shadow:0 0 0 3px #e74c3c26;border-color:var(--red,#c0392b)!important}.g2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.g3{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.g4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.flex{display:flex}.flex-1{flex:1}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-3{gap:12px}.gap-2{gap:8px}.mb-4{margin-bottom:16px}.mb-3{margin-bottom:12px}.mb-2{margin-bottom:8px}.mt-2{margin-top:8px}.p-4{padding:16px}.text-sm{font-size:13px}.text-xs{font-size:11px}.font-mono{font-family:JetBrains Mono,monospace}.text-mid{color:var(--text-mid)}.text-gold{color:var(--gold)}.text-navy{color:var(--navy)}.text-green{color:var(--green-dark)}.text-red{color:var(--red)}.font-bold{font-weight:700}.raleway{font-family:Raleway,sans-serif}.w-full{width:100%}