:root{--bg-dark: #0a0b14;--bg-card: #141522;--glass-bg: rgba(21, 27, 38, .7);--glass-border: rgba(255, 255, 255, .08);--glass-highlight: rgba(255, 255, 255, .12);--accent: #8b5cf6;--accent-hover: #a78bfa}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-dark);color:#e2e8f0;line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}#root{min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0a0b14}::-webkit-scrollbar-thumb{background:#2d3748;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4a5568}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}.glass-card{background:#1e1f3080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);transition:all .2s ease}.glass-card:hover{background:#1e1f30cc;border-color:var(--glass-highlight)}.gradient-bg{background:radial-gradient(circle at 15% 50%,rgba(76,29,149,.4) 0%,transparent 50%),radial-gradient(circle at 85% 30%,rgba(30,64,175,.4) 0%,transparent 50%);position:fixed;inset:0;z-index:-1;pointer-events:none}.text-gradient{background:linear-gradient(to right,#c084fc,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.glow-button{box-shadow:0 0 20px #7c3aed80;transition:all .3s ease}.glow-button:hover{box-shadow:0 0 30px #7c3aedb3;transform:translateY(-2px)}.nav-blur{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0b14d9;border-bottom:1px solid var(--glass-border)}.progress-bar-bg{background-color:#ffffff1a}.timeline-line{position:absolute;left:24px;top:24px;bottom:0;width:2px;background:#ffffff1a;z-index:0}.sidebar-link:hover{background:linear-gradient(90deg,rgba(139,92,246,.1) 0%,transparent 100%);border-left:3px solid var(--accent)}.sidebar-link.active{background:linear-gradient(90deg,rgba(139,92,246,.15) 0%,transparent 100%);border-left:3px solid var(--accent);color:#fff}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:200;padding:24px}.toast{position:fixed;top:80px;right:20px;padding:14px 20px;border-radius:12px;font-size:.9rem;font-weight:500;z-index:300;max-width:400px;animation:slideIn .3s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.toast-success{background:#10b98133;border:1px solid rgba(16,185,129,.3);color:#6ee7b7}.toast-error{background:#ef444433;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top:3px solid #8b5cf6;border-radius:50%;animation:spin .8s linear infinite}@keyframes slideIn{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:.5}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.donut-chart{background:conic-gradient(#8b5cf6 0% 45%,transparent 45% 46%,#10b981 46% 75%,transparent 75% 76%,#06b6d4 76% 90%,transparent 90% 91%,#ef4444 91% 100%)}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}