:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#182437;background:#f6f8fb;--muted:#778396;--line:#e7ebf1;--blue:#3569e8}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}.layout{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.layout>aside{background:#14243a;color:#d5deea;padding:24px 16px;display:flex;flex-direction:column;gap:24px}.brand{display:flex;align-items:center;gap:10px}.logo{width:36px;height:36px;border-radius:11px;background:#426fe7;display:grid;place-items:center;color:#fff;font-weight:850}.brand b{display:block;color:#fff;font-size:14px}.brand small{display:block;color:#91a0b5;font-size:10px;margin-top:3px}.nav-label{font-size:9px;letter-spacing:1px;color:#8291a6;font-weight:700}.nav{padding:10px;border-radius:8px;color:#c3cfdf;font-size:12px}.nav.active{background:#ffffff17;color:#fff;box-shadow:inset 3px 0 #7193ff}.layout aside footer{margin-top:auto;border-top:1px solid #ffffff20;padding:15px 5px 0;color:#a5b1c1;font-size:10px}header{height:66px;background:#fff;border-bottom:1px solid var(--line);padding:0 clamp(18px,4vw,50px);display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}header span{color:#bdc5d0}header b{color:#182437}header button{margin-left:auto;border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 10px;color:#44536a;font-size:10px;font-weight:700}.content{max-width:1260px;margin:auto;padding:28px clamp(18px,4vw,50px)}.welcome{position:relative;background:linear-gradient(115deg,#172c49,#31539a);border-radius:15px;padding:24px 27px;color:#fff}.welcome>small{font-size:9px;letter-spacing:1px;color:#c3d0ea}.welcome h1{font-size:22px;margin:8px 0 4px}.welcome p{font-size:11px;color:#d2def2;margin:0}.next{position:absolute;right:24px;top:26px;border:1px solid #ffffff36;background:#ffffff17;border-radius:9px;padding:9px 13px;font-size:9px;color:#dce6f7}.next b{display:block;font-size:11px;color:#fff;margin-top:4px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:15px 0}.metrics>div,.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:0 10px 28px #13243a08}.metrics small{display:block;color:var(--muted);font-size:10px}.metrics b{display:block;font-size:21px;margin-top:8px}.columns{display:grid;grid-template-columns:1.5fr .8fr;gap:15px;align-items:start}.panel h2{font-size:14px;margin:0 0 5px}.panel>p{font-size:10px;color:var(--muted);margin:0 0 13px}.statement{display:flex;gap:11px;align-items:center;padding:13px 0;border-top:1px solid #f0f2f6}.pdf{flex:none;width:36px;height:36px;border-radius:9px;background:#fff0ed;color:#c45142;display:grid;place-items:center;font-size:9px;font-weight:800}.stmain{flex:1;min-width:0}.stmain b{font-size:11px}.stmain small,.statement strong small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.statement strong{font-size:12px;text-align:right;white-space:nowrap}.download{border:1px solid var(--line);border-radius:8px;padding:7px 9px;background:#fff;color:#3c4c61;font-size:10px;font-weight:700}.download:disabled{opacity:.65}.profile label{display:block;color:var(--muted);font-size:9px;margin:13px 0 4px}.profile>b{font-size:11px}.profile .hint{margin-top:15px}.empty{padding:28px 12px;text-align:center;color:var(--muted);font-size:11px}.empty b{color:#46556a}.below{color:#8994a3;font-size:9px;padding:14px 2px}.login{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(ellipse at top right,#edf2ff,transparent 45%),#f6f8fb}.box{width:min(100%,400px);background:#fff;border:1px solid var(--line);border-radius:15px;padding:28px;box-shadow:0 18px 50px #14243a12}.box .brand{justify-content:center;padding-bottom:20px;border-bottom:1px solid var(--line)}.box h1{font-size:21px;margin:24px 0 5px}.box>p{color:var(--muted);font-size:11px}.box label{display:block;font-size:10px;font-weight:700;margin:18px 0 6px}.box input{width:100%;border:1px solid #dfe4eb;border-radius:8px;padding:11px 12px;font-size:12px}.primary{margin-top:11px;width:100%;padding:11px;border:0;border-radius:8px;background:var(--blue);color:#fff;font-size:11px;font-weight:750}.hint{margin-top:13px;color:#66758a;font-size:10px;line-height:1.5}.box footer{text-align:center;border-top:1px solid #f0f2f6;padding-top:14px;margin-top:20px;color:#8793a2;font-size:9px}@media(max-width:850px){.columns{grid-template-columns:1fr}}@media(max-width:620px){.layout{display:block}.layout>aside{padding:12px 14px;gap:12px}.nav-label{display:none}.layout aside footer{display:none}.nav{display:inline-block;margin-right:4px;padding:8px;font-size:10px}.layout>aside .brand{padding-bottom:10px;border-bottom:1px solid #ffffff20}header{height:54px;padding:0 14px}.content{padding:15px 12px}.welcome{padding:18px}.next{position:static;display:inline-block;margin-top:13px}.metrics{grid-template-columns:1fr 1fr;gap:8px}.metrics>div{padding:12px}.metrics b{font-size:17px}.statement{flex-wrap:wrap;gap:8px}.stmain{min-width:calc(100% - 50px)}.statement strong{margin-left:45px}}.admin-note{margin:14px 0;padding:12px 14px;border:1px solid #f2dfb7;background:#fff9ec;color:#795719;border-radius:9px;font-size:10px;line-height:1.5}.admin-note b{font-weight:750}.upload-form label{display:block;color:#526177;font-size:10px;font-weight:650;margin:12px 0 7px}.upload-form input,.upload-form select{display:block;width:100%;margin-top:5px;border:1px solid #dfe4eb;border-radius:7px;padding:9px 10px;background:#fff;color:#182437;font-size:11px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.profile-item{padding:10px 0;border-top:1px solid #f0f2f6}.profile-item b{display:block;font-size:11px}.profile-item small{display:block;margin-top:3px;color:#778396;font-size:9px}.recent{margin-top:15px}.recent .statement{padding:12px 0}.upload-form .primary{margin-top:7px}.signout{margin-left:auto;border:1px solid #e7ebf1;border-radius:8px;background:#fff;color:#44536a;padding:7px 10px;font-size:10px;font-weight:700}.layout header{gap:8px}.upload-form .hint{min-height:22px}@media(max-width:620px){.form-grid{grid-template-columns:1fr}.admin-note{font-size:9px}}