:root{--bg:#f5f7fb;--navy:#10233f;--line:#dce3ee;--muted:#687385}
*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Inter,Arial,sans-serif;color:#182235}
.layout{min-height:100vh;display:flex}.side{width:250px;background:#10233f;color:#fff;padding:18px 14px;position:sticky;top:0;height:100vh}.brand{font-size:18px;font-weight:800;margin:6px 8px 22px}.side nav{display:grid;gap:6px}.side a{color:#dce7f7;text-decoration:none;padding:10px 12px;border-radius:8px;font-weight:700;display:flex;gap:9px;align-items:center}.side a:hover{background:rgba(255,255,255,.1);color:#fff}.main{flex:1;min-width:0}.topbar{height:60px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 20px}.cardx,.form-panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:0 8px 22px rgba(16,35,63,.06)}.stat{font-size:26px;font-weight:800;color:var(--navy)}.table-wrap{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;box-shadow:0 8px 22px rgba(16,35,63,.05)}.table{margin:0}.badge{border-radius:999px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:18px}.login-card{width:min(420px,100%);background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:0 18px 45px rgba(16,35,63,.12)}
@media(max-width:800px){.layout{display:block}.side{position:relative;width:auto;height:auto}.topbar{height:auto;padding:14px}.container-fluid{padding:10px!important}.table-wrap{overflow:auto}}