*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--brand:#1a1a1a;--brand-d:#000;--bg:#f5f2ed;--surface:#fff;--border:#ddd8cf;--text:#1a1a1a;--muted:#7a7068;--success:#3d6b4f;--error:#9e3328;--radius:6px;--color-border:var(--border);--color-text-muted:var(--muted);--color-primary:var(--brand);--color-success:var(--success);--color-danger:var(--error);--color-warning:#b45309;--color-warning-bg:#fef3c7;--color-primary-light:#dbeafe;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--brand:#e8e4dc;--brand-d:#f5f2ed;--bg:#18140f;--surface:#211d17;--border:#3a3328;--text:#e8e4dc;--muted:#9e9690;--success:#5aaa75;--error:#d4574a;--color-warning:#d4922a;--color-warning-bg:#2a1f0a;--color-primary-light:#2d2920}.badge-active{color:#5aaa75;background:#0d2e1a}.badge-inactive{color:#9e9690;background:#2a2520}.badge-pending,.badge-warning{color:#d4922a;background:#2a1f0a}.badge-danger{color:#d4574a;background:#2d100d}.import-errors{background:#2d100d;border-color:#5c2020}.btn-primary{color:#18140f}}body{background:var(--bg);color:var(--text);min-height:100vh;line-height:1.5}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1100px;padding:1.5rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.btn{border-radius:var(--radius);cursor:pointer;border:none;align-items:center;gap:.4rem;padding:.55rem 1.2rem;font-size:.9rem;font-weight:500;transition:background .15s;display:inline-flex}.btn-primary{background:var(--brand);color:#fff;letter-spacing:.02em}.btn-primary:hover{background:var(--brand-d)}.btn-secondary{color:var(--text);border:1px solid var(--border);background:0 0}.btn-secondary:hover{background:var(--bg)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover{filter:brightness(.9)}.btn-sm{padding:.3rem .75rem;font-size:.8rem}.btn:disabled{opacity:.6;cursor:not-allowed}.form-group{flex-direction:column;gap:.4rem;margin-bottom:1rem;display:flex}.form-group label{color:var(--muted);font-size:.85rem;font-weight:500}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);width:100%;padding:.6rem .8rem;font-size:.95rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:2px solid var(--brand);border-color:#0000}.error-msg{color:var(--error);font-size:.85rem}.success-msg{color:var(--success);font-size:.85rem}table{border-collapse:collapse;width:100%;font-size:.9rem}th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);padding:.5rem .75rem;font-size:.8rem;font-weight:600}td{border-bottom:1px solid var(--border);vertical-align:middle;padding:.6rem .75rem}tr:last-child td{border-bottom:none}.badge{border-radius:99px;padding:.15rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.badge-active{color:#0a3622;background:#d1e7dd}.badge-inactive{color:#41464b;background:#e2e3e5}.badge-pending{color:#856404;background:#fff3cd}.badge-warning{color:#92400e;background:#fef3c7}.badge-danger{color:#991b1b;background:#fee2e2}nav{background:var(--bg);border-right:1px solid var(--border);z-index:100;flex-direction:column;width:52px;height:100vh;transition:width .2s;display:flex;position:fixed;top:0;left:0;overflow:hidden}nav.open{width:220px}.sidebar-toggle{width:52px;height:52px;color:var(--text);cursor:pointer;opacity:.6;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.sidebar-toggle:hover{opacity:1;background:var(--border)}.sidebar-content{flex-direction:column;flex:1;min-width:220px;padding-bottom:1rem;display:flex;overflow:hidden auto}.nav-brand{color:var(--text);letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid var(--border);white-space:nowrap;align-items:center;gap:.65rem;margin-bottom:.5rem;padding:.75rem 1rem;font-size:.85rem;font-weight:700;line-height:1.4;text-decoration:none;display:flex}.nav-brand:hover{text-decoration:none}.nav-brand-logo{object-fit:contain;flex-shrink:0;width:28px;height:28px}@media (prefers-color-scheme:dark){.nav-brand-logo{filter:invert()}}.nav-brand-text{line-height:1.3}.nav-groups{flex:1;padding:0 .5rem}.nav-group{margin-bottom:.25rem}.nav-group-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:.6rem .5rem .2rem;font-size:.65rem;font-weight:700}.nav-link{color:var(--muted);white-space:nowrap;border-radius:4px;align-items:center;gap:.6rem;padding:.35rem .5rem;font-size:.85rem;text-decoration:none;display:flex}.nav-link:hover{color:var(--text);background:var(--border);text-decoration:none}.nav-link.active{color:var(--text);background:var(--border);font-weight:600}.nav-link-icon{flex-shrink:0}nav:not(.open) .nav-link{padding:.45rem 0 .45rem 10px}nav:not(.open) .nav-link-label,nav:not(.open) .nav-group-label,nav:not(.open) .nav-brand-text,nav:not(.open) .nav-logout{display:none}.nav-logout{color:var(--muted);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;white-space:nowrap;text-align:left;background:0 0;margin:.75rem 1rem 0;padding:.4rem .75rem;font-size:.8rem}.nav-logout:hover{background:var(--border);color:var(--text)}.container{margin-left:52px;transition:margin-left .2s}nav.open~.container{margin-left:220px}.page-header{justify-content:space-between;align-items:baseline;margin-bottom:1.5rem;display:flex}.page-header h1{font-size:1.4rem;font-weight:700}.stat-cards{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.stat-card .stat-label{color:var(--muted);font-size:.8rem;font-weight:500}.stat-card .stat-value{margin-top:.25rem;font-size:1.6rem;font-weight:700}.loading{color:var(--muted);justify-content:center;padding:3rem;display:flex}.empty{text-align:center;color:var(--muted);padding:2rem;font-size:.9rem}.modal-overlay{z-index:200;background:#00000073;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);width:100%;max-width:540px;max-height:90vh;padding:2rem;overflow-y:auto}.modal h2{margin-bottom:1.25rem;font-size:1.15rem}.modal-actions{justify-content:flex-end;gap:.75rem;margin-top:1.25rem;display:flex}td.actions{white-space:nowrap}td.actions .btn{margin-right:.4rem}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable:hover{color:var(--text)}.csv-preview{border:1px solid var(--border);border-radius:var(--radius);max-height:260px;margin:1rem 0;overflow-y:auto}.csv-preview table{font-size:.8rem}.import-errors{border-radius:var(--radius);color:var(--error);background:#fff0f0;border:1px solid #ffd0cc;margin:.75rem 0;padding:.75rem 1rem;font-size:.85rem}.drop-zone{border:2px dashed var(--border);border-radius:var(--radius);text-align:center;color:var(--muted);cursor:pointer;padding:2rem;transition:border-color .15s}.drop-zone:hover,.drop-zone.over{border-color:var(--brand);color:var(--text)}