:root{--primary: #6366f1;--primary-dark: #4f46e5;--primary-light: #818cf8;--primary-glow: rgba(99, 102, 241, .15);--primary-glow-strong: rgba(99, 102, 241, .25);--bg: #0a0d12;--bg-surface: #0f1219;--bg-card: #151a25;--bg-card-hover: #1a2030;--bg-input: #1a1f2e;--text: #eaeff6;--text-secondary: #a0aec0;--text-muted: #5a6477;--border: rgba(255, 255, 255, .07);--border-hover: rgba(255, 255, 255, .14);--success: #22c55e;--success-bg: rgba(34, 197, 94, .12);--danger: #ef4444;--danger-bg: rgba(239, 68, 68, .12);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .12);--radius: 10px;--radius-lg: 14px;--shadow: 0 2px 6px rgba(0, 0, 0, .25);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .45);--shadow-glow: 0 0 20px rgba(99, 102, 241, .08);--sidebar-width: 250px;--header-height: 56px;--transition: .2s cubic-bezier(.4, 0, .2, 1);--transition-fast: .12s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);background-image:radial-gradient(ellipse 80% 60% at 50% -20%,rgba(99,102,241,.06),transparent),radial-gradient(ellipse 60% 50% at 100% 50%,rgba(99,102,241,.03),transparent);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}a{color:var(--primary-light);text-decoration:none}a:hover{color:var(--primary)}button{cursor:pointer;border:none;border-radius:var(--radius);padding:9px 18px;font-family:inherit;font-size:13px;font-weight:500;transition:all var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1.4}button.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 2px 8px #6366f14d}button.btn-primary:hover{background:linear-gradient(135deg,var(--primary-dark),#4338ca);box-shadow:0 4px 16px #6366f166;transform:translateY(-1px)}button.btn-primary:active{transform:translateY(0)}button.btn-danger{background:var(--danger);color:#fff}button.btn-danger:hover{background:#dc2626}button.btn-outline{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}button.btn-outline:hover{border-color:var(--primary);color:var(--primary-light);background:var(--primary-glow);transform:translateY(-1px)}button.btn-outline:active{transform:translateY(0)}button.btn-ghost{background:transparent;color:var(--text-secondary);padding:6px 10px}button.btn-ghost:hover{color:var(--text);background:#ffffff0d}button.btn-sm{padding:5px 12px;font-size:12px;border-radius:8px}button:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}input,select,textarea{background:var(--bg-input);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:9px 14px;font-family:inherit;font-size:13px;width:100%;transition:border-color var(--transition),box-shadow var(--transition)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow),0 0 16px #6366f114}input::placeholder,select::placeholder,textarea::placeholder{color:var(--text-muted)}textarea{resize:vertical}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition)}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-glow)}.container{max-width:100%;padding:0 32px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff2e}