:root{--ink:#12212b;--muted:#687b87;--line:#dfe7eb;--surface:#fff;--canvas:#f4f7f8;--blue:#126a8a;--teal:#168d8b;--nav:#102d3b}*{box-sizing:border-box}html{font-size:14px}body{margin:0;color:var(--ink);background:var(--canvas);font-family:Inter,"Segoe UI",Arial,sans-serif}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:var(--nav);padding:25px 18px;color:#fff;z-index:10}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;margin:0 8px 32px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid #5aa6af;border-radius:10px;color:#75d0d0;font-weight:800;font-size:19px}.brand small,.brand strong{display:block}.brand small{color:#9fb6c0;font-size:11px;letter-spacing:.08em}.sidebar nav{display:flex;flex-direction:column}.sidebar nav label{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#6f909c;margin:24px 12px 7px}.sidebar nav a{color:#c7d4d9;text-decoration:none;padding:10px 12px;border-radius:7px;margin:1px 0}.sidebar nav a:hover{background:#194253;color:#fff}.app{margin-left:244px}.topbar{height:74px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:5}.eyebrow{font-size:10px;letter-spacing:.15em;color:var(--muted)}.content{padding:32px;max-width:1500px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px}.page-head h1{font-size:27px;margin:0 0 4px;font-weight:700}.page-head p{color:var(--muted);margin:0}.card,.panel{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:none}.panel{padding:22px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:20px 0}.kpi{padding:20px}.kpi small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.kpi strong{display:block;font-size:25px;margin-top:7px}.table{margin:0}.table>:not(caption)>*>*{padding:.85rem .75rem;border-bottom-color:#e8edef;vertical-align:middle}.table thead th{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:600;background:#f9fbfb}.badge-soft{background:#e6f4f3;color:#136a6c;padding:.4em .65em}.btn-primary{background:var(--blue);border-color:var(--blue)}.form-label{font-size:12px;font-weight:600}.form-control,.form-select{border-color:#cfdadd;padding:.6rem .72rem}.form-section{border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:20px}.money{font-variant-numeric:tabular-nums;font-weight:650}.muted{color:var(--muted)}.auth-body{background:#eef3f4}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(430px,100%);padding:38px;background:#fff;border:1px solid var(--line);border-radius:14px}.tabs{border-bottom:1px solid var(--line);margin-bottom:22px}.tabs a{display:inline-block;padding:11px 14px;text-decoration:none;color:var(--muted);border-bottom:2px solid transparent}.tabs a:first-child{color:var(--blue);border-color:var(--blue)}.menu-toggle{display:none;background:none;border:0}@media(max-width:1000px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.sidebar{transform:translateX(-100%)}.app{margin-left:0}.menu-toggle{display:block}.menu-open .sidebar{transform:none}.content{padding:22px}}@media(max-width:600px){.kpi-grid{grid-template-columns:1fr}.page-head{align-items:flex-start;gap:15px;flex-direction:column}}