:root{--bg-primary: #06081a;--bg-secondary: #0d1025;--bg-card: #131733;--bg-card-hover: #1a1f45;--bg-elevated: #181d42;--bg-input: #0f1230;--border: #1e2347;--border-hover: #2a3060;--border-focus: #6366f1;--text-primary: #e8eaf6;--text-secondary: #9ba3c7;--text-muted: #6b75a0;--text-inverse: #06081a;--accent: #6366f1;--accent-light: #818cf8;--accent-dark: #4f46e5;--accent-glow: rgba(99, 102, 241, .25);--accent-subtle: rgba(99, 102, 241, .12);--green: #10b981;--green-bg: rgba(16, 185, 129, .12);--red: #ef4444;--red-bg: rgba(239, 68, 68, .12);--yellow: #f59e0b;--yellow-bg: rgba(245, 158, 11, .12);--blue: #3b82f6;--blue-bg: rgba(59, 130, 246, .12);--pink: #ec4899;--pink-bg: rgba(236, 72, 153, .12);--purple: #8b5cf6;--purple-bg: rgba(139, 92, 246, .12);--gradient-accent: linear-gradient(135deg, #6366f1, #8b5cf6);--gradient-card: linear-gradient(135deg, rgba(99, 102, 241, .08), rgba(139, 92, 246, .04));--gradient-1: linear-gradient(135deg, #6366f1, #8b5cf6);--gradient-2: linear-gradient(135deg, #10b981, #34d399);--gradient-3: linear-gradient(135deg, #3b82f6, #60a5fa);--gradient-4: linear-gradient(135deg, #ec4899, #f472b6);--gradient-5: linear-gradient(135deg, #f59e0b, #fbbf24);--gradient-6: linear-gradient(135deg, #ef4444, #f87171);--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--sidebar-width: 260px;--sidebar-collapsed: 72px;--topbar-height: 64px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow: 0 4px 16px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .4);--shadow-glow: 0 8px 30px var(--accent-glow);--transition: all .2s ease;--transition-slow: all .3s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent-light);text-decoration:none;transition:var(--transition)}a:hover{color:var(--accent)}img{max-width:100%;height:auto}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-accent{color:var(--accent-light)}.text-green{color:var(--green)}.text-red{color:var(--red)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-pulse{animation:pulse 2s ease-in-out infinite}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%;padding:10px 14px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;font-size:14px;transition:var(--transition);outline:none}input[type=checkbox],input[type=radio]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-subtle)}input::placeholder,textarea::placeholder{color:var(--text-muted)}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b75a0' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}textarea{resize:vertical;min-height:80px}::selection{background:var(--accent);color:#fff}
