*{margin:0;padding:0}:root{--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a;--slate-950: #020617;--primary-50: #f0f9ff;--primary-100: #e0f2fe;--primary-500: #0ea5e9;--primary-600: #0284c7;--primary-700: #0369a1;--sand-1: var(--slate-50);--sand-2: var(--slate-100);--sand-3: var(--slate-200);--sand-4: var(--slate-300);--sand-5: var(--slate-300);--sand-6: var(--slate-200);--sand-7: var(--slate-300);--sand-8: var(--slate-400);--sand-9: var(--slate-500);--sand-10: var(--slate-600);--sand-11: var(--slate-700);--sand-12: var(--slate-900)}html.dark{--slate-50: #020617;--slate-100: #0f172a;--slate-200: #1e293b;--slate-300: #334155;--slate-400: #475569;--slate-500: #64748b;--slate-600: #94a3b8;--slate-700: #cbd5e1;--slate-800: #e2e8f0;--slate-900: #f1f5f9;--slate-950: #f8fafc;--sand-1: #0f172a;--sand-2: #1e293b;--sand-3: #334155;--sand-4: #475569;--sand-5: #475569;--sand-6: #334155;--sand-7: #475569;--sand-8: #64748b;--sand-9: #94a3b8;--sand-10: #cbd5e1;--sand-11: #e2e8f0;--sand-12: #f8fafc}html,body{height:100%;width:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}html.dark ::-webkit-scrollbar-thumb{background:#475569}html.dark ::-webkit-scrollbar-thumb:hover{background:#64748b}dialog{margin:auto;border:none;padding:0;background:#fff;border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040}dialog::backdrop{background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}html.dark dialog{background:var(--slate-100);border:1px solid var(--slate-200)}html.dark body{background-color:var(--sand-1);color:var(--sand-12)}.rounded-xl,.rounded-lg,.card{background-color:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}html.dark .rounded-xl,html.dark .rounded-lg,html.dark .card{background-color:var(--sand-2);border-color:var(--sand-6);box-shadow:none}table{border-collapse:separate;border-spacing:0}thead{background:var(--slate-100)}thead th{color:var(--slate-500);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}tbody tr{background:#fff;transition:background-color .15s ease}tbody tr:hover{background:var(--slate-50)}html.dark thead{background:var(--sand-3)}html.dark thead th{color:var(--sand-10)}html.dark tbody tr{background:var(--sand-2)}html.dark tbody tr:hover{background:var(--sand-3)}input,select,textarea{background:#fff;color:var(--slate-900);border:1px solid var(--slate-300);border-radius:.375rem;transition:all .15s ease}input::placeholder,textarea::placeholder{color:var(--slate-400)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #0ea5e926}html.dark input,html.dark select,html.dark textarea{background:var(--sand-2);color:var(--sand-12);border-color:var(--sand-6)}html.dark input::placeholder,html.dark textarea::placeholder{color:var(--sand-9)}html.dark input:focus,html.dark select:focus,html.dark textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #0ea5e940}.btn-primary{background-color:var(--slate-900);color:#fff;font-weight:500;border-radius:.375rem;transition:all .15s ease;box-shadow:0 1px 2px #0000000d}.btn-primary:hover{background-color:var(--slate-800)}html.dark .btn-primary{background-color:var(--slate-800);color:#fff}html.dark .btn-primary:hover{background-color:var(--slate-700)}.btn-outline{background:transparent;border:1px solid var(--slate-200);color:var(--slate-700);font-weight:500;border-radius:.375rem;transition:all .15s ease}.btn-outline:hover{background:var(--slate-100);color:var(--slate-900)}html.dark .btn-outline{border-color:var(--sand-6);color:var(--sand-11)}html.dark .btn-outline:hover{background:var(--sand-3);color:var(--sand-12)}.btn-ghost{background:transparent;color:var(--slate-500);border-radius:.375rem;transition:all .15s ease}.btn-ghost:hover{background:var(--slate-100);color:var(--slate-900)}html.dark .btn-ghost{color:var(--sand-10)}html.dark .btn-ghost:hover{background:var(--sand-3);color:var(--sand-12)}.badge{display:inline-flex;align-items:center;border-radius:9999px;padding:.125rem .625rem;font-size:.75rem;font-weight:600;transition:all .15s ease}.badge-success{background-color:#dcfce7;color:#166534}html.dark .badge-success{background-color:#16a34a33;color:#86efac}.badge-warning{background-color:#fef3c7;color:#92400e}html.dark .badge-warning{background-color:#f59e0b33;color:#fcd34d}.badge-secondary{background-color:var(--slate-100);color:var(--slate-700)}html.dark .badge-secondary{background-color:var(--sand-3);color:var(--sand-11)}.badge-danger{background-color:#fee2e2;color:#991b1b}html.dark .badge-danger{background-color:#dc262633;color:#fca5a5}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.5rem;color:var(--slate-500);font-weight:500;transition:all .15s ease}.nav-item:hover,.nav-item.active{background-color:var(--slate-100);color:var(--slate-900)}html.dark .nav-item{color:var(--sand-10)}html.dark .nav-item:hover,html.dark .nav-item.active{background-color:var(--sand-3);color:var(--sand-12)}.page-title{font-size:1.875rem;font-weight:700;letter-spacing:-.025em;color:var(--slate-900)}html.dark .page-title{color:var(--sand-12)}.page-subtitle{color:var(--slate-500);margin-top:.25rem}html.dark .page-subtitle{color:var(--sand-10)}a{color:inherit;text-decoration:none}a:focus{outline:2px solid var(--primary-500);outline-offset:2px}.transition-colors{transition:color .15s ease,background-color .15s ease,border-color .15s ease}.transition-all{transition:all .3s ease}