@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap);*{box-sizing:border-box;margin:0;padding:0}:root{--void:#0a0a0f;--voidLight:#12121a;--voidLighter:#1a1a26;--voidGlow:#1e1e2e;--acid:#ff6b35;--acidBright:#ff8b5a;--acidDim:#ff6b3526;--acidGlow:#ff6b3580;--lavender:#8b5cf6;--lavenderBright:#a78bfa;--lavenderDim:#8b5cf626;--neonCyan:#06b6d4;--neonCyanBright:#22d3ee;--neonCyanDim:#06b6d426;--neonGreen:#10b981;--neonPink:#ec4899;--neonYellow:#fbbf24;--neonRed:#ef4444;--hologram:#fff;--textPrimary:#f8fafc;--textSecondary:#94a3b8;--textMuted:#64748b;--glass:#12121ad9;--glassLight:#1a1a26bf;--glassBorder:#ffffff14;--glassBorderLight:#ffffff1f;--gradientPrimary:linear-gradient(135deg,#ff6b35,#8b5cf6);--gradientSecondary:linear-gradient(135deg,#8b5cf6,#06b6d4);--gradientAccent:linear-gradient(135deg,#ff6b35,#ec4899);--gradientNeon:linear-gradient(135deg,#10b981,#06b6d4);--gradientSunset:linear-gradient(135deg,#ff6b35,#fbbf24);--gradientCosmic:linear-gradient(135deg,#0a0a0f,#1a1a26 50%,#0a0a0f);--meshGradient:radial-gradient(ellipse at 20% 20%,#8b5cf626 0%,#0000 50%),radial-gradient(ellipse at 80% 80%,#ff6b3526 0%,#0000 50%),radial-gradient(ellipse at 50% 50%,#06b6d414 0%,#0000 60%);--primary-color:#ff6b35;--primary-color-hover:#ff8b5a;--primary-color-dark:#e85a28;--secondary-color:#12121a;--bg-color:#0a0a0f;--sidebar-bg:#0a0a0f;--text-primary:#f8fafc;--text-secondary:#94a3b8;--border-color:#ffffff14;--hover-bg:#ff6b351a;--card-bg:#12121a;--danger:#ef4444;--success:#10b981;--warning:#fbbf24;--surface:#1a1a26;--neonBlue:#06b6d4;--accentGreen:#10b981}[data-theme=dark]{--void:#0a0a0f;--voidLight:#12121a;--voidLighter:#1a1a26;--bg-color:#0a0a0f;--sidebar-bg:#0a0a0f;--card-bg:#12121a;--text-primary:#f8fafc;--text-secondary:#94a3b8;--border-color:#ffffff14;--glass:#12121ad9;--glassBorder:#ffffff14}[data-theme=light]{--void:#fafbfc;--voidLight:#fff;--voidLighter:#f1f5f9;--voidGlow:#e2e8f0;--glass:#ffffffe6;--glassLight:#fffffff2;--glassBorder:#00000014;--glassBorderLight:#0000001f;--hologram:#0f172a;--textPrimary:#0f172a;--textSecondary:#475569;--textMuted:#64748b;--primary-color:#ff6b35;--bg-color:#fafbfc;--sidebar-bg:#fff;--text-primary:#0f172a;--text-secondary:#475569;--border-color:#00000014;--hover-bg:#ff6b3514;--card-bg:#fff;--surface:#f1f5f9;--meshGradient:radial-gradient(ellipse at 20% 20%,#8b5cf614 0%,#0000 50%),radial-gradient(ellipse at 80% 80%,#ff6b3514 0%,#0000 50%),radial-gradient(ellipse at 50% 50%,#06b6d40d 0%,#0000 60%)}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0a0f;background-color:var(--bg-color);color:#f8fafc;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden;transition:background-color .4s ease,color .4s ease}body:before{animation:meshMove 20s ease-in-out infinite;background:radial-gradient(ellipse at 20% 20%,#8b5cf626 0,#0000 50%),radial-gradient(ellipse at 80% 80%,#ff6b3526 0,#0000 50%),radial-gradient(ellipse at 50% 50%,#06b6d414 0,#0000 60%);background:var(--meshGradient);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-2}@keyframes meshMove{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.1) rotate(2deg)}}body:after{animation:particleFloat 30s linear infinite;background-image:radial-gradient(2px 2px at 20px 30px,#ff6b354d,#0000),radial-gradient(2px 2px at 40px 70px,#8b5cf64d,#0000),radial-gradient(2px 2px at 50px 160px,#06b6d44d,#0000),radial-gradient(2px 2px at 90px 40px,#ff6b354d,#0000),radial-gradient(2px 2px at 130px 80px,#8b5cf64d,#0000),radial-gradient(2px 2px at 160px 120px,#06b6d44d,#0000);background-size:200px 200px;content:"";height:100%;left:0;opacity:.5;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}@keyframes particleFloat{0%{transform:translateY(0)}to{transform:translateY(-200px)}}code{font-family:JetBrains Mono,source-code-pro,Menlo,Monaco,Consolas,monospace}a{color:inherit;text-decoration:none;transition:color .2s ease}button{border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}button,input,select,textarea{font-family:inherit;outline:none}input,select,textarea{transition:all .3s ease}.container{margin:0 auto;max-width:1400px;padding:0 24px}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0a0a0f;background:var(--void)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ff6b35,#8b5cf6);background:linear-gradient(180deg,var(--acid) 0,var(--lavender) 100%);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ff8b5a,#a78bfa);background:linear-gradient(180deg,var(--acidBright) 0,var(--lavenderBright) 100%)}::selection{background:#ff6b35;background:var(--acid);color:#fff}.btn{align-items:center;border-radius:12px;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,#ff6b35,#8b5cf6);background:var(--gradientPrimary);border:1px solid #ffffff1a;box-shadow:0 4px 20px #ff6b3580,0 0 40px #8b5cf633;box-shadow:0 4px 20px var(--acidGlow),0 0 40px #8b5cf633;color:#fff}.btn-primary:hover{box-shadow:0 8px 30px #ff6b3580,0 0 60px #8b5cf64d;box-shadow:0 8px 30px var(--acidGlow),0 0 60px #8b5cf64d;transform:translateY(-3px)}.btn-primary:active{transform:translateY(-1px)}.btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#12121ad9;background:var(--glass);border:1px solid #ffffff1f;border:1px solid var(--glassBorderLight);color:#f8fafc;color:var(--text-primary)}.btn-secondary:hover{background:#1a1a26bf;background:var(--glassLight);border-color:#ff6b35;border-color:var(--acid);box-shadow:0 0 20px #ff6b3526;box-shadow:0 0 20px var(--acidDim)}.btn-outline{background:#0000;border:2px solid #ff6b35;border:2px solid var(--acid);color:#ff6b35;color:var(--acid)}.btn-outline:hover{background:#ff6b3526;background:var(--acidDim);box-shadow:0 0 20px #ff6b3526,inset 0 0 20px #ff6b3526;box-shadow:0 0 20px var(--acidDim),inset 0 0 20px var(--acidDim)}.btn-ghost{background:#0000;color:#94a3b8;color:var(--text-secondary)}.btn-ghost:hover{background:#ff6b3526;background:var(--acidDim);color:#ff6b35;color:var(--acid)}.card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#12121ad9;background:var(--glass);border:1px solid #ffffff14;border:1px solid var(--glassBorder);border-radius:16px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.card:hover{border-color:#ff6b35;border-color:var(--acid);box-shadow:0 20px 60px #0000004d,0 0 40px #ff6b3526;box-shadow:0 20px 60px #0000004d,0 0 40px var(--acidDim);transform:translateY(-4px)}.card-gradient{background:#12121a;background:var(--voidLight);border-radius:16px;position:relative}.card-gradient:before{background:linear-gradient(135deg,#ff6b35,#8b5cf6);background:var(--gradientPrimary);border-radius:16px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:1px;position:absolute;transition:opacity .3s ease}.card-gradient:hover:before{opacity:1}.input,input[type=email],input[type=password],input[type=search],input[type=text],select,textarea{background:#12121a;background:var(--voidLight);border:1px solid #ffffff14;border:1px solid var(--glassBorder);border-radius:12px;color:#f8fafc;color:var(--text-primary);font-size:15px;padding:14px 18px;transition:all .3s ease;width:100%}.input:focus,input:focus,select:focus,textarea:focus{background:#1a1a26;background:var(--voidLighter);border-color:#ff6b35;border-color:var(--acid);box-shadow:0 0 0 3px #ff6b3526,0 0 20px #ff6b3526;box-shadow:0 0 0 3px var(--acidDim),0 0 20px var(--acidDim)}.input::placeholder,input::placeholder,textarea::placeholder{color:#64748b;color:var(--textMuted)}.spinner{height:48px;margin:40px auto;position:relative;width:48px}.spinner:after,.spinner:before{border:3px solid #0000;border-radius:50%;content:"";inset:0;position:absolute}.spinner:before{animation:spin .8s linear infinite;border-right-color:#8b5cf6;border-right-color:var(--lavender);border-top-color:#ff6b35;border-top-color:var(--acid)}.spinner:after{animation:spin 1.2s linear infinite reverse;border-bottom-color:#06b6d4;border-bottom-color:var(--neonCyan);border-left-color:#10b981;border-left-color:var(--neonGreen)}@keyframes spin{to{transform:rotate(1turn)}}.loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.loading-container p{animation:pulse 2s ease-in-out infinite;color:#94a3b8;color:var(--text-secondary);font-size:14px;font-weight:500}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.skeleton{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#12121a 25%,#1a1a26 50%,#12121a 75%);background:linear-gradient(90deg,var(--voidLight) 25%,var(--voidLighter) 50%,var(--voidLight) 75%);background-size:200% 100%;border-radius:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.error-message{background:linear-gradient(135deg,#ef444426,#ef44440d);border:1px solid #ef44444d;border-radius:12px;color:#fca5a5}.error-message,.success-message{align-items:center;animation:slideIn .3s ease;display:flex;gap:12px;margin:16px 0;padding:16px 20px}.success-message{background:linear-gradient(135deg,#10b98126,#10b9810d);border:1px solid #10b9814d;border-radius:12px;color:#6ee7b7}.warning-message{align-items:center;animation:slideIn .3s ease;background:linear-gradient(135deg,#fbbf2426,#fbbf240d);border:1px solid #fbbf244d;border-radius:12px;color:#fcd34d;display:flex;gap:12px;margin:16px 0;padding:16px 20px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.badge-primary{background:linear-gradient(135deg,#ff6b35,#8b5cf6);background:var(--gradientPrimary);color:#fff}.badge-secondary{background:#8b5cf626;background:var(--lavenderDim);border:1px solid #8b5cf64d;color:#a78bfa;color:var(--lavenderBright)}.badge-success{background:#10b98126;border:1px solid #10b9814d;color:#10b981;color:var(--neonGreen)}.badge-warning{background:#fbbf2426;border:1px solid #fbbf244d;color:#fbbf24;color:var(--neonYellow)}.badge-danger{background:#ef444426;border:1px solid #ef44444d;color:#ef4444;color:var(--neonRed)}[data-tooltip]{position:relative}[data-tooltip]:after{background:#1e1e2e;background:var(--voidGlow);border:1px solid #ffffff14;border:1px solid var(--glassBorder);border-radius:8px;bottom:100%;color:#f8fafc;color:var(--text-primary);content:attr(data-tooltip);font-size:12px;left:50%;opacity:0;padding:8px 12px;position:absolute;transform:translateX(-50%) translateY(-8px);transition:all .2s ease;visibility:hidden;white-space:nowrap;z-index:1000}[data-tooltip]:hover:after{opacity:1;visibility:visible}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b35,#8b5cf6);background:var(--gradientPrimary);-webkit-background-clip:text;background-clip:text}.text-glow{text-shadow:0 0 20px #ff6b3580;text-shadow:0 0 20px var(--acidGlow)}.glow-box{box-shadow:0 0 30px #ff6b3526,0 0 60px #8b5cf61a;box-shadow:0 0 30px var(--acidDim),0 0 60px #8b5cf61a}.glass-effect{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#12121ad9;background:var(--glass);border:1px solid #ffffff14;border:1px solid var(--glassBorder)}.hover-lift{transition:transform .3s ease}.hover-lift:hover{transform:translateY(-4px)}.hover-glow:hover{box-shadow:0 0 30px #ff6b3526;box-shadow:0 0 30px var(--acidDim)}@media (max-width:768px){.container{padding:0 16px}html{font-size:14px}body:after{opacity:.3}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.notification-panel{animation:slideDown .3s ease-out;background:var(--void);border:1px solid var(--glassBorder);border-radius:12px;box-shadow:0 8px 32px #0006;display:flex;flex-direction:column;max-height:600px;position:fixed;right:20px;top:60px;width:400px;z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-header{align-items:center;border-bottom:1px solid var(--glassBorder);display:flex;justify-content:space-between;padding:16px 20px}.notification-header h3{color:var(--hologram);font-size:18px;font-weight:700;margin:0}.mark-all-read-btn{background:none;border:none;border-radius:6px;color:var(--acid);cursor:pointer;font-size:13px;font-weight:600;padding:6px 12px;transition:all .2s}.mark-all-read-btn:hover{background:#ff6b351a}.notification-list{max-height:540px;overflow-y:auto}.notification-item{align-items:flex-start;border-bottom:1px solid var(--glassBorder);color:inherit;padding:16px 20px;text-decoration:none;transition:all .2s}.notification-item:hover{background:#ff6b350d}.notification-item.unread{background:#ff6b3514}.notification-avatar,.notification-thumbnail{border-radius:8px;flex-shrink:0;height:50px;object-fit:cover;width:50px}.notification-avatar{border-radius:50%}.notification-title{color:var(--hologram)}.notification-message{margin-bottom:4px;text-overflow:ellipsis}.unread-indicator{background:var(--acid);border-radius:50%;flex-shrink:0;height:8px;margin-top:8px;width:8px}.notification-delete{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:24px;height:24px;justify-content:center;line-height:1;opacity:0;position:absolute;right:12px;top:12px;transition:all .2s;width:24px}.notification-item:hover .notification-delete{opacity:1}.notification-delete:hover{background:#ff6b351a;color:var(--acid)}@media (max-width:768px){.notification-panel{left:10px;max-height:70vh;right:10px;width:auto}}.notification-bell-container{margin-right:10px;position:relative}.notification-bell-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;justify-content:center;padding:8px;position:relative;transition:background-color .2s}.notification-bell-btn:hover{background-color:var(--hover-bg)}.notification-badge{background:#f44;border-radius:10px;color:#fff;font-size:10px;font-weight:700;min-width:16px;padding:2px 5px;position:absolute;right:2px;text-align:center;top:2px}.notification-dropdown{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;max-height:500px;overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);width:380px;z-index:1000}.notification-dropdown-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 20px}.notification-dropdown-header h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.unread-count-text{background:var(--primary-color);border-radius:12px;color:var(--text-secondary);color:#fff;font-size:13px;font-weight:500;padding:4px 10px}.notification-dropdown-body{max-height:380px;overflow-y:auto}.notification-empty,.notification-loading{color:var(--text-secondary);padding:40px 20px;text-align:center}.notification-empty{align-items:center;display:flex;flex-direction:column;gap:12px}.notification-empty svg{opacity:.3}.notification-item{border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;gap:12px;padding:14px 20px;position:relative;transition:background-color .2s}.notification-item:hover{background-color:var(--hover-bg)}.notification-item:last-child{border-bottom:none}.notification-item.unread{background-color:#007bff0d;background-color:rgba(var(--primary-color-rgb,0,123,255),.05)}.notification-item.unread:before{background:var(--primary-color);bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.notification-icon{flex-shrink:0;font-size:24px}.notification-content{flex:1 1;min-width:0}.notification-title{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-message{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:13px;line-height:1.4;margin-bottom:6px;overflow:hidden}.notification-time{color:var(--text-tertiary);font-size:12px}.notification-priority{align-items:center;background:#f44;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:24px;justify-content:center;width:24px}.notification-dropdown-footer{background:var(--bg-primary);border-top:1px solid var(--border-color);padding:12px}.view-all-btn{background:#0000;border:none;border-radius:8px;color:var(--primary-color);cursor:pointer;font-weight:600;padding:10px;transition:background-color .2s;width:100%}.view-all-btn:hover{background:var(--hover-bg)}body[data-theme=dark] .notification-dropdown{background:#1a1a1a;border-color:#333}body[data-theme=dark] .notification-item.unread{background-color:#007bff1a}@media (max-width:768px){.notification-dropdown{right:-60px;width:calc(100vw - 20px)}}.navbar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0a0a0ff2;border-bottom:1px solid #ffffff0f;height:68px;justify-content:space-between;left:0;padding:0 20px;position:fixed;right:0;top:0;z-index:1000}.navbar,.navbar-left{align-items:center;display:flex}.navbar-left{flex-shrink:0;gap:16px}.menu-btn{align-items:center;background:#0000;border-radius:10px;color:var(--text-primary);display:flex;justify-content:center;padding:10px;transition:all .2s ease}.menu-btn:hover{background:#ff6b351a;color:var(--acid)}.logo{align-items:center;display:flex;gap:8px;text-decoration:none;transition:opacity .2s ease}.logo:hover{opacity:.9}.navbar-search-wrapper{flex:1 1;margin:0 24px;max-width:600px;position:relative}.navbar-search{align-items:center;background:#1a1a26cc;border:1px solid #ffffff14;border-radius:24px;display:flex;overflow:hidden;transition:all .3s ease}.navbar-search:focus-within{background:#1a1a26;border-color:var(--acid);box-shadow:0 0 0 3px #ff6b351a}.navbar-search input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:14px;min-width:0;outline:none;padding:12px 18px}.navbar-search input::placeholder{color:var(--text-secondary);opacity:.7}.search-mic-btn{align-items:center;background:#0000;color:var(--text-secondary);display:flex;justify-content:center;padding:10px;transition:color .2s ease}.search-mic-btn:hover{color:var(--acid)}.search-btn{align-items:center;background:linear-gradient(135deg,var(--acid) 0,#e85a28 100%);border-radius:0 24px 24px 0;color:#fff;display:flex;justify-content:center;padding:10px 18px;transition:all .2s ease}.search-btn:hover{filter:brightness(1.1)}.search-close{display:none}.search-suggestions{animation:dropdownFade .2s ease;background:#12121afa;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 16px 48px #00000080;left:0;max-height:400px;overflow-y:auto;padding:8px;position:absolute;right:0;top:calc(100% + 8px);z-index:1001}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.suggestion-item{align-items:center;border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;gap:12px;padding:12px 14px;transition:background .15s ease}.suggestion-item.selected,.suggestion-item:hover{background:#ff6b351a}.suggestion-item.selected{background:#ff6b3526}.suggestion-icon{color:var(--text-secondary);flex-shrink:0}.suggestion-text{flex:1 1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestion-hint{background:#ffffff0d;border-radius:4px;color:var(--text-secondary);font-size:11px;opacity:.7;padding:2px 6px}.suggestion-item.loading{color:var(--text-secondary);justify-content:center;pointer-events:none}.navbar-right{flex-shrink:0;gap:8px}.create-btn,.navbar-right{align-items:center;display:flex}.create-btn{background:linear-gradient(135deg,var(--acid) 0,var(--lavender) 100%);border-radius:20px;box-shadow:0 4px 15px #ff6b354d;color:#fff;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;text-decoration:none;transition:all .2s ease}.create-btn:hover{box-shadow:0 6px 20px #ff6b3566;transform:translateY(-2px)}.theme-toggle{align-items:center;background:#0000;border-radius:10px;color:var(--text-secondary);display:flex;justify-content:center;padding:10px;transition:all .2s ease}.theme-toggle:hover{background:#ff6b351a;color:var(--neonYellow)}.search-toggle{align-items:center;background:#0000;border-radius:10px;color:var(--text-secondary);display:none;justify-content:center;padding:10px;transition:all .2s ease}.search-toggle:hover{background:#ff6b351a;color:var(--acid)}.user-menu-container{position:relative}.user-avatar{align-items:center;background:#0000;border:2px solid #0000;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:2px;transition:all .2s ease}.user-avatar:hover{border-color:var(--acid)}.user-avatar img{border-radius:50%;height:36px;object-fit:cover;width:36px}.user-menu{animation:dropdownFade .2s ease;background:#12121afa;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 16px 48px #00000080;min-width:200px;padding:8px;position:absolute;right:0;top:calc(100% + 12px);z-index:1001}.user-menu a,.user-menu button{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 14px;text-decoration:none;transition:background .15s ease;width:100%}.user-menu a:hover,.user-menu button:hover{background:#ff6b351a}.user-menu button{color:#ef4444}.btn.btn-outline{align-items:center;background:#0000;border:1px solid var(--acid);border-radius:20px;color:var(--acid);display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 18px;text-decoration:none;transition:all .2s ease}.btn.btn-outline:hover{background:var(--acid);color:#fff}@media (max-width:900px){.navbar-search-wrapper{background:#0a0a0ffa;border-bottom:1px solid #ffffff0f;display:none;left:0;margin:0;max-width:100%;padding:12px 16px;position:absolute;right:0;top:100%;z-index:999}.navbar-search-wrapper.open{display:block}.search-toggle{display:flex}.navbar-search{border-radius:12px}.search-btn{border-radius:0 12px 12px 0}.search-close{align-items:center;background:#0000;color:var(--text-secondary);display:flex;justify-content:center;padding:10px}}@media (max-width:640px){.navbar{height:60px;padding:0 12px}.navbar-left{gap:10px}.menu-btn{padding:8px}.create-btn span{display:none}.create-btn{padding:8px 12px}.navbar-right{gap:4px}.search-toggle,.theme-toggle{padding:8px}.user-avatar img{height:32px;width:32px}}.sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(180deg,#0a0a0ffa,#0c0c12fa);border-right:1px solid #ffffff0f;bottom:0;display:flex;flex-direction:column;left:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:68px;transition:all .3s cubic-bezier(.4,0,.2,1);width:260px;z-index:999}.sidebar.open{transform:translateX(0);width:260px}.sidebar.closed{width:72px}.sidebar.closed .sidebar-footer,.sidebar.closed .sidebar-link span,.sidebar.closed .sidebar-search-section,.sidebar.closed .sidebar-title{display:none}.sidebar.closed .sidebar-link{justify-content:center;padding:14px}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:#0000}.sidebar::-webkit-scrollbar-thumb{background:#ff6b354d;border-radius:4px}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--acid)}.sidebar-content{flex:1 1;padding:8px 0}.sidebar-search-section{padding:16px}.sidebar-search-form{position:relative}.sidebar-search-input-wrapper{align-items:center;background:#1a1a26cc;border:1px solid #ffffff14;border-radius:12px;display:flex;gap:10px;padding:12px 14px;transition:all .3s ease}.sidebar-search-input-wrapper:focus-within{background:#1a1a26;border-color:var(--acid);box-shadow:0 0 20px #ff6b3526}.sidebar-search-icon{color:var(--text-secondary);flex-shrink:0;font-size:16px;transition:color .3s ease}.sidebar-search-input-wrapper:focus-within .sidebar-search-icon{color:var(--acid)}.sidebar-search-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:14px;outline:none;width:100%}.sidebar-search-input::placeholder{color:var(--text-secondary);opacity:.6}.sidebar-search-suggestions{background:#12121afa;border:1px solid #ffffff14;border-radius:12px;box-shadow:0 10px 40px #00000080;left:0;max-height:300px;overflow-y:auto;padding:8px;position:absolute;right:0;top:calc(100% + 8px);z-index:1001}.sidebar-search-suggestion-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:10px;transition:background .2s ease}.sidebar-search-suggestion-item:hover{background:#ff6b351a}.sidebar-suggestion-thumbnail{border-radius:4px;flex-shrink:0;height:28px;overflow:hidden;width:48px}.sidebar-suggestion-thumbnail img{height:100%;object-fit:cover;width:100%}.sidebar-suggestion-info{flex:1 1;min-width:0}.sidebar-suggestion-title{color:var(--text-primary);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-suggestion-meta{color:var(--text-secondary);font-size:11px}.sidebar-search-loading,.sidebar-search-no-results{color:var(--text-secondary);font-size:13px;padding:16px;text-align:center}.sidebar-divider{background:#ffffff0f;height:1px;margin:8px 16px}.sidebar-section{padding:8px 12px}.sidebar-title{color:var(--text-secondary);font-size:11px;font-weight:700;letter-spacing:.1em;margin-bottom:4px;padding:12px 12px 8px;text-transform:uppercase}.sidebar-link{align-items:center;border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:14px;margin:2px 0;padding:12px 14px;text-decoration:none;transition:all .2s ease}.sidebar-link:hover{background:#ff6b351a;color:var(--text-primary)}.sidebar-link:hover svg{color:var(--acid)}.sidebar-link.active{background:linear-gradient(135deg,#ff6b3526,#8b5cf61a);color:var(--acid)}.sidebar-link.active svg{color:var(--acid)}.sidebar-link svg{flex-shrink:0;transition:color .2s ease}.sidebar-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer{border-top:1px solid #ffffff0f;padding:16px;text-align:center}.sidebar-footer p{color:var(--text-secondary);font-size:11px;margin:4px 0;opacity:.7}@media (max-width:768px){.sidebar{box-shadow:none;top:60px;transform:translateX(-100%);width:280px}.sidebar.open{box-shadow:4px 0 40px #00000080;transform:translateX(0)}.sidebar.closed{transform:translateX(-100%);width:280px}}.cosmic-loader{align-items:center;background:linear-gradient(135deg,#0a0a0f,#12121a 50%,#0a0a0f);display:flex;inset:0;justify-content:center;overflow:hidden;position:fixed;z-index:9999}.loader-bg-gradient{animation:bgPulse 8s ease-in-out infinite;background:radial-gradient(ellipse at 30% 30%,#ff6b3526 0,#0000 50%),radial-gradient(ellipse at 70% 70%,#8b5cf626 0,#0000 50%),radial-gradient(ellipse at 50% 50%,#06b6d41a 0,#0000 60%);inset:0;position:absolute}@keyframes bgPulse{0%,to{opacity:.5;transform:scale(1) rotate(0deg)}50%{opacity:1;transform:scale(1.1) rotate(5deg)}}.cosmic-loader-content{align-items:center;display:flex;flex-direction:column;gap:40px;position:relative;z-index:1}.loader-logo-container{height:160px;position:relative;width:160px}.loader-logo{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.logo-ring{border:2px solid;border-radius:50%;inset:0;opacity:0;position:absolute}.ring-1{animation:ringExpand 2s ease-out infinite;border-color:#ff6b35}.ring-2{animation:ringExpand 2s ease-out .4s infinite;border-color:#8b5cf6}.ring-3{animation:ringExpand 2s ease-out .8s infinite;border-color:#06b6d4}@keyframes ringExpand{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(2)}}.logo-core{align-items:center;animation:logoFloat 3s ease-in-out infinite,logoPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ff6b35,#8b5cf6 50%,#06b6d4);border-radius:20px;box-shadow:0 0 60px #ff6b3599,0 0 80px #8b5cf666,0 0 100px #06b6d44d;display:flex;height:80px;justify-content:center;position:relative;width:80px}.logo-core svg{animation:logoRotate 4s linear infinite;color:#fff;height:40px;width:40px}@keyframes logoFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(180deg)}}@keyframes logoPulse{0%,to{box-shadow:0 0 60px #ff6b3599,0 0 80px #8b5cf666,0 0 100px #06b6d44d}50%{box-shadow:0 0 80px #ff6b35cc,0 0 100px #8b5cf699,0 0 120px #06b6d480}}@keyframes logoRotate{to{transform:rotate(1turn)}}.loader-particles{height:300px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:300px}.particle{animation:particleOrbit 4s linear infinite;border-radius:50%;height:8px;position:absolute;width:8px}.particle-1{animation-delay:0s;background:#ff6b35}.particle-2{animation-delay:.33s;background:#8b5cf6}.particle-3{animation-delay:.66s;background:#06b6d4}.particle-4{animation-delay:1s;background:#10b981}.particle-5{animation-delay:1.33s;background:#ec4899}.particle-6{animation-delay:1.66s;background:#fbbf24}.particle-7{animation-delay:2s;background:#ff6b35}.particle-8{animation-delay:2.33s;background:#8b5cf6}.particle-9{animation-delay:2.66s;background:#06b6d4}.particle-10{animation-delay:3s;background:#10b981}.particle-11{animation-delay:3.33s;background:#ec4899}.particle-12{animation-delay:3.66s;background:#fbbf24}@keyframes particleOrbit{0%{opacity:0;transform:rotate(0deg) translateX(100px) scale(0)}10%{opacity:1;transform:rotate(36deg) translateX(100px) scale(1)}90%{opacity:1;transform:rotate(324deg) translateX(100px) scale(1)}to{opacity:0;transform:rotate(1turn) translateX(100px) scale(0)}}.loader-progress-container{position:relative;width:280px}.loader-progress-bar{background:#ffffff0d;border-radius:10px;box-shadow:inset 0 2px 10px #0000004d;height:6px;overflow:hidden;position:relative;width:100%}.loader-progress-fill{animation:progressFill 2s ease-in-out infinite,progressGradient 3s linear infinite;background:linear-gradient(90deg,#ff6b35,#8b5cf6 25%,#06b6d4 50%,#10b981 75%,#ff6b35);background-size:200% 100%;border-radius:10px;box-shadow:0 0 20px #ff6b3580;height:100%}.loader-progress-glow{animation:progressShine 1.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff6 50%,#0000);height:100%;left:0;position:absolute;top:0;width:100%}@keyframes progressFill{0%,to{width:10%}50%{width:90%}}@keyframes progressGradient{to{background-position:200% 0}}@keyframes progressShine{0%{transform:translateX(-100%)}to{transform:translateX(300%)}}.loader-text{align-items:center;display:flex;gap:4px}.loader-message{-webkit-text-fill-color:#0000;animation:textGradient 3s linear infinite;background:linear-gradient(90deg,#ff6b35,#8b5cf6 25%,#06b6d4 50%,#10b981 75%,#ff6b35);-webkit-background-clip:text;background-clip:text;background-size:200% 100%;font-size:16px;font-weight:600}@keyframes textGradient{to{background-position:200% 0}}.loader-dots{display:flex;gap:2px}.dot{animation:dotBounce 1.4s ease-in-out infinite;font-size:24px;font-weight:700}.dot-1{animation-delay:0s;color:#ff6b35}.dot-2{animation-delay:.2s;color:#8b5cf6}.dot-3{animation-delay:.4s;color:#06b6d4}@keyframes dotBounce{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.loader-waves{height:150px;left:0;opacity:.15;overflow:hidden;width:100%}.loader-waves,.wave{bottom:0;position:absolute}.wave{animation:waveRotate 10s linear infinite;border-radius:40%;height:200%;left:50%;transform:translateX(-50%);width:200%}.wave-1{animation-duration:8s;background:radial-gradient(ellipse at center,#ff6b354d 0,#0000 70%)}.wave-2{animation-direction:reverse;animation-duration:10s;background:radial-gradient(ellipse at center,#8b5cf64d 0,#0000 70%)}.wave-3{animation-duration:12s;background:radial-gradient(ellipse at center,#06b6d44d 0,#0000 70%)}@keyframes waveRotate{to{transform:translateX(-50%) rotate(1turn)}}@media (max-width:640px){.loader-logo-container{height:120px;width:120px}.logo-core{border-radius:15px;height:60px;width:60px}.logo-core svg{height:30px;width:30px}.loader-particles{height:220px;width:220px}.particle{height:6px;width:6px}@keyframes particleOrbit{0%{opacity:0;transform:rotate(0deg) translateX(70px) scale(0)}10%{opacity:1;transform:rotate(36deg) translateX(70px) scale(1)}90%{opacity:1;transform:rotate(324deg) translateX(70px) scale(1)}to{opacity:0;transform:rotate(1turn) translateX(70px) scale(0)}}.loader-progress-container{width:220px}.loader-message{font-size:14px}}.cosmic-loader.fade-out{animation:fadeOut .5s ease-out forwards}@keyframes fadeOut{to{opacity:0;visibility:hidden}}.app{background:var(--bg-color);display:flex;flex-direction:column;min-height:100vh;position:relative}.hero-mesh{background:radial-gradient(ellipse at 20% 20%,#ff6b350f 0,#0000 50%),radial-gradient(ellipse at 80% 80%,#8b5cf60f 0,#0000 50%);height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.app-content{display:flex;margin-top:68px;min-height:calc(100vh - 68px);position:relative}.main-content{flex:1 1;min-width:0;overflow-x:hidden;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.main-content.sidebar-open{margin-left:260px}.main-content.sidebar-closed{margin-left:72px}.page-loader{align-items:center;display:flex;justify-content:center;min-height:60vh;width:100%}.loader-content{text-align:center}.loader-spinner{animation:page-spin .8s linear infinite;border:3px solid #ff6b351a;border-radius:50%;border-top:3px solid var(--acid);height:48px;margin:0 auto 16px;width:48px}.loader-content p{color:var(--text-secondary);font-size:14px;font-weight:500}@keyframes page-spin{to{transform:rotate(1turn)}}@media (max-width:768px){.app-content{margin-top:60px}.main-content.sidebar-closed,.main-content.sidebar-open{margin-left:0;width:100%}}
/*# sourceMappingURL=main.7d5fe01c.css.map*/