:root{--primary:#6366f1;--primary-hover:#4f46e5;--secondary:#64748b;--bg-main:#0f172a;--bg-card:#1e293bb3;--text-main:#f8fafc;--text-muted:#94a3b8;--border:#94a3b81a;--glass-bg:#1e293b66;--glass-border:#ffffff0d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{flex-direction:column;min-height:100vh;display:flex}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:1rem}.premium-gradient{background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:.75rem;transition:all .2s;overflow:hidden}.card:hover{border-color:#6366f166;transform:translateY(-2px)}.btn{cursor:pointer;border:none;border-radius:.5rem;padding:.5rem 1rem;font-family:inherit;font-weight:500;transition:all .2s}.topic-item-container:hover .topic-actions{display:flex!important}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#fff3}.modal-overlay{animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-outline{border:1px solid var(--border);color:var(--text-main);background:0 0}.btn-outline:hover{background:#ffffff0d}input,select,textarea{border-radius:.5rem;outline:none;width:100%;padding:.5rem .75rem;border:1px solid var(--border)!important;color:#fff!important;background:#0f172a80!important}input:focus,textarea:focus{border-color:var(--primary)!important}.layout{flex:1;grid-template-columns:260px 1fr;display:grid}.main-content{padding:2rem;overflow-y:auto}.sidebar{border-right:1px solid var(--border);background:#0f172a4d;flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.navbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;background:#0f172ad6;align-items:center;gap:1rem;height:64px;padding:0 2rem;display:flex;position:sticky;top:0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--secondary)}@keyframes pulse{0%{opacity:.8;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}to{opacity:.8;transform:scale(.95)}}.animate-pulse-subtle{animation:2s ease-in-out infinite pulse}