:root{--bg-primary: #0c0c14;--bg-secondary: #12121c;--bg-tertiary: #1a1a28;--bg-card: #16162a;--bg-hover: #1e1e32;--text-primary: #f0f0f8;--text-secondary: #a0a0b8;--text-muted: #6a6a82;--text-inverse: #0c0c14;--accent-primary: #7c3aed;--accent-secondary: #a855f7;--accent-tertiary: #c084fc;--accent-glow: rgba(124, 58, 237, .4);--success: #10b981;--success-bg: rgba(16, 185, 129, .15);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .15);--danger: #ef4444;--danger-bg: rgba(239, 68, 68, .15);--info: #06b6d4;--info-bg: rgba(6, 182, 212, .15);--priority-p0: #ef4444;--priority-p0-bg: rgba(239, 68, 68, .15);--priority-p1: #f59e0b;--priority-p1-bg: rgba(245, 158, 11, .15);--priority-p2: #eab308;--priority-p2-bg: rgba(234, 179, 8, .15);--priority-p3: #22c55e;--priority-p3-bg: rgba(34, 197, 94, .15);--priority-p4: #64748b;--priority-p4-bg: rgba(100, 116, 139, .15);--border-color: #2a2a40;--border-light: #3a3a54;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 30px var(--accent-glow);--gradient-primary: linear-gradient(135deg, #7c3aed 0%, #a855f7 50%, #c084fc 100%);--gradient-secondary: linear-gradient(135deg, #06b6d4 0%, #7c3aed 100%);--gradient-dark: linear-gradient(180deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow-x:hidden;scroll-behavior:smooth}html{overflow-y:auto}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.6;color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--text-primary)}h1{font-size:28px}h2{font-size:24px}h3{font-size:20px}h4{font-size:16px}code,pre{font-family:JetBrains Mono,monospace}a{color:var(--accent-secondary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-tertiary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent-secondary)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.bg-primary{background:var(--bg-primary)}.bg-secondary{background:var(--bg-secondary)}.bg-tertiary{background:var(--bg-tertiary)}.bg-card{background:var(--bg-card)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.priority-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.priority-badge.p0{background:var(--priority-p0-bg);color:var(--priority-p0)}.priority-badge.p1{background:var(--priority-p1-bg);color:var(--priority-p1)}.priority-badge.p2{background:var(--priority-p2-bg);color:var(--priority-p2)}.priority-badge.p3{background:var(--priority-p3-bg);color:var(--priority-p3)}.priority-badge.p4{background:var(--priority-p4-bg);color:var(--priority-p4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:10px 20px;font-size:14px;font-weight:500;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.btn-primary{background:var(--gradient-primary);color:#fff}.btn.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent-primary)}.btn.btn-ghost{background:transparent;color:var(--text-secondary)}.btn.btn-ghost:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}input,textarea{font-family:inherit;font-size:14px;color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:12px 16px;outline:none;transition:all var(--transition-fast)}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:focus,textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-fast)}.card:hover{border-color:var(--border-light)}.card.card-interactive:hover{border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn .3s ease forwards}.animate-slide-left{animation:slideInLeft .3s ease forwards}.animate-slide-right{animation:slideInRight .3s ease forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}