:root{--bg-root: #0f172a;--bg-secondary: #1e293b;--bg-card: rgba(30, 41, 59, .9);--primary: #4f46e5;--primary-light: #818cf8;--primary-glow: rgba(79, 70, 229, .4);--accent: #06b6d4;--text-primary: #f8fafc;--text-secondary: #94a3b8;--glass-border: rgba(255, 255, 255, .08);--bg-image: url(https://w.wallhaven.cc/full/wq/wallhaven-wqery6.jpg)}[data-theme=light]{--bg-root: #f8fafc;--bg-secondary: #ffffff;--bg-card: rgba(255, 255, 255, .95);--primary: #4338ca;--primary-light: #6366f1;--primary-glow: rgba(67, 56, 202, .2);--accent: #0891b2;--text-primary: #1e293b;--text-secondary: #64748b;--glass-border: rgba(0, 0, 0, .1);--bg-image: url(https://img.freepik.com/free-vector/hand-drawn-school-supplies-pattern-background_23-2150855728.jpg) }*{margin:0;padding:0;box-sizing:border-box;font-family:Plus Jakarta Sans,sans-serif}body{background-color:var(--bg-root);position:relative;z-index:0;background-size:cover;background-attachment:fixed;background-position:center;color:var(--text-primary);min-height:100vh;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}.smart-card{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:20px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a;transition:transform .3s ease,box-shadow .3s ease,background-color .3s}.smart-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;border:none;cursor:pointer;box-shadow:0 4px 12px var(--primary-glow);transition:transform .2s}.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.1)}.btn-ghost{background:transparent;color:var(--text-secondary);padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:color .2s,background .2s}.btn-ghost:hover{color:var(--text-primary);background:#7d7d7d1a}.smart-input{width:100%;padding:.75rem 1rem;border-radius:12px;background:#7d7d7d0d;border:1px solid var(--glass-border);color:var(--text-primary);outline:none;transition:border-color .3s}.smart-input:focus{border-color:var(--primary);background:#7d7d7d1a}.smart-table{width:100%;border-collapse:separate;border-spacing:0}.smart-table th{text-transform:uppercase;font-size:.75rem;font-weight:700;color:var(--text-secondary);padding:1rem;border-bottom:2px solid var(--glass-border);text-align:left}.smart-table td{padding:1rem;color:var(--text-primary);border-bottom:1px solid var(--glass-border);vertical-align:middle}.smart-table tr:hover td{background:#7d7d7d08}.theme-toggle-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--glass-border);background:var(--bg-secondary);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s}.theme-toggle-btn:hover{background:var(--primary);color:#fff}canvas{max-width:100%}.profile-dropdown{position:absolute;right:0;top:100%;margin-top:.5rem;width:200px;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:12px;padding:.5rem;box-shadow:0 10px 15px -3px #0000001a;z-index:100;display:none}.profile-dropdown{position:absolute;right:0;top:100%;margin-top:0;padding-top:10px;width:200px;z-index:50;display:none}.group:hover .profile-dropdown{display:block;animation:fadeIn .2s ease-out}.profile-dropdown-content{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:12px;padding:.5rem;box-shadow:0 10px 15px -3px #0000001a}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.hide-mobile{display:none!important}}.filter-chip{padding:.25rem .75rem;border-radius:99px;background:#7d7d7d1a;border:1px solid var(--glass-border);font-size:.75rem;color:var(--text-secondary);cursor:pointer;transition:.2s}.filter-chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.recording-card-big{transition:all .3s ease;border:1px solid var(--glass-border);min-height:140px;display:flex;flex-direction:column;justify-content:center}.recording-card-big:hover{transform:scale(1.02);border-color:var(--primary);background:#7d7d7d0d;box-shadow:0 20px 25px -5px #0003}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeInSlide .5s cubic-bezier(.4,0,.2,1) forwards}.page-transition{animation:fadeIn .3s ease-out forwards}.mobile-nav{position:fixed;bottom:0;left:0;right:0;background:var(--bg-secondary);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--glass-border);padding:.75rem 0;z-index:999;display:none;box-shadow:0 -4px 6px -1px #0000001a}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;color:var(--text-secondary);font-size:.75rem;transition:all .2s;cursor:pointer;padding:.5rem}.mobile-nav-item.active{color:var(--primary)}.mobile-nav-item:hover{color:var(--text-primary)}@media (max-width: 768px){.mobile-nav{display:block}body{padding-bottom:80px}}.lecture-highlight{position:relative;background:linear-gradient(135deg,var(--primary),var(--accent))!important;color:#fff!important;font-weight:700!important;box-shadow:0 8px 20px #4f46e566!important;transform:scale(1.05);animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 8px 20px #4f46e566}50%{box-shadow:0 8px 30px #4f46e599}}.lecture-highlight:before{content:"🔥";position:absolute;top:-8px;right:-8px;font-size:1.2rem;animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.login-page,.register-page{background:#f8fafc!important;min-height:100vh}.login-page *,.register-page *{--bg-root: #f8fafc;--bg-secondary: #ffffff;--bg-card: rgba(255, 255, 255, .95);--primary: #4338ca;--primary-light: #6366f1;--text-primary: #1e293b;--text-secondary: #64748b;--glass-border: rgba(0, 0, 0, .1)}#notification-badge{position:absolute;top:6px;right:6px;width:10px;height:10px;background:#ef4444;border-radius:50%;border:2px solid var(--bg-secondary);box-shadow:0 0 10px #ef444480;animation:pulse-red 2s infinite}@keyframes pulse-red{0%{transform:scale(.95);box-shadow:0 0 #ef4444b3}50%{transform:scale(1.1);box-shadow:0 0 0 6px #ef444400}to{transform:scale(.95);box-shadow:0 0 #ef444400}}