*{box-sizing:border-box} body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f4f6f8;color:#1f2937}.topbar{position:fixed;top:0;left:0;right:0;height:56px;background:#111827;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 18px;z-index:3}.topbar span{margin-left:8px;color:#d1d5db}.topbar a{color:white}.sidebar{position:fixed;top:56px;bottom:0;left:0;width:210px;background:#fff;border-right:1px solid #ddd;padding:16px}.sidebar a{display:block;padding:12px;border-radius:10px;color:#111;text-decoration:none}.sidebar a:hover{background:#e5e7eb}.content{margin-left:210px;padding:78px 24px 24px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{background:white;border-radius:16px;padding:20px;box-shadow:0 1px 4px #0001}.card b{display:block;font-size:30px}.muted{color:#6b7280}.btn,button{background:#1f2937;color:white;border:0;padding:10px 14px;border-radius:10px;text-decoration:none;cursor:pointer;display:inline-block}.btn.light{background:#e5e7eb;color:#111}.filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr auto auto;gap:8px;margin:16px 0}.filters input,.filters select,input,select,textarea{width:100%;padding:10px;border:1px solid #ccd1d5;border-radius:10px;background:white}textarea{min-height:78px}.table-wrap{background:white;border-radius:14px;overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid #eee;text-align:left}th{background:#f9fafb}.form-grid fieldset{border:0;background:white;border-radius:16px;margin:0 0 16px;padding:16px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.form-grid legend{font-weight:bold;padding:0 0 8px}.form-grid label{font-weight:bold}.form-grid small{display:block;color:#6b7280;margin-top:4px}.login-body{display:grid;place-items:center;min-height:100vh;background:#111827}.login-card{width:min(420px,92vw);background:white;border-radius:18px;padding:28px}.login-card h1{margin:0}.login-card button{width:100%;margin-top:14px}.alert{background:#fee2e2;color:#991b1b;padding:10px;border-radius:10px;margin:12px 0}.mobile-nav{display:none}
@media(max-width:800px){.sidebar{display:none}.content{margin-left:0;padding:72px 12px 76px}.cards{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:1fr}.form-grid fieldset{grid-template-columns:1fr}.table-wrap{background:transparent}table,thead,tbody,tr,td{display:block}thead{display:none}tr{background:white;margin:10px 0;border-radius:14px;padding:8px}td{border:0;padding:8px 10px}td:before{content:attr(data-label);display:block;font-size:12px;color:#6b7280}.mobile-nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:white;border-top:1px solid #ddd;z-index:5}.mobile-nav a{flex:1;text-align:center;padding:12px 4px;text-decoration:none;color:#111;font-size:13px}.topbar{height:54px}}

.nav-section {
    margin: 18px 12px 8px;
    font-size: 12px;
    font-weight: 700;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: .08em;
}