:root{--font-sans:"Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--primary:#4f46e5;--primary-hover:#4338ca;--primary-rgb:79, 70, 229;--success:#10b981;--success-light:#d1fae5;--warning:#f59e0b;--warning-light:#fef3c7;--danger:#ef4444;--danger-light:#fee2e2;--border-color:#e2e8f0;--border-hover:#cbd5e1;--shadow-sm:0 1px 3px #0000000d, 0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -1px #0000000d;--shadow-lg:0 10px 25px -5px #0000000d, 0 8px 10px -6px #0000000d;--shadow-premium:0 20px 40px -15px #4f46e51a;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-full:9999px;--sidebar-width:270px;--header-height:70px;--transition-smooth:all .25s cubic-bezier(.4, 0, .2, 1)}@media (prefers-color-scheme:dark){:root{--bg-primary:#090d16;--bg-secondary:#0f172a;--bg-tertiary:#1e293b;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#64748b;--primary:#6366f1;--primary-hover:#4f46e5;--primary-rgb:99, 102, 241;--success:#34d399;--success-light:#34d39926;--warning:#fbbf24;--warning-light:#fbbf2426;--danger:#f87171;--danger-light:#f8717126;--border-color:#1e293b;--border-hover:#334155;--shadow-sm:0 1px 2px #00000080;--shadow-md:0 4px 12px #0006;--shadow-lg:0 12px 30px #00000080;--shadow-premium:0 20px 40px -15px #6366f126}}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;min-height:100vh;transition:background-color .3s,color .3s;overflow-x:hidden}a{color:inherit;transition:var(--transition-smooth);text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}.glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-md);background:#ffffffb3;border:1px solid #ffffff80}@media (prefers-color-scheme:dark){.glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-md);background:#0f172a99;border:1px solid #ffffff0d}}.card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:var(--transition-smooth);padding:24px}.card:hover{box-shadow:var(--shadow-md);border-color:var(--border-hover);transform:translateY(-2px)}.form-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-label{color:var(--text-secondary);font-size:14px;font-weight:500}.form-input,.form-select,.form-textarea{border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:var(--bg-secondary);width:100%;color:var(--text-primary);transition:var(--transition-smooth);outline:none;padding:10px 14px}select.form-input,select.form-select,select{cursor:pointer;height:40px;padding:6px 12px;line-height:normal}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb), .15)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-smooth);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:550;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);box-shadow:0 4px 12px rgba(var(--primary-rgb), .3)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--border-color)}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover{background-color:#dc2626;box-shadow:0 4px 12px #ef44444d}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-success{background-color:var(--success-light);color:var(--success)}.badge-warning{background-color:var(--warning-light);color:var(--warning)}.badge-danger{background-color:var(--danger-light);color:var(--danger)}.badge-info{background-color:var(--primary-light);color:var(--primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s forwards fadeIn}