*{box-sizing:border-box;margin:0;padding:0}:root{--brand:#1c2f6b;--brand-dark:#142252;--brand-light:#eef1f9;--border:#e3e6ee;--text:#1a1d29;--text-muted:#6b7280;--danger:#c0392b;--success:#1e8e5a}body{color:var(--text);background:#f6f7fb;font-family:Segoe UI,system-ui,-apple-system,sans-serif}button{cursor:pointer;background:var(--brand);color:#fff;border:none;border-radius:8px;padding:9px 16px;font-size:13px;font-weight:500;transition:opacity .15s}button:hover{opacity:.88}button:disabled{opacity:.4;cursor:not-allowed}button.secondary{color:var(--brand);border:1px solid var(--brand);background:#fff}button.danger{background:var(--danger)}input,select,textarea{border:1px solid var(--border);border-radius:8px;outline:none;padding:9px 12px;font-family:inherit;font-size:13px}input:focus,select:focus,textarea:focus{border-color:var(--brand)}table{border-collapse:collapse;width:100%}th{text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);text-align:left;border-bottom:1px solid var(--border);padding:10px 12px;font-size:12px}td{border-bottom:1px solid var(--border);padding:12px;font-size:14px}a{color:var(--brand);text-decoration:none}.card{border:1px solid var(--border);background:#fff;border-radius:14px;padding:20px}.mobile-topbar,.sidebar-overlay{display:none}@media (width<=900px){.app-sidebar{z-index:100;transition:transform .25s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.app-sidebar.open{transform:translate(0);box-shadow:4px 0 24px #00000040}.sidebar-overlay{z-index:90;background:#0006;display:block;position:fixed;inset:0}.mobile-topbar{border-bottom:1px solid var(--border);z-index:50;background:#fff;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.app-main{max-width:100%!important;padding:20px 16px!important}.card table{white-space:nowrap;display:block;overflow-x:auto}form.card>div[style*=flex]{flex-direction:column;align-items:stretch!important}form.card input,form.card select,form.card textarea{width:100%!important}div[style*="grid-template-columns: repeat(auto-fit"],div[style*="grid-template-columns: repeat(auto-fill"]{grid-template-columns:1fr!important}}