:root,[data-theme=light]{--page: #f7f6f2;--surface: #ffffff;--surface-1: #f1efe8;--border: #e3e1d8;--border-strong: #cfcdc2;--text: #2c2c2a;--text-2: #5f5e5a;--text-3: #8a8880;--accent-bg: #e6f1fb;--accent-text: #185fa5;--accent-border: #85b7eb;--success-bg: #e1f5ee;--success-text: #0f6e56;--warning-bg: #faeeda;--warning-text: #854f0b;--danger-bg: #fcebeb;--danger-text: #a32d2d;--danger-border: #f09595;--violet-bg: #eeedfe;--violet-text: #534ab7;--radius-card: 12px;--radius-control: 8px;--radius-modal: 16px;--topbar-height: 56px;--rail-width: 240px}[data-theme=dark]{--page: #1c1c1a;--surface: #262624;--surface-1: #2e2e2b;--border: #3a3a36;--border-strong: #4a4a45;--text: #f2f1ec;--text-2: #c9c7bd;--text-3: #98968c;--accent-bg: #123049;--accent-text: #7fb6ec;--accent-border: #2b5f8f;--success-bg: #0f2b23;--success-text: #5fd9b8;--warning-bg: #3a2a0f;--warning-text: #e0ab5c;--danger-bg: #3a1414;--danger-text: #f09595;--danger-border: #7a2b2b;--violet-bg: #26224a;--violet-text: #a79dff}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.6;color:var(--text);background:var(--page)}h1,h2,h3,p{margin:0}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}input,select{font:inherit}a{color:var(--accent-text)}:focus-visible{outline:2px solid var(--accent-border);outline-offset:2px}.btn{height:36px;padding:0 14px;border-radius:var(--radius-control);border:.5px solid var(--border-strong);background:var(--surface);color:var(--text);font-weight:500;transition:background-color .15s ease,transform .1s ease}.btn:hover{background-color:var(--surface-1)}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent-text)}.btn-primary:hover{background-color:#d9ecfa}.btn-danger{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger-text)}.btn-danger:hover{background-color:#f9dcdc}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12px;font-weight:500;color:var(--text-2)}.field input{height:38px;padding:0 10px;border-radius:var(--radius-control);border:.5px solid var(--border-strong);background:var(--surface);color:var(--text)}.field input::placeholder{color:var(--text-3)}.field input:focus{outline:none;box-shadow:0 0 0 3px var(--accent-bg);border-color:var(--accent-border)}.card{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius-card);padding:16px}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:500}.badge-accent{background:var(--accent-bg);color:var(--accent-text)}.badge-success{background:var(--success-bg);color:var(--success-text)}.badge-warning{background:var(--warning-bg);color:var(--warning-text)}.badge-danger{background:var(--danger-bg);color:var(--danger-text)}.badge-violet{background:var(--violet-bg);color:var(--violet-text)}.badge-neutral{background:var(--surface-1);color:var(--text-2)}.users-table{width:100%;border-collapse:collapse}.users-table th{text-align:left;font-size:12px;font-weight:500;color:var(--text-2);padding:8px 12px;border-bottom:.5px solid var(--border)}.users-table td{padding:0 12px;height:56px;border-bottom:.5px solid var(--border);font-size:13px}.users-table tr:last-child td{border-bottom:none}.avatar-sm{width:24px;height:24px;border-radius:50%;background:var(--accent-bg);color:var(--accent-text);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:500;margin-right:8px}.toggle{width:46px;height:24px;border-radius:999px;background:var(--border-strong);position:relative;border:none;padding:0;transition:background-color .15s ease}.toggle[data-on=true]{background:var(--accent-text)}.toggle .thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:left .15s ease}.toggle[data-on=true] .thumb{left:25px}@media (max-width: 699px){.users-table thead{display:none}.users-table,.users-table tbody,.users-table tr,.users-table td{display:block;width:100%}.users-table tr{border:.5px solid var(--border);border-radius:var(--radius-card);margin-bottom:12px;padding:8px 0}.users-table td{height:auto;padding:6px 12px;border-bottom:none}}