:root{--navy:#102d50;--blue:#1769aa;--orange:#f28c28;--ink:#18283a;--muted:#738196;--line:#e6ebf1;--bg:#f4f7fb;--white:#fff;--green:#13865c;--red:#c44747}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 Inter,Segoe UI,Arial,sans-serif}a{text-decoration:none;color:inherit}.login-bg{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 15% 15%,#e4f0ff,transparent 34%),linear-gradient(135deg,#f5f8fc,#eaf1f8)}.login-card{width:min(420px,calc(100% - 32px));background:white;border:1px solid var(--line);border-radius:22px;padding:38px;box-shadow:0 20px 70px #16385c18}.brand-mark,.welcome-icon{background:linear-gradient(135deg,var(--blue),var(--navy));color:white;font-weight:900;display:grid;place-items:center;border-radius:15px;width:54px;height:54px;font-size:20px}.eyebrow{color:var(--orange);font-size:10px;font-weight:800;letter-spacing:1.6px;margin:18px 0 5px}.login-card h1{font-size:25px;margin:0;color:var(--navy)}.muted,p{color:var(--muted)}label{display:block;font-weight:700;font-size:12px;color:#526175;margin:12px 0 6px}input,select{width:100%;padding:12px 13px;border:1px solid #dce4ed;border-radius:9px;background:white;color:var(--ink);font:inherit;outline:none}input:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1769aa16}.btn{border:0;border-radius:9px;padding:11px 16px;font-weight:750;cursor:pointer;font:inherit}.primary{background:var(--blue);color:white}.primary:hover{background:var(--navy)}.full{width:100%;margin-top:20px}.login-card small{display:block;text-align:center;color:#98a4b3;margin-top:22px}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:var(--navy);color:#d9e6f4;padding:24px 16px;display:flex;flex-direction:column;z-index:3}.logo{display:flex;align-items:center;gap:10px;color:white;font-size:14px;padding:0 8px 32px}.logo span{width:36px;height:36px;border-radius:10px;background:var(--orange);display:grid;place-items:center;color:white;font-weight:900}.side-label{font-size:9px;letter-spacing:1.5px;color:#829ab5;font-weight:800;padding:10px}.nav{display:block;padding:12px 13px;border-radius:9px;color:#b9cadd;margin:3px 0;font-weight:600}.nav:hover,.nav.active{background:#ffffff16;color:white}.nav.active{border-left:3px solid var(--orange)}.sidebar-bottom{margin-top:auto}.user-chip{display:flex;align-items:center;gap:10px;padding:15px 8px;border-top:1px solid #ffffff20;margin-bottom:6px}.avatar{width:34px;height:34px;border-radius:50%;background:#f28c2833;color:#ffb45e;display:grid;place-items:center;font-weight:800}.user-chip b,.user-chip small{display:block}.user-chip small{font-size:11px;color:#91a9c2}.main{margin-left:248px;padding:28px 34px;max-width:1600px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.topbar .eyebrow{margin:0}.topbar h2{font-size:22px;margin:3px 0;color:var(--navy)}.top-right{display:flex;gap:10px;align-items:center}.rate-pill,.date-pill{background:white;border:1px solid var(--line);padding:8px 12px;border-radius:20px;font-size:11px;font-weight:700;color:var(--blue)}.date-pill{color:var(--muted)}.welcome{background:linear-gradient(110deg,#12365d,#1769aa);color:white;padding:26px 30px;border-radius:17px;display:flex;justify-content:space-between;align-items:center;overflow:hidden}.welcome .eyebrow{margin:0;color:#ffb15e}.welcome h1{font-size:24px;margin:7px 0;color:white}.welcome p{color:#d4e4f5;margin:0}.welcome-icon{background:#ffffff18;border:1px solid #ffffff33;width:74px;height:74px;font-size:24px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:20px 0}.stats.compact{grid-template-columns:repeat(3,1fr)}.stat,.panel,.quick-card{background:white;border:1px solid var(--line);border-radius:13px;padding:18px}.stat span{display:block;color:var(--muted);font-size:11px;font-weight:700}.stat strong{display:block;font-size:22px;color:var(--navy);margin:8px 0 1px}.stat small,.subline{display:block;color:#8290a2;font-size:11px}.stat.accent{border-top:3px solid var(--orange)}.positive{color:var(--green)!important}.negative{color:var(--red)!important}.panel{margin:17px 0}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.panel h3,.panel-head h3{margin:0;color:var(--navy);font-size:15px}.panel-head p{font-size:11px;margin:3px 0 0}.text-link{color:var(--blue);font-size:12px;font-weight:700}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}th{text-align:left;color:#8190a2;font-size:10px;text-transform:uppercase;letter-spacing:.5px;background:#f8fafc}td,th{padding:12px 13px;border-bottom:1px solid #edf1f5}tbody tr:last-child td{border-bottom:0}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.quick-card{display:block;transition:.2s}.quick-card:hover{transform:translateY(-2px);border-color:#b9d5ed}.quick-card span{display:block;color:var(--orange);font-size:23px;margin-bottom:8px}.quick-card b,.quick-card small{display:block}.quick-card b{color:var(--navy)}.quick-card small{color:var(--muted);margin-top:4px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px}.form-grid label{margin:4px 0}.wide{grid-column:1/-1}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.two-col .panel{margin:0}.alert{padding:11px 14px;border-radius:9px;margin-bottom:15px;font-size:12px}.success{background:#e8f7f0;color:#14734f}.danger{background:#fff0ef;color:#ad3939}.tag{display:inline-block;background:#eaf3fc;color:var(--blue);padding:4px 8px;border-radius:20px;font-size:10px;font-weight:800}.muted-tag{background:#f0f1f3;color:#7b8794}.rate-display{background:#f2f7fc;border:1px solid #dceaf7;border-radius:10px;padding:16px;margin-bottom:16px}.rate-display strong,.rate-display small{display:block}.rate-display strong{font-size:20px;color:var(--blue)}.rate-display small,.hint{font-size:11px;color:var(--muted)}.secondary{background:#edf2f7;color:var(--navy)}.small{padding:6px 10px;font-size:11px}footer{text-align:center;color:#9aa6b4;font-size:10px;padding:25px 0 5px}h4{font-size:12px;color:var(--navy);margin:20px 0 6px}@media(max-width:1000px){.sidebar{width:205px}.main{margin-left:205px;padding:22px}.stats{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}}@media(max-width:680px){.sidebar{position:relative;width:auto;height:auto;padding:12px;display:block}.logo{padding-bottom:10px}.side-label,.sidebar-bottom .user-chip{display:none}.sidebar .nav{display:inline-block;padding:8px 10px;font-size:11px}.main{margin:0;padding:16px}.topbar{align-items:flex-start;gap:10px}.topbar h2{font-size:18px}.top-right{flex-direction:column;align-items:flex-end}.welcome{padding:20px}.welcome h1{font-size:19px}.welcome-icon{display:none}.stats,.stats.compact{grid-template-columns:1fr 1fr;gap:9px}.stat{padding:13px}.stat strong{font-size:17px}.quick-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.login-card{padding:28px}}
