:root{--primary:#4F5BD5;--primary-dark:#3C46B8;--on-primary:#FFFFFF;--primary-container:#E1E0FF;--on-primary-container:#0A0A5C;--secondary:#5C5D72;--tertiary:#7A5265;--surface:#FDF8FD;--surface-1:#F7F2FA;--surface-2:#F1ECF5;--surface-container:#FFFFFF;--outline:#79747E;--outline-var:#E7E0EB;--on-surface:#1C1B1F;--on-surface-var:#49454F;--error:#B3261E;--error-container:#F9DEDC;--success:#146C2E;--success-container:#DDF3E4;--warn:#8A5300;--warn-container:#FFE8C7;--elev1:0 1px 2px rgba(0,0,0,.08), 0 1px 3px 1px rgba(0,0,0,.06);--elev2:0 1px 2px rgba(0,0,0,.1), 0 2px 6px 2px rgba(0,0,0,.08);--elev3:0 4px 8px 3px rgba(0,0,0,.12), 0 1px 3px rgba(0,0,0,.16);--rail-bg:#FDF8FD;--sidebar-item:#49454F;color-scheme:light}html.dark{--primary:#B4C0FF;--primary-dark:#8F9EFF;--on-primary:#131680;--primary-container:#2E3494;--on-primary-container:#E1E0FF;--secondary:#C5C4DD;--tertiary:#E8B9CF;--surface:#131318;--surface-1:#1C1B22;--surface-2:#25232C;--surface-container:#1E1D25;--outline:#948F99;--outline-var:#3A3843;--on-surface:#E6E1E9;--on-surface-var:#CAC4D0;--error:#F2B8B5;--error-container:#601410;--success:#7FDB9A;--success-container:#0C3D1D;--warn:#F2C078;--warn-container:#4A3200;--elev1:0 1px 2px rgba(0,0,0,.4), 0 1px 3px 1px rgba(0,0,0,.3);--elev2:0 1px 2px rgba(0,0,0,.4), 0 2px 6px 2px rgba(0,0,0,.3);--elev3:0 4px 8px 3px rgba(0,0,0,.4), 0 1px 3px rgba(0,0,0,.4);--rail-bg:#18171F;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:Nunito,ui-sans-serif,system-ui,sans-serif;background:var(--surface);color:var(--on-surface);-webkit-font-smoothing:antialiased;transition:background .15s ease,color .15s ease}a{color:inherit}button{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background-color:#94a3b880;border-radius:9999px}.material-symbols-rounded{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 22;font-size:20px;line-height:1;vertical-align:middle;-webkit-user-select:none;user-select:none}.card{background:var(--surface-container);border-radius:16px;box-shadow:var(--elev1);transition:box-shadow .2s ease,transform .2s ease,background .15s ease}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:10px 18px;font-size:14px;font-weight:700;border:none;cursor:pointer;font-family:Nunito,sans-serif;transition:background .15s ease,box-shadow .15s ease,transform .12s ease}.btn:disabled{opacity:.5;pointer-events:none}.btn:active:not(:disabled){transform:scale(.97)}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:hover{box-shadow:var(--elev2);transform:translateY(-1px)}.btn-secondary{background:var(--surface-2);color:var(--on-surface)}.btn-secondary:hover{background:var(--outline-var)}.btn-danger{background:var(--error-container);color:var(--error)}.btn-danger:hover{filter:brightness(.96)}.btn-icon{width:40px;height:40px;border-radius:50%;background:transparent;border:none;display:flex;align-items:center;justify-content:center;color:var(--on-surface-var);cursor:pointer;transition:background .15s ease}.btn-icon:hover{background:var(--surface-2)}.btn-icon-sm{width:34px;height:34px;border-radius:10px;background:transparent;border:none;color:var(--on-surface-var);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease,transform .12s ease}.btn-icon-sm:hover{background:var(--surface-2);color:var(--primary);transform:scale(1.08)}.btn-icon-sm.danger:hover{background:var(--error-container);color:var(--error)}.input-field{width:100%;border-radius:12px;border:1.5px solid var(--outline-var);background:var(--surface-container);padding:10px 14px;font-size:14px;color:var(--on-surface);font-family:Nunito,sans-serif;transition:border-color .15s ease,box-shadow .15s ease}.input-field:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4f5bd52e}.input-field::placeholder{color:var(--on-surface-var);opacity:.6}textarea.input-field{resize:vertical}.label-text{display:block;font-size:13px;font-weight:700;color:var(--on-surface-var);margin-bottom:6px}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;background:var(--surface-2);color:var(--on-surface-var);border:none;cursor:pointer;transition:background .15s ease,color .15s ease,transform .12s ease}.chip:hover{transform:translateY(-1px)}.chip.active{background:var(--primary-container);color:var(--on-primary-container)}.status-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:5px 12px;border-radius:8px;transition:transform .12s ease}.status-chip .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.s-success{background:var(--success-container);color:var(--success)}.s-warn{background:var(--warn-container);color:var(--warn)}.s-neutral{background:var(--surface-2);color:var(--on-surface-var)}.s-error{background:var(--error-container);color:var(--error)}.badge-role{display:inline-flex;padding:4px 10px;border-radius:8px;font-size:12px;font-weight:700;background:var(--primary-container);color:var(--on-primary-container);text-transform:capitalize}.toggle{position:relative;width:44px;height:24px;border-radius:99px;border:none;cursor:pointer;background:var(--outline-var);transition:background .2s ease;flex-shrink:0}.toggle.on{background:var(--primary)}.toggle .knob{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000040;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.toggle.on .knob{transform:translate(20px)}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table.data-table{width:100%;border-collapse:collapse;font-size:14px;min-width:620px}table.data-table thead th{text-align:left;font-size:12.5px;font-weight:700;color:var(--on-surface-var);padding:12px 20px;border-bottom:1.5px solid var(--outline-var);white-space:nowrap;background:var(--surface-1)}table.data-table tbody td{padding:13px 20px;border-bottom:1px solid var(--outline-var);vertical-align:middle}table.data-table tbody tr{transition:background .12s ease}table.data-table tbody tr:hover{background:var(--surface-1)}table.data-table tbody tr:last-child td{border-bottom:none}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width:560px){.grid-2,.grid-3{grid-template-columns:1fr!important}}.empty-state{padding:56px 20px;text-align:center;color:var(--on-surface-var);animation:fadeIn .25s ease-out}.empty-state .material-symbols-rounded{font-size:40px;opacity:.4;margin-bottom:8px}.fade{animation:fadeIn .18s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-spinner{width:18px;height:18px;border:2.5px solid rgba(255,255,255,.35);border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite;display:inline-block;flex-shrink:0}.router-fade-a,.router-fade-b{animation:routeFadeIn .22s ease-out}@keyframes routeFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}