:root{--font-display:"Saira Condensed", system-ui, sans-serif;--font-ui:"IBM Plex Sans", system-ui, -apple-system, sans-serif;--font-mono:"IBM Plex Mono", "Courier New", monospace;--brand:#2563eb;--brand-700:#1a45b8;--amber:#f59e0b;--steel:#3e6ea5;--ink-900:#17284d;--danger:#e03131;--danger-700:#c92a2a;--radius:14px;--radius-sm:9px;--pill:999px}:root,[data-theme=dark]{--bg:#1d2125;--bg-chrome:#161a1d;--surface:#22272b;--surface-2:#22272b;--bg-input:#ffffff0f;--ink:#c7d1db;--ink-2:#9fadbc;--ink-3:#738496;--ink-4:#59636e;--line:#2c333a;--line-2:#374048;--brand-100:#4c9aff29;--amber-100:#f59e0b26;--amber-ink:#fcd34d;--danger-100:#e0313126;--danger-ink:#fca5a5;--ring:#2563eb66;--shadow-sm:0 1px 3px #00000059, 0 1px 2px #00000040;--shadow-md:0 8px 26px -12px #0000008c, 0 2px 6px #00000040;--shadow-lg:0 36px 70px -28px #000000bf}[data-theme=light]{--bg:#f7f8fa;--bg-chrome:#fff;--surface:#fff;--surface-2:#f1f2f4;--bg-input:#f1f2f4;--ink:#172b4d;--ink-2:#44546f;--ink-3:#626f86;--ink-4:#8c9bab;--line:#e4e7ec;--line-2:#c8d0dc;--brand-100:#e9f2ff;--amber-100:#f59e0b1f;--amber-ink:#92400e;--danger-100:#dc26261a;--danger-ink:#7f1d1d;--ring:#2563eb38;--shadow-sm:0 1px 3px #172b4d14, 0 1px 2px #172b4d0a;--shadow-md:0 8px 26px -12px #172b4d29, 0 2px 6px #172b4d0d;--shadow-lg:0 36px 70px -28px #172b4d47}[data-theme=light] .nav-sidebar{border-right:1px solid var(--line)}[data-theme=light] .nav-sidebar .brand-name{color:var(--ink)}[data-theme=light] .nav-sidebar .brand-tag{color:var(--ink-3)}[data-theme=light] .nav-logo{border-bottom-color:var(--line)}[data-theme=light] .nav-item{color:var(--ink-2)}[data-theme=light] .nav-item:hover{background:var(--surface-2);color:var(--ink);box-shadow:none;transform:none}[data-theme=light] .nav-item.active{background:var(--brand);color:#fff}[data-theme=light] .nav-user{border-top-color:var(--line)}[data-theme=light] .nav-user-name{color:var(--ink)}[data-theme=light] .nav-logout{color:var(--ink-2);border-color:var(--line-2)}[data-theme=light] .nav-logout:hover:not(:disabled){background:var(--surface-2);color:var(--ink);box-shadow:none;transform:none}[data-theme=light] .auth{background:radial-gradient(800px 500px at 10% 0%, #2563eb0f, transparent 55%), var(--bg)}[data-theme=light] .error{color:var(--danger-ink)}[data-theme=light] .success{color:#166534;background:#22c55e1a}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:15px;line-height:1.5}h1,h2,h3{font-family:var(--font-display);color:var(--ink)}input,select{width:100%;font:inherit;color:var(--ink);background:var(--bg-input);border:1px solid var(--line-2);border-radius:var(--radius-sm);outline:none;padding:8px 11px;font-size:14px;transition:border-color .15s,box-shadow .15s,background .15s}input::placeholder{color:var(--ink-4)}input:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--ring)}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235C544A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");background-position:right 13px center;background-repeat:no-repeat;background-size:14px;padding-right:38px}button{font:inherit;color:#fff;background:var(--brand);border-radius:var(--radius-sm);cursor:pointer;border:0;padding:11px 18px;font-size:14px;font-weight:600;transition:transform .12s,background .15s,box-shadow .15s,opacity .15s;box-shadow:0 1px 2px #1e1b1624}button:hover:not(:disabled){background:var(--brand-700);box-shadow:var(--shadow-md);transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.55;cursor:default}.btn-block{width:100%;margin-top:4px;padding:13px}.btn-ghost{color:var(--ink-2);border:1px solid var(--line-2);box-shadow:none;background:0 0;padding:8px 14px}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--ink);box-shadow:none;transform:none}.btn-danger-ghost{color:var(--danger);box-shadow:none;background:0 0;border:1px solid #0000;padding:7px 13px;font-size:13px}.btn-danger-ghost:hover:not(:disabled){background:var(--danger-100);box-shadow:none;transform:none}.danger{background:var(--danger)}.danger:hover:not(:disabled){background:var(--danger-700)}.app{min-height:100dvh}.app-bar{z-index:10;-webkit-backdrop-filter:saturate(150%)blur(10px);border-bottom:1px solid var(--line);background:#fbf8f1d1;justify-content:space-between;align-items:center;gap:16px;padding:14px 26px;display:flex;position:sticky;top:0}.container{width:100%;max-width:980px;margin:0 auto;padding:34px 26px 72px}.container-narrow{max-width:620px}.brand{align-items:center;gap:12px;display:flex}.brand-mark{background:linear-gradient(150deg, var(--brand), var(--brand-700));color:#fff;width:40px;height:40px;box-shadow:var(--shadow-sm), inset 0 1px 0 #ffffff47;border-radius:13px;place-items:center;display:grid}.brand-text{flex-direction:column;line-height:1.04;display:flex}.brand-name{font-family:var(--font-display);letter-spacing:.004em;font-size:21px;font-weight:700}.brand-tag{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin-top:2px;font-size:10.5px;font-weight:600}.user-chip{align-items:center;gap:12px;display:flex}.user-chip-meta{flex-direction:column;align-items:flex-end;gap:4px;line-height:1;display:flex}.user-chip-name{font-size:14px;font-weight:600}.avatar{background:linear-gradient(150deg, var(--brand), var(--brand-700));color:#fff;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:grid;box-shadow:inset 0 1px #ffffff47}.avatar-sm{width:32px;height:32px;font-size:13px}.avatar-lg{border-radius:20px;width:66px;height:66px;font-size:27px}.badge{letter-spacing:.05em;text-transform:uppercase;border-radius:var(--pill);align-items:center;padding:3px 9px;font-size:11px;font-weight:700;line-height:1.65;display:inline-flex}.badge-admin{background:var(--amber-100);color:var(--amber-ink);box-shadow:inset 0 0 0 1px #f59e0b47}.badge-user{background:var(--brand-100);color:var(--brand);box-shadow:inset 0 0 0 1px #2563eb40}[data-theme=dark] .badge-user{color:#93c5fd}.badge-role-admin{color:#0d9488;background:#14b8a624;box-shadow:inset 0 0 0 1px #14b8a64d}[data-theme=dark] .badge-role-admin{color:#2dd4bf;background:#14b8a62e}.badge-role-user{color:#334155;background:#4755691a;box-shadow:inset 0 0 0 1px #47556938}[data-theme=dark] .badge-role-user{color:#94a3b8;background:#94a3b81a}.badge-active{color:#16a34a;background:#22c55e1f;box-shadow:inset 0 0 0 1px #22c55e40}[data-theme=dark] .badge-active{color:#86efac;background:#22c55e26}.badge-inactive{color:#6b7280;background:#9ca3af1f;box-shadow:inset 0 0 0 1px #9ca3af40}[data-theme=dark] .badge-inactive{color:#9ca3af;background:#9ca3af26}.count-chip{color:var(--brand);background:var(--brand-100);border-radius:var(--pill);white-space:nowrap;align-items:center;padding:7px 14px;font-size:13px;font-weight:600;display:inline-flex}[data-theme=dark] .count-chip{color:#93c5fd}.page-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:26px;display:flex}.page-head h1{letter-spacing:-.012em;margin:0 0 5px;font-size:35px;font-weight:600}.muted{color:var(--ink-2);margin:0;font-size:14px}.panel,.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:100%;box-shadow:var(--shadow-sm);margin-bottom:22px;padding:24px;animation:.5s cubic-bezier(.2,.7,.2,1) both rise}.panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.panel-head h3{margin:0}.panel h3,.card h3{font-family:var(--font-display);margin:0 0 18px;font-size:19px;font-weight:600}.card label{color:var(--ink-2);margin-bottom:12px;font-size:13px;font-weight:600;display:block}.card label input,.card label select{margin-top:5px;padding:7px 11px;font-size:13px}.card button[type=submit]{margin-top:4px}.grid{grid-template-columns:1fr 1fr;align-items:start;gap:22px;margin-bottom:22px;display:grid}.grid>.card{margin-bottom:0}.grid-aside{grid-template-columns:3fr 2fr;align-items:start;gap:22px;margin-bottom:22px;display:grid}.grid-aside>.card,.grid-aside>.panel{margin-bottom:0}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-divider{border:none;border-top:1px solid var(--line);margin:8px 0 18px}.form-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin:0 0 14px;font-size:11px;font-weight:700}.section-gap{margin-top:44px}.form-actions{align-items:center;gap:12px;margin-top:4px;display:flex}.card label.checkbox-row{align-items:center;gap:9px;display:flex}.card label.checkbox-row input{width:auto;margin-top:0}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;min-width:460px;font-size:14px}.table th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid var(--line);padding:0 12px 13px;font-size:11px;font-weight:700}.table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:14px 12px}.table tbody tr:last-child td{border-bottom:0}.table tbody tr{transition:background .12s}.table tbody tr:hover{background:var(--surface-2)}.cell-user{align-items:center;gap:11px;font-weight:600;display:flex}.you{text-transform:uppercase;letter-spacing:.06em;color:var(--brand-700);background:var(--brand-100);border-radius:var(--pill);margin-left:9px;padding:2px 7px;font-size:10px;font-weight:700}.cell-actions{text-align:right}.empty{color:var(--ink-3);text-align:center;padding:30px 0;font-size:14px}.cell-dash{color:var(--ink-4)}.action-btns{justify-content:flex-end;align-items:center;gap:6px;display:flex}.table-link{color:var(--brand);font-size:13px;text-decoration:none}.table-link:hover{text-decoration:underline}.btn-icon{width:32px;height:32px;box-shadow:none;cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .13s;display:inline-flex}.btn-icon:hover:not(:disabled){box-shadow:none;transform:none}.btn-icon:disabled{opacity:.3;cursor:not-allowed}.btn-icon-edit{color:var(--danger);border:1px solid var(--danger);background:0 0}.btn-icon-edit:hover:not(:disabled){background:var(--danger-100)}.btn-icon-key{color:var(--brand);border:1px solid var(--brand);background:0 0}.btn-icon-key:hover:not(:disabled){background:var(--brand-100)}[data-theme=dark] .btn-icon-key{color:#93c5fd;border-color:#93c5fd}[data-theme=dark] .btn-icon-key:hover:not(:disabled){background:#93c5fd1f}.btn-icon-delete{background:var(--danger);color:#fff;border:0}.btn-icon-delete:hover:not(:disabled){background:var(--danger-700)}.dash-panel-head-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.panel-head-actions{align-items:center;gap:7px;display:flex}.btn-filter-sm{color:var(--ink-2);border:1px solid var(--line-2);box-shadow:none;border-radius:var(--radius-sm);background:0 0;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.btn-filter-sm:hover:not(:disabled){background:var(--surface-2);color:var(--ink);box-shadow:none;transform:none}.btn-add-user{background:var(--brand);color:#fff;width:28px;height:28px;box-shadow:none;border:0;border-radius:50%;place-items:center;padding:0;font-size:20px;font-weight:300;line-height:1;display:grid}.btn-add-user:hover:not(:disabled){background:var(--brand-700);box-shadow:none;transform:none}.dash-panel-scroll--auto{overflow-y:auto!important}.error,.success{border-radius:var(--radius-sm);margin:0 0 16px;padding:10px 14px;font-size:13.5px;font-weight:500}.error{color:var(--danger-ink);background:var(--danger-100);box-shadow:inset 0 0 0 1px #e0313140}.success{color:#86efac;background:#22c55e1f;box-shadow:inset 0 0 0 1px #22c55e33}.auth{background:radial-gradient(900px 600px at 10% 0%, #2563eb1a, transparent 55%), radial-gradient(700px 500px at 95% 10%, #2563eb0f, transparent 50%), var(--bg-chrome);place-items:center;min-height:100dvh;padding:24px;display:grid}.auth-card{background:var(--surface);border:1px solid var(--line);width:100%;max-width:432px;box-shadow:var(--shadow-lg);border-radius:22px;padding:40px 38px;animation:.6s cubic-bezier(.2,.7,.2,1) both rise}.auth-form{display:block}.auth-head{margin:22px 0 24px}.auth-head h1{letter-spacing:-.01em;margin:0 0 6px;font-size:30px;font-weight:600}.field{flex-direction:column;gap:7px;margin-bottom:16px;display:flex}.field>span{color:var(--ink-2);font-size:13px;font-weight:600}.pw-wrap{display:flex;position:relative}.pw-wrap input{flex:1;padding-right:40px}.pw-toggle{cursor:pointer;width:38px;color:var(--ink-3);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .15s;display:flex;position:absolute;top:0;bottom:0;right:0}.pw-toggle:hover{color:var(--ink)}.profile-card{align-items:center;gap:20px;display:flex}.profile-meta{flex-direction:column;gap:8px;display:flex}.profile-meta h2{margin:0;font-size:25px;font-weight:600}.nav-layout{grid-template-columns:220px 1fr;height:100dvh;display:grid;overflow:hidden}.nav-sidebar{background:var(--bg-chrome);flex-direction:column;height:100dvh;display:flex;position:sticky;top:0;overflow-y:auto}.nav-logo{border-bottom:1px solid #ffffff12;padding:22px 20px 18px}.nav-sidebar .brand-name{color:#fff}.nav-sidebar .brand-tag{color:#ffffff61}.nav-sidebar .brand-mark{box-shadow:none}.nav-items{flex:1;margin:0;padding:12px 10px;list-style:none}.nav-item{border-radius:var(--radius-sm);color:#ffffff7a;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:9px 13px;font-size:13.5px;font-weight:600;transition:background .13s,color .13s;display:flex}.nav-item:hover{color:#ffffffd1;background:#ffffff0f}.nav-item.active{background:var(--brand);color:#fff;cursor:default}.nav-user{border-top:1px solid #ffffff12;align-items:center;gap:10px;padding:14px;display:flex}.nav-user-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.nav-user-name{color:#ffffffd1;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.nav-logout{color:#ffffff73;border-color:#ffffff24;flex-shrink:0;padding:5px 10px;font-size:12px}.nav-logout:hover:not(:disabled){color:#fffc;box-shadow:none;background:#ffffff12;transform:none}.nav-body--split{align-items:stretch;gap:14px;overflow:hidden;flex-direction:row!important}.split-left{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.split-right{flex-direction:column;flex-shrink:0;gap:12px;width:380px;min-height:0;padding-bottom:14px;display:flex;overflow-y:auto}.right-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-shrink:0;animation:.18s cubic-bezier(.2,.7,.2,1) both rise;overflow:hidden}.right-panel-head{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;font-size:11px;font-weight:700;display:flex}.right-panel-body{padding:16px}.right-panel-body--table{max-height:280px;padding:0;overflow-y:auto}.right-panel-body .card{box-shadow:none;background:0 0;border:none;border-radius:0;margin-bottom:0;padding:0;animation:none}.right-panel-body .card h3{display:none}.right-panel-body label{color:var(--ink-2);margin-bottom:10px;font-size:12.5px;font-weight:600}.right-panel-body label input,.right-panel-body label select{margin-top:4px;padding:7px 10px;font-size:13px}.right-panel-body .form-row{gap:10px}.right-panel-body .form-divider{margin:8px 0 14px}.right-panel-body .form-section-label{margin-bottom:10px;font-size:11px}.right-panel-body button[type=submit]{margin-top:4px;padding:9px 18px;font-size:13px}.right-panel-body .error,.right-panel-body .success{margin-bottom:12px}.right-panel-body--table .table th{padding:0 10px 10px;font-size:10.5px}.right-panel-body--table .table td{padding:10px;font-size:13px}.btn-panel-close{width:24px;height:24px;color:var(--ink-3);box-shadow:none;cursor:pointer;background:0 0;border:0;border-radius:6px;flex-shrink:0;place-items:center;padding:0;display:grid}.btn-panel-close:hover:not(:disabled){background:var(--surface-2);color:var(--ink);box-shadow:none;transform:none}.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-lg);width:100%;max-width:400px;padding:24px;animation:.2s cubic-bezier(.2,.7,.2,1) both rise}.modal-head h3{margin:0;font-size:17px}.modal-close{width:30px;height:30px;color:var(--ink-3);box-shadow:none;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;padding:0;display:grid}.modal-close:hover:not(:disabled){background:var(--surface-2);color:var(--ink);box-shadow:none;transform:none}.modal-box .card{box-shadow:none;border:none;border-radius:0;margin-bottom:0;padding:0;animation:none}.modal-box .card h3{display:none}.nav-main{background:var(--bg);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.nav-topbar{background:var(--bg-chrome);border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:flex-end;gap:16px;padding:13px 28px;display:flex}.nav-topbar-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#7b96f0;margin:0 0 3px;font-size:10px;font-weight:700}.nav-topbar-title{letter-spacing:-.01em;color:var(--ink);margin:0;font-size:22px;font-weight:600}.nav-topbar-right{align-items:center;gap:12px;display:flex}.theme-toggle{border-radius:var(--radius-sm);border:1px solid var(--line-2);width:36px;height:36px;color:var(--ink-2);box-shadow:none;cursor:pointer;background:0 0;place-items:center;padding:0;transition:background .13s,color .13s;display:grid}.theme-toggle:hover:not(:disabled){background:var(--surface-2);color:var(--ink);box-shadow:none;transform:none}.nav-body{flex-direction:column;flex:1;min-height:0;padding:14px 22px;display:flex;overflow:hidden}.stat-cards{flex-shrink:0;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:10px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:8px 16px 6px;position:relative;overflow:hidden}.stat-card:before{content:"";border-radius:var(--radius) var(--radius) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.stat-brand:before{background:var(--brand)}.stat-amber:before{background:var(--amber)}.stat-teal:before{background:var(--steel)}.stat-num{font-family:var(--font-display);margin-bottom:3px;font-size:26px;font-weight:700;line-height:1;display:block}.stat-brand .stat-num{color:#60a5fa}.stat-amber .stat-num{color:#fcd34d}.stat-teal .stat-num{color:#7eb3d4}[data-theme=light] .stat-brand .stat-num{color:var(--brand)}[data-theme=light] .stat-amber .stat-num{color:var(--amber)}[data-theme=light] .stat-teal .stat-num{color:var(--steel)}.stat-label{text-transform:uppercase;letter-spacing:.09em;color:var(--ink-3);font-size:10.5px;font-weight:700}.panel-fill{flex-direction:column;flex:1;min-height:0;display:flex}.panel-fill>.dash-panel{flex:1;min-height:0}.dash-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;min-height:0;display:flex;position:relative;overflow:hidden}.dash-panel-scroll{flex:1;min-height:0;overflow:hidden}.dash-panel-head{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid var(--line);flex-shrink:0;margin:0;padding:10px 18px;font-size:11px;font-weight:700}.dash-panel .card{box-shadow:none;border:none;border-radius:0;margin-bottom:0;padding:12px 16px;animation:none}.dash-panel .card h3{display:none}.dash-panel .card label{margin-bottom:7px;font-size:12.5px}.dash-panel .card label input,.dash-panel .card label select{margin-top:3px;padding:6px 10px;font-size:13px}.dash-panel .form-row{gap:10px}.dash-panel .form-divider{margin:2px 0 8px}.dash-panel .form-section-label{margin-bottom:7px}.dash-panel .card button[type=submit]{margin-top:2px;padding:8px 18px;font-size:13px}.dash-panel>.panel{box-shadow:none;border:none;border-radius:0;margin-bottom:0;padding:0;animation:none}.dash-panel>.panel .panel-head{display:none}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.btn-filter-active{background:var(--brand-100)!important;color:var(--brand)!important;border-color:#2563eb59!important}[data-theme=dark] .btn-filter-active{color:#93c5fd!important}.btn-create-sm{background:var(--brand);color:#fff;border-radius:var(--radius-sm);width:28px;height:28px;box-shadow:none;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-create-sm:hover:not(:disabled){background:var(--brand-600,#1d4ed8);box-shadow:none;transform:none}.filter-count-badge{background:var(--brand);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:17px;height:17px;margin-left:3px;font-size:10px;font-weight:700;display:inline-flex}.filter-drawer-backdrop{z-index:40;position:absolute;inset:0}.filter-drawer{background:var(--surface);border-left:1px solid var(--line);border-radius:0 var(--radius) var(--radius) 0;z-index:41;flex-direction:column;width:290px;height:100%;display:flex;position:absolute;top:0;right:0;box-shadow:-4px 0 20px #00000012}.filter-drawer-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.filter-drawer-title{color:var(--brand);align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.filter-drawer-close{border:1px solid var(--line);cursor:pointer;width:28px;height:28px;color:var(--ink-2);box-shadow:none;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;transform:none}.filter-drawer-close:hover{background:var(--surface-2);box-shadow:none;transform:none}.filter-drawer-body{flex-direction:column;flex:1;gap:22px;padding:18px 16px;display:flex;overflow-y:auto}.filter-section{flex-direction:column;gap:10px;display:flex}.filter-section-label{letter-spacing:.09em;color:var(--ink-3);text-transform:uppercase;align-items:center;gap:6px;font-size:10px;font-weight:700;display:flex}.filter-drawer-search{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--ink);box-sizing:border-box;padding:8px 12px;font-size:13px}.filter-drawer-search:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-100);outline:none}[data-theme=dark] .filter-drawer-search{background:var(--surface-2)}.filter-pill-group{flex-wrap:wrap;gap:8px;display:flex}.filter-pill{border:1px solid var(--line);background:var(--surface);color:var(--ink-2);cursor:pointer;box-shadow:none;border-radius:20px;padding:5px 15px;font-size:12.5px;transition:border-color .12s,color .12s,background .12s;transform:none}.filter-pill:hover:not(.filter-pill-active){border-color:var(--ink-3);color:var(--ink);box-shadow:none;transform:none}.filter-pill-active{color:#fff;background:#1e293b;border-color:#1e293b}[data-theme=dark] .filter-pill-active{background:var(--ink-1);border-color:var(--ink-1);color:var(--surface)}.filter-drawer-footer{border-top:1px solid var(--line);flex-shrink:0;gap:10px;padding:14px 16px;display:flex}.filter-clear-all-btn{border-radius:var(--radius-sm);border:1px solid var(--line);color:var(--ink-2);cursor:pointer;box-shadow:none;background:0 0;flex:1;padding:9px 16px;font-size:13px;font-weight:500;transform:none}.filter-clear-all-btn:hover{border-color:var(--ink-3);color:var(--ink);box-shadow:none;transform:none}.filter-apply-btn{border-radius:var(--radius-sm);background:var(--brand);color:#fff;cursor:pointer;box-shadow:none;border:none;flex:1;padding:9px 16px;font-size:13px;font-weight:600;transform:none}.filter-apply-btn:hover{background:var(--brand-700);box-shadow:none;transform:none}.edit-user-topbar{background:var(--bg-chrome);border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:11px 24px;display:flex}.edit-user-left{align-items:center;gap:10px;min-width:0;display:flex}.edit-back-btn{box-shadow:none;color:var(--ink-2);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:0 0;border:none;flex-shrink:0;padding:6px 10px;font-size:13px;font-weight:600}.edit-back-btn:hover:not(:disabled){background:var(--surface-2);color:var(--ink);box-shadow:none;transform:none}.edit-user-displayname{letter-spacing:.03em;white-space:nowrap;font-size:14px;font-weight:700}.edit-user-sub{color:var(--ink-3);white-space:nowrap;font-size:13px}.edit-user-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.mono{font-family:var(--font-mono)}.shipments-filter{max-width:320px}.shipments-filters{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.shipments-clear{margin-bottom:16px}.pager{align-items:center;gap:14px;margin-top:18px;display:flex}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:100%;max-width:420px;box-shadow:var(--shadow-lg);padding:22px}.modal-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.modal-head h3{margin:0}.modal-close{box-shadow:none;color:var(--ink-3);background:0 0;border:0;padding:2px 8px;font-size:22px;line-height:1}.modal-close:hover:not(:disabled){color:var(--ink);box-shadow:none;background:0 0;transform:none}.modal-sub{margin:0 0 14px}.integration-panel{margin-top:18px}.edit-user-id{font-family:var(--font-mono);color:var(--ink-3);background:var(--surface-2);border:1px solid var(--line);white-space:nowrap;border-radius:6px;padding:4px 10px;font-size:11.5px}.edit-cancel-btn{align-items:center;gap:6px;padding:8px 14px;font-size:13px;display:inline-flex}.edit-save-btn{align-items:center;gap:6px;padding:8px 16px;font-size:13px;display:inline-flex}.edit-user-body{flex:1;grid-template-columns:1fr 340px;align-items:start;gap:16px;min-height:0;padding:20px 24px;display:grid;overflow-y:auto}.edit-form-col,.edit-log-col{min-width:0}.edit-mode-tabs{border-bottom:1px solid var(--line);gap:4px;margin-bottom:14px;padding-bottom:0;display:flex}.edit-mode-tab{color:var(--ink-3);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;margin-bottom:-1px;padding:8px 16px;font-size:13px;font-weight:600;transition:color .15s,border-color .15s}.edit-mode-tab:hover{color:var(--ink)}.edit-mode-tab.active{color:var(--brand);border-bottom-color:var(--brand)}.edit-form-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:24px}.edit-form-panel .field>span{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-size:11px;font-weight:700}.field-helper-text{color:var(--ink-3);margin:-6px 0 0;font-size:12px;line-height:1.5}.audit-badge-password{color:var(--brand);background:#2563eb1f;box-shadow:inset 0 0 0 1px #2563eb40}[data-theme=dark] .audit-badge-password{color:#93c5fd}.audit-badge-profile{color:#0d9488;background:#14b8a61f;box-shadow:inset 0 0 0 1px #14b8a647}[data-theme=dark] .audit-badge-profile{color:#2dd4bf;background:#14b8a62e}.audit-list{flex-direction:column;display:flex}.audit-entry{border-bottom:1px solid var(--line);gap:12px;padding:14px 0;display:flex}.audit-entry:last-child{border-bottom:none}.audit-dot{background:var(--brand);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.audit-entry-content{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.audit-entry-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.audit-entry-actor{color:var(--ink-1);flex:1;font-size:13px;font-weight:500}.audit-entry-time{color:var(--ink-3);white-space:nowrap;font-size:11.5px}.audit-entry-detail{flex-direction:column;gap:4px;display:flex}.audit-change-row{flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.audit-change-field{color:var(--ink-3);min-width:80px}.audit-change-from{color:#dc2626;background:#dc262614;border-radius:4px;padding:1px 6px;text-decoration:line-through}[data-theme=dark] .audit-change-from{color:#fca5a5;background:#dc262626}.audit-change-arrow{color:var(--ink-3)}.audit-change-to{color:#16a34a;background:#16a34a1a;border-radius:4px;padding:1px 6px}[data-theme=dark] .audit-change-to{color:#4ade80;background:#16a34a2e}.audit-change-desc{color:var(--ink-2);font-size:12px}.audit-badge-created{color:#16a34a;background:#16a34a1f;box-shadow:inset 0 0 0 1px #16a34a47}[data-theme=dark] .audit-badge-created{color:#4ade80;background:#16a34a2e}.audit-badge-updated{color:var(--brand);background:#2563eb1f;box-shadow:inset 0 0 0 1px #2563eb40}[data-theme=dark] .audit-badge-updated{color:#93c5fd}.audit-empty{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:32px 16px;display:flex}.audit-empty-icon{color:var(--ink-4);margin-bottom:6px}.audit-empty-title{color:var(--ink-2);margin:0;font-size:14px;font-weight:600}.audit-empty-sub{color:var(--ink-3);max-width:220px;margin:0;font-size:13px;line-height:1.5}@media (width<=900px){.nav-layout{grid-template-columns:1fr}.nav-sidebar{flex-flow:wrap;height:auto;position:static}.nav-logo{border-bottom:none;border-right:1px solid #ffffff12;padding:14px 18px}.nav-items{flex:none;padding:8px;display:flex}.dash-panels{grid-template-columns:1fr}.nav-user{border-top:none;border-left:1px solid #ffffff12;margin-left:auto}.nav-body{padding:14px}.nav-topbar{padding:16px 20px}.stat-cards{grid-template-columns:repeat(3,1fr)}}@media (width<=720px){.grid,.grid-aside,.form-row,.stat-cards{grid-template-columns:1fr}.page-head{flex-direction:column;align-items:flex-start}.app-bar{padding:12px 16px}.container{padding:26px 16px 52px}.nav-topbar-title{font-size:22px}.stat-num{font-size:32px}}@media (width<=540px){.user-chip-meta{display:none}.auth-card{padding:32px 24px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}