:root{--bg-root:#0f172a;--bg-secondary:#1e293b;--bg-card:#1e293be6;--primary:#4f46e5;--primary-light:#818cf8;--primary-glow:#4f46e566;--accent:#06b6d4;--text-primary:#f8fafc;--text-secondary:#94a3b8;--glass-border:#ffffff14;--bg-image:url(https://w.wallhaven.cc/full/wq/wallhaven-wqery6.jpg);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}[data-theme=light]{--bg-root:#f8fafc;--bg-secondary:#fff;--bg-card:#fffffff2;--primary:#4338ca;--primary-light:#6366f1;--primary-glow:#4338ca33;--accent:#0891b2;--text-primary:#1e293b;--text-secondary:#64748b;--glass-border:#0000001a;--bg-image:url(https://img.freepik.com/free-vector/hand-drawn-school-supplies-pattern-background_23-2150855728.jpg)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background-color:var(--bg-root);z-index:0;color:var(--text-primary);min-height:100vh;padding-top:var(--safe-top);padding-left:var(--safe-left);padding-right:var(--safe-right);background-position:50%;background-size:cover;background-attachment:fixed;transition:background-color .3s,color .3s;position:relative;overflow-x:hidden}button,a,input,select,textarea,.mobile-nav-item,.smart-card{touch-action:manipulation}.smart-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:20px;padding:1.25rem;transition:transform .3s,box-shadow .3s,background-color .3s;box-shadow:0 4px 6px -1px #0000001a}@media (width>=768px){.smart-card{padding:1.5rem}}.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;cursor:pointer;box-shadow:0 4px 12px var(--primary-glow);border:none;border-radius:12px;justify-content:center;align-items:center;min-height:44px;padding:.75rem 1.5rem;font-weight:600;transition:transform .2s,filter .2s,box-shadow .2s;display:inline-flex}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px)}.btn-primary:active{transform:scale(.98)}.btn-ghost{color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;min-height:40px;padding:.5rem 1rem;transition:color .2s,background .2s;display:inline-flex}.btn-ghost:hover{color:var(--text-primary);background:#7d7d7d1a}.smart-input{background-color:var(--bg-root);border:1px solid var(--glass-border);width:100%;color:var(--text-primary);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:12px;outline:none;min-height:44px;padding:.75rem 1rem;font-size:16px;transition:border-color .3s,background-color .3s,box-shadow .3s}[data-theme=light] .smart-input{color:#1e293b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background-color:#f8fafc;border-color:#00000026}@media (width>=768px){.smart-input{font-size:14px}}.smart-input:focus{border-color:var(--primary-light);background-color:var(--bg-secondary);box-shadow:0 0 0 3px var(--primary-glow)}[data-theme=light] .smart-input:focus{border-color:var(--primary);background-color:#fff}select.smart-input{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 1rem center;background-repeat:no-repeat;background-size:1.25em;padding-right:2.5rem}[data-theme=light] select.smart-input{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")}select.smart-input option,.smart-input option{color:#f8fafc;background-color:#1e293b;padding:10px 14px;font-weight:500}[data-theme=light] select.smart-input option,[data-theme=light] .smart-input option{color:#1e293b;background-color:#fff}input[type=date].smart-input,input[type=time].smart-input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light] input[type=date].smart-input,[data-theme=light] input[type=time].smart-input{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.smart-input::placeholder{color:var(--text-secondary);opacity:.7}.smart-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.smart-table{border-collapse:separate;border-spacing:0;width:100%}.smart-table th{text-transform:uppercase;color:var(--text-secondary);border-bottom:2px solid var(--glass-border);text-align:left;padding:1rem;font-size:.75rem;font-weight:700}.smart-table td{color:var(--text-primary);border-bottom:1px solid var(--glass-border);vertical-align:middle;padding:1rem}.smart-table tr:hover td{background:#7d7d7d08}.theme-toggle-btn{border:1px solid var(--glass-border);background:var(--bg-secondary);width:40px;height:40px;color:var(--text-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.theme-toggle-btn:hover{background:var(--primary);color:#fff}canvas{max-width:100%}.profile-dropdown{z-index:50;width:220px;margin-top:0;padding-top:10px;display:none;position:absolute;top:100%;right:0}.group:hover .profile-dropdown,.group:focus-within .profile-dropdown{animation:.2s ease-out fadeIn;display:block}.profile-dropdown-content{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:14px;padding:.5rem;box-shadow:0 10px 25px -3px #0003}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.hide-mobile{display:none!important}}.filter-chip{border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;background:#7d7d7d1a;border-radius:99px;align-items:center;min-height:32px;padding:.35rem .85rem;font-size:.75rem;transition:all .2s;display:inline-flex}.filter-chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.recording-card-big{border:1px solid var(--glass-border);flex-direction:column;justify-content:center;min-height:130px;transition:all .3s;display:flex}@media (width>=768px){.recording-card-big{min-height:150px}}.recording-card-big:hover{border-color:var(--primary);background:#7d7d7d0d;transform:scale(1.02);box-shadow:0 20px 25px -5px #0003}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.4s cubic-bezier(.4,0,.2,1) forwards fadeInSlide}.page-transition{animation:.3s ease-out forwards fadeIn}.mobile-drawer-backdrop{-webkit-backdrop-filter:blur(8px);z-index:1000;opacity:0;pointer-events:none;background:#000000a6;transition:opacity .3s cubic-bezier(.4,0,.2,1);position:fixed;inset:0}.mobile-drawer-backdrop.open{opacity:1;pointer-events:auto}.mobile-drawer-panel{background:var(--bg-secondary);border-right:1px solid var(--glass-border);z-index:1001;flex-direction:column;width:290px;max-width:85vw;transition:transform .35s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:20px 0 50px #0009}.mobile-drawer-backdrop.open .mobile-drawer-panel{transform:translate(0)}.mobile-drawer-item{color:var(--text-secondary);cursor:pointer;border-radius:12px;align-items:center;gap:.85rem;margin:.15rem .5rem;padding:.75rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.mobile-drawer-item:hover{color:var(--text-primary);background:#ffffff0d}.mobile-drawer-item.active{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%);box-shadow:0 4px 14px #4f46e54d}.mobile-drawer-item svg{flex-shrink:0;width:20px;height:20px}.mobile-nav{display:none!important}@media (width<=768px){body{padding-bottom:0!important}}@media (width>=769px) and (width<=1024px){.container{padding-left:1.5rem;padding-right:1.5rem}.mobile-nav{display:none}}@media (width>=1921px){.container{max-width:1800px}.smart-card{border-radius:28px;padding:2rem}.btn-primary{border-radius:16px;min-height:52px;padding:1rem 2rem;font-size:1.1rem}}@media (width<=380px){.smart-card{border-radius:16px;padding:.85rem}.mobile-nav-item{padding:.3rem .1rem;font-size:.55rem}}.lecture-highlight{animation:2s infinite pulse;position:relative;transform:scale(1.03);background:linear-gradient(135deg, var(--primary), var(--accent))!important;color:#fff!important;font-weight:700!important;box-shadow:0 8px 20px #4f46e566!important}@keyframes pulse{0%,to{box-shadow:0 8px 20px #4f46e566}50%{box-shadow:0 8px 30px #4f46e599}}.lecture-highlight:before{content:"🔥";font-size:1.2rem;animation:1s infinite bounce;position:absolute;top:-8px;right:-8px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.login-page,.register-page{min-height:100vh;background:#f8fafc!important}.login-page *,.register-page *{--bg-root:#f8fafc;--bg-secondary:#fff;--bg-card:#fffffff2;--primary:#4338ca;--primary-light:#6366f1;--text-primary:#1e293b;--text-secondary:#64748b;--glass-border:#0000001a}#notification-badge{border:2px solid var(--bg-secondary);background:#ef4444;border-radius:50%;width:10px;height:10px;animation:2s infinite pulse-red;position:absolute;top:6px;right:6px;box-shadow:0 0 10px #ef444480}@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}}.lecture-year-toggle{-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(16px);transition:all .3s}.lecture-year-toggle button{cursor:pointer;letter-spacing:.02em;-webkit-user-select:none;user-select:none;font-weight:700}.lecture-year-toggle button:active{transform:scale(.96)}.live-pulse-dot{animation:1.4s ease-in-out infinite livePulseRed;display:inline-block}@keyframes livePulseRed{0%{transform:scale(.95);box-shadow:0 0 #ef4444d9}50%{transform:scale(1.2);box-shadow:0 0 0 6px #ef444400}to{transform:scale(.95);box-shadow:0 0 #ef444400}}.live-card-glow{position:relative;box-shadow:0 0 25px #ef44441f;border-color:#ef444459!important}.live-card-glow:hover{box-shadow:0 0 35px #ef444438;border-color:#ef444499!important}body.chat-fullscreen-mode{height:100dvh!important;overflow:hidden!important}body.chat-fullscreen-mode #root{flex-direction:column!important;height:100dvh!important;display:flex!important;overflow:hidden!important}body.chat-fullscreen-mode #app-header{flex-shrink:0!important;margin-bottom:.25rem!important;padding-top:.5rem!important;padding-bottom:.5rem!important}body.chat-fullscreen-mode #app-container{flex-direction:column!important;flex:1!important;height:100%!important;min-height:0!important;max-height:100%!important;padding:0 .5rem .25rem!important;display:flex!important;overflow:hidden!important}body.chat-fullscreen-mode .chat-full-wrapper{width:100%;flex-direction:column!important;flex:1!important;height:100%!important;min-height:0!important;max-height:100%!important;display:flex!important}body.chat-fullscreen-mode .chat-header-bar{flex-shrink:0!important;margin-bottom:.35rem!important;padding:.6rem 1rem!important}body.chat-fullscreen-mode .chat-container{flex-direction:column!important;flex:1!important;height:100%!important;min-height:0!important;max-height:100%!important;margin-bottom:0!important;display:flex!important;overflow:hidden!important}body.chat-fullscreen-mode #chat-messages-container{overscroll-behavior-y:contain;flex:1!important;height:100%!important;min-height:0!important;overflow-y:auto!important}body.chat-fullscreen-mode .chat-input-section{flex-shrink:0!important}body.chat-fullscreen-mode .fixed.bottom-2.right-4,body.chat-fullscreen-mode .fixed.bottom-4.left-0{display:none!important}@media (width<=768px){body.chat-fullscreen-mode #app-header{margin-bottom:0!important;padding:.35rem .75rem!important}body.chat-fullscreen-mode #app-container{padding-bottom:0!important;padding-left:0!important;padding-right:0!important}body.chat-fullscreen-mode .chat-header-bar{border-left:none!important;border-right:none!important;border-radius:0!important;margin-bottom:0!important;padding:.4rem .6rem!important}body.chat-fullscreen-mode .chat-container{border-bottom:none!important;border-left:none!important;border-right:none!important;border-radius:0!important}}.chat-messages-scroll{scroll-behavior:smooth;overscroll-behavior-y:contain;overflow-y:auto}.chat-messages-scroll::-webkit-scrollbar{width:6px}.chat-messages-scroll::-webkit-scrollbar-track{background:0 0}.chat-messages-scroll::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}.chat-messages-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff40}.chat-bubble-mine{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%);box-shadow:0 4px 14px #4f46e540;border-bottom-right-radius:4px!important}.chat-bubble-other{background:var(--bg-card);border:1px solid var(--glass-border);color:var(--text-primary);box-shadow:0 4px 12px #00000026;border-bottom-left-radius:4px!important}[data-theme=light] .chat-bubble-other{background:#f1f5f9;border-color:#00000014}.voice-recording-pulse{animation:1.2s ease-in-out infinite voiceRecordPulse}@keyframes voiceRecordPulse{0%{opacity:.8;transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}to{opacity:.8;transform:scale(.95)}}.chat-audio-player{background:#0003;border-radius:12px;align-items:center;gap:.75rem;min-width:200px;max-width:280px;padding:.35rem .5rem;display:flex}.chat-bubble-mine .chat-audio-player{background:#0000002e}.chat-document-card{background:#00000038;border:1px solid #ffffff24;border-radius:14px;align-items:center;gap:.75rem;min-width:220px;max-width:320px;padding:.55rem .75rem;transition:background .2s,transform .15s;display:flex}.chat-document-card:hover{background:#00000052}.chat-bubble-mine .chat-document-card{background:#0003;border-color:#fff3}[data-theme=light] .chat-bubble-other .chat-document-card{background:#0000000d;border-color:#00000014}.badge-admin{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-radius:6px;align-items:center;gap:3px;padding:2px 6px;font-size:.65rem;font-weight:800;display:inline-flex;box-shadow:0 2px 8px #f59e0b4d}.badge-moderator{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border-radius:6px;align-items:center;gap:3px;padding:2px 6px;font-size:.65rem;font-weight:800;display:inline-flex;box-shadow:0 2px 8px #3b82f64d}.badge-lecture-editor{color:#fff;background:linear-gradient(135deg,#d97706 0%,#b45309 100%);border-radius:6px;align-items:center;gap:3px;padding:2px 6px;font-size:.65rem;font-weight:800;display:inline-flex;box-shadow:0 2px 8px #d977064d}.switch{width:46px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.switch-slider{cursor:pointer;border:1px solid var(--glass-border);background-color:#ffffff26;border-radius:24px;transition:all .3s;position:absolute;inset:0}.switch-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:2px;left:2px;box-shadow:0 2px 4px #0003}input:checked+.switch-slider{background-color:#4f46e5}input:checked+.switch-slider:before{transform:translate(22px)}.chat-image-editor-modal{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0c14f2;flex-direction:column;height:100dvh;display:flex;position:fixed;inset:0;overflow:hidden}.chat-editor-viewport{flex:1;justify-content:center;align-items:center;padding:1rem;display:flex;position:relative;overflow:hidden}.chat-editor-img{object-fit:contain;border-radius:12px;max-width:92vw;max-height:calc(100dvh - 220px);transition:transform .25s,filter .25s;box-shadow:0 10px 35px #00000080}.filter-normal{filter:none}.filter-vivid{filter:contrast(1.15)saturate(1.25)brightness(1.05)}.filter-warm{filter:sepia(.25)saturate(1.2)brightness(1.02)}.filter-bw{filter:grayscale()contrast(1.1)}.filter-contrast{filter:contrast(1.4)brightness(.95)}.filter-soft{filter:brightness(1.1)contrast(.95)saturate(.9)}.voice-review-bar{border-top:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141826f2;box-shadow:0 -4px 20px #0000004d}.chat-upload-indicator{z-index:40;color:#fff;background:#0f172aeb;border:1px solid #6366f166;border-radius:999px;align-items:center;gap:.75rem;padding:.5rem 1.25rem;font-size:.8rem;font-weight:600;animation:.3s slideDownIn;display:flex;position:absolute;top:60px;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #00000080,0 0 20px #6366f133}@keyframes slideDownIn{0%{opacity:0;transform:translate(-50%,-15px)}to{opacity:1;transform:translate(-50%)}}.chat-reply-banner{border-left:4px solid #6366f1;border-top:1px solid var(--glass-border);background:#6366f11f;justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem .85rem;animation:.2s fadeIn;display:flex}.chat-reply-quote{cursor:pointer;background:#00000038;border-left:3px solid #818cf8;border-radius:8px;max-width:100%;margin-bottom:.45rem;padding:.35rem .6rem;font-size:.75rem;transition:all .2s;overflow:hidden}.chat-reply-quote:hover{background:#00000059;border-left-color:#a5b4fc}.chat-bubble-mine .chat-reply-quote{background:#0003;border-left-color:#34d399}@keyframes flashHighlight{0%{background-color:#6366f173;box-shadow:0 0 20px #6366f180}to{box-shadow:none;background-color:#0000}}.msg-flash-highlight{border-radius:1rem;animation:1.8s cubic-bezier(.16,1,.3,1) flashHighlight}.crop-workspace{-webkit-user-select:none;user-select:none;touch-action:none;justify-content:center;align-items:center;max-width:90vw;max-height:calc(100dvh - 240px);display:inline-flex;position:relative}.crop-workspace img{pointer-events:none;border-radius:8px;max-width:90vw;max-height:calc(100dvh - 240px);display:block}.crop-box{cursor:move;touch-action:none;box-sizing:border-box;border:2px solid #fff;position:absolute;box-shadow:0 0 0 9999px #000000b8}.crop-grid{pointer-events:none;background-image:linear-gradient(90deg,#ffffff59 1px,#0000 1px),linear-gradient(#ffffff59 1px,#0000 1px);background-size:33.333% 33.333%;position:absolute;inset:0}.crop-handle{z-index:10;background:#fff;border:2.5px solid #4f46e5;border-radius:4px;width:18px;height:18px;position:absolute;box-shadow:0 2px 8px #0009}.crop-handle-nw{cursor:nwse-resize;top:-9px;left:-9px}.crop-handle-ne{cursor:nesw-resize;top:-9px;right:-9px}.crop-handle-sw{cursor:nesw-resize;bottom:-9px;left:-9px}.crop-handle-se{cursor:nwse-resize;bottom:-9px;right:-9px}.neo-glass-auth{-webkit-backdrop-filter:blur(24px);background:#0d1426d9;border:1px solid #ffffff14;box-shadow:0 25px 60px #0000008c,inset 0 1px #ffffff1f}.modern-auth-input-box{transition:all .25s cubic-bezier(.4,0,.2,1);position:relative}.modern-auth-input{color:#f8fafc;background:#0f172abf;border:1.5px solid #94a3b829;border-radius:12px;outline:none;width:100%;padding:12px 14px 12px 42px;font-size:.88rem;transition:all .25s}.modern-auth-input:focus{background:#0f172af2;border-color:#6366f1;box-shadow:0 0 0 3px #6366f133,0 6px 20px -4px #6366f14d}.modern-auth-input::placeholder{color:#64748b}.auth-input-icon{color:#64748b;pointer-events:none;transition:color .25s;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.modern-auth-input:focus+.auth-input-icon,.modern-auth-input-box:focus-within .auth-input-icon{color:#818cf8}.btn-auth-gradient{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 50%,#06b6d4 100%) 0 0/200% 200%;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-auth-gradient:hover{background-position:100% 0;transform:translateY(-1.5px);box-shadow:0 10px 24px -4px #6366f173,0 0 20px #06b6d44d}.btn-auth-gradient:active{transform:translateY(0)}body.auth-page-mode #antigravity-bg{display:none!important}body.auth-page-mode{background-color:#060913!important;background-image:radial-gradient(#6366f11f 1px,#0000 1px),radial-gradient(#06b6d414 1px,#0000 1px)!important;background-position:0 0,16px 16px!important;background-size:32px 32px,64px 64px!important}.aurora-orb{filter:blur(80px);pointer-events:none;z-index:0;opacity:.6;border-radius:50%;animation:8s ease-in-out infinite alternate pulse-orb;position:absolute}@keyframes pulse-orb{0%{opacity:.45;transform:scale(1)translate(0)}50%{opacity:.65;transform:scale(1.12)translate(15px,-15px)}to{opacity:.5;transform:scale(.95)translate(-10px,10px)}}