:root{color:#162033;font-synthesis:none;background:#f5f7fa;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.login{background:#eef2f6;place-items:center;min-height:100vh;padding:24px;display:grid}.panel{background:#fff;border:1px solid #dfe4ea;border-radius:10px}.login-card{width:min(420px,100%);padding:30px;box-shadow:0 12px 40px #15213b12}.brand{color:#1d4f91;align-items:center;gap:9px;font-weight:700;display:flex}.login h1{margin:28px 0 4px;font-size:23px}.login p{color:#647084;margin:0 0 24px;font-size:14px}.login label{gap:7px;margin:15px 0;font-size:13px;font-weight:600;display:grid}.login input{border:1px solid #cfd6df;border-radius:7px;outline:none;height:42px;padding:0 11px}.login input:focus{border-color:#3478c7;box-shadow:0 0 0 3px #3478c71a}.login button{color:#fff;background:#1f64ad;border:0;border-radius:7px;width:100%;margin-top:8px;padding:11px;font-weight:700}.error{color:#a52d2d;background:#fff0f0;border:1px solid #efcaca;border-radius:7px;padding:10px 12px;font-size:13px}.app{grid-template-columns:230px 1fr;min-height:100vh;display:grid}.app aside{color:#d6deea;background:#101b2d;flex-direction:column;padding:22px 14px;display:flex}.app aside .brand{color:#fff;padding:0 8px 22px}.app nav{gap:4px;display:grid}.app nav button,.logout{color:#aeb9ca;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;padding:10px;display:flex}.app nav button svg,.logout svg{width:16px}.app nav button.active,.app nav button:hover{color:#fff;background:#1d2c43}.app nav b{color:#fff;background:#963838;border-radius:10px;margin-left:auto;padding:1px 6px;font-size:11px}.logout{margin-top:auto}.content{min-width:0;padding:28px}.content header{justify-content:space-between;align-items:end;margin-bottom:18px;display:flex}.content h1{margin:0;font-size:22px}.content header span{color:#68768a;font-size:13px}.table{overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #edf0f4;padding:12px 15px;font-size:13px}th{color:#68768a;background:#fafbfc;font-weight:600}td strong,td small{display:block}td small{color:#8792a2;margin-top:2px}.cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.metric{gap:8px;padding:18px;display:grid}.metric span{color:#68768a;font-size:13px}.empty{color:#68768a;padding:28px}@media (width<=760px){.app{grid-template-columns:1fr}.app aside{position:static}.app nav{grid-template-columns:repeat(4,1fr)}.app nav button{justify-content:center;font-size:0}.logout{display:none}.content{padding:18px}}