@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700&display=block";.sidebar{background:linear-gradient(135deg,var(--card-bg) 60%,var(--surface-light) 100%);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-radius:var(--border-radius-lg);border:2.5px solid var(--accent);outline:2px solid var(--primary-light);outline-offset:4px;box-shadow:var(--shadow-card);width:250px;color:var(--text-light);padding:20px 0;flex-shrink:0;height:100vh;position:fixed;top:0;left:0;overflow-y:auto;transition:width .3s var(--transition-normal),background .3s var(--transition-normal),box-shadow .3s var(--transition-normal);z-index:200}.sidebar.dense{padding:12px 0}.sidebar.dense .sidebar-header{margin-bottom:18px}.sidebar.dense .sidebar-nav li{margin-bottom:3px}.sidebar.dense .nav-item{padding:10px 16px;font-size:15px}.sidebar.dense .logout-nav-item{padding:12px 16px}.sidebar.dense .sidebar-section-title{margin:6px 14px}[data-theme=light] .sidebar{background:linear-gradient(135deg,var(--card-bg) 60%,var(--surface-light) 100%);border:2.5px solid var(--border-light);outline:2px solid var(--primary-light);box-shadow:0 8px 32px #38bdf814,0 1.5px 8px #1e293b0f;color:var(--text-light)}.sidebar.collapsed{width:80px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:0 20px;margin-bottom:30px}.logo{font-size:1.5rem;font-weight:700;color:var(--neon);letter-spacing:.04em;text-shadow:var(--neon-glow);font-family:Orbitron,Segoe UI,Arial,sans-serif}[data-theme=light] .logo{color:var(--primary-light);text-shadow:0 0 8px #38bdf8,0 0 16px #38bdf8}.collapse-button{all:unset;box-sizing:border-box;background:var(--glass-bg);border:2px solid var(--primary-light);color:var(--text-muted);cursor:pointer;padding:0!important;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast),box-shadow var(--transition-fast),border var(--transition-fast);box-shadow:0 0 8px var(--primary-light)}[data-theme=light] .collapse-button{background:var(--glass-bg);border:2px solid var(--primary-light);color:var(--text-muted);box-shadow:0 0 8px var(--primary-light)}.collapse-button:hover{background:var(--primary-light);color:var(--neon);border-color:var(--neon);box-shadow:0 0 16px 2px var(--neon)}.sidebar-nav ul{list-style:none;padding:0;margin:0}.sidebar-nav li{margin-bottom:5px}.nav-item{display:flex;align-items:center;width:100%;padding:12px 20px;background:var(--glass-bg);border:2px solid transparent;color:var(--text-light);opacity:.85;font-size:16px;text-align:left;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border-radius:var(--border-radius-md);box-shadow:0 2px 12px #38bdf81a;font-family:Orbitron,Segoe UI,Arial,sans-serif;letter-spacing:.03em}[data-theme=light] .nav-item{background:var(--glass-bg);color:var(--primary-light);border:2px solid var(--border-light);box-shadow:0 2px 8px #38bdf80f}.sidebar.collapsed .nav-item{justify-content:center;padding:12px 0}.nav-item .icon{margin-right:12px;min-width:24px;display:flex;align-items:center;color:var(--primary-light);filter:drop-shadow(0 0 6px var(--primary-light))}.sidebar.collapsed .nav-item .icon{margin-right:0}.nav-item:hover{background:linear-gradient(90deg,var(--primary-light) 0%,var(--surface-light) 100%);opacity:1;color:var(--neon);border:2px solid var(--neon);border-left:3px solid var(--primary-light);box-shadow:0 0 16px 2px var(--neon)}.nav-item.active{background:linear-gradient(90deg,var(--primary-light) 0%,var(--surface-light) 100%);opacity:1;color:var(--neon);border-left:3px solid var(--primary-light);border-radius:var(--border-radius-md) var(--border-radius-md) var(--border-radius-md) var(--border-radius-lg);box-shadow:0 0 16px 2px var(--neon),0 0 8px 0 var(--primary-light)}.sidebar.collapsed .nav-item.active{border-left:none;border-bottom:3px solid var(--neon)}.label{transition:opacity .2s var(--transition-fast)}.sidebar-footer{position:absolute;bottom:20px;width:100%;padding:0 20px}.logout-nav-item{display:flex;align-items:center;width:100%;padding:12px 20px;background:var(--glass-bg);border:2px solid transparent;color:var(--text-light);opacity:.8;font-size:16px;text-align:left;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border-radius:var(--border-radius-md);box-shadow:0 2px 12px #38bdf81a;font-family:Orbitron,Segoe UI,Arial,sans-serif}.logout-nav-item:hover{background:linear-gradient(90deg,var(--primary-light) 0%,var(--surface-light) 100%);opacity:1;color:var(--neon);border:2px solid var(--neon);box-shadow:0 0 16px 2px var(--neon)}.logout-nav-item .icon{margin-right:12px;min-width:24px;display:flex;align-items:center;color:var(--primary-light);filter:drop-shadow(0 0 6px var(--primary-light))}.sidebar.collapsed .logout-nav-item{justify-content:center;padding:12px 0}.sidebar.collapsed .logout-nav-item .icon{margin-right:0}.sidebar~.auth-main-content{margin-left:250px;transition:margin-left var(--transition-normal);width:calc(100% - 250px)}.sidebar.collapsed~.auth-main-content{margin-left:80px;width:calc(100% - 80px)}@media (max-width: 768px){.sidebar{position:fixed;top:0;left:0;height:100vh;width:80px;border-radius:var(--border-radius-lg)}.sidebar.collapsed{width:80px}.sidebar~.auth-main-content,.sidebar.collapsed~.auth-main-content{margin-left:80px;width:calc(100% - 80px)}}.logo a{display:inline-flex;align-items:center}.sidebar-logo-img{display:block;object-fit:contain;max-width:100%;filter:drop-shadow(0 0 8px rgba(56,189,248,.6)) drop-shadow(0 0 2px rgba(255,255,255,.35))}[data-theme=light] .sidebar-logo-img{filter:drop-shadow(0 0 8px rgba(56,189,248,.7)) drop-shadow(0 0 2px rgba(0,0,0,.18))}[data-theme=light] .sidebar{border:1px solid var(--border);outline:none;box-shadow:var(--shadow-md)}[data-theme=light] .nav-item{border:1px solid transparent;box-shadow:var(--shadow-sm)}[data-theme=light] .nav-item:hover,[data-theme=light] .nav-item.active{background:linear-gradient(90deg,#eff4fb 0%,var(--surface-light) 100%);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-md);border-left:3px solid var(--primary-light)}[data-theme=light] .nav-item{color:var(--text)}[data-theme=light] .nav-item .icon{color:var(--accent);filter:none;opacity:.9}[data-theme=light] .label{color:var(--text)}[data-theme=light] .sidebar-section-title{color:var(--text-secondary)}[data-theme=light] .logout-nav-item{color:var(--text)}[data-theme=light] .sidebar{border:2px solid var(--border)}[data-theme=light] .nav-item{border:2px solid transparent}[data-theme=light] .nav-item:hover,[data-theme=light] .nav-item.active{border:2px solid var(--border);border-left:4px solid var(--accent)}[data-theme=light] .sidebar-section-title{color:var(--text);font-weight:600}[data-theme=light] .sidebar{background:linear-gradient(180deg,#fff,#f8fafc) \!important;border-right:2px solid rgba(203,213,225,.6) \!important;box-shadow:4px 0 24px #0f172a0f,2px 0 12px #0f172a0a \!important}[data-theme=light] .sidebar-header{border-bottom:2px solid #e2e8f0 \!important;padding:20px 16px \!important;background:linear-gradient(135deg,#f8fafc,#fff) \!important}[data-theme=light] .sidebar .logo{padding:12px \!important;border-radius:12px \!important;transition:all .2s ease \!important}[data-theme=light] .sidebar .logo:hover{background:#2563eb0d \!important}[data-theme=light] .sidebar-section-title{color:var(--text) \!important;font-weight:700 \!important;font-size:.75rem \!important;text-transform:uppercase \!important;letter-spacing:1px \!important;padding:16px 20px 8px \!important;margin-top:12px \!important;position:relative \!important}[data-theme=light] .sidebar-section-title:after{content:"" \!important;position:absolute \!important;bottom:0 \!important;left:20px \!important;right:20px \!important;height:2px \!important;background:linear-gradient(90deg,var(--accent) 0%,transparent 100%) \!important;opacity:.3 \!important}[data-theme=light] .nav-item{margin:4px 12px \!important;border-radius:10px \!important;border:2px solid transparent \!important;background:transparent \!important;transition:all .2s ease \!important}[data-theme=light] .nav-item:hover{background:linear-gradient(135deg,#2563eb14,#3b82f60d) \!important;border:2px solid rgba(37,99,235,.2) \!important;transform:translate(4px) \!important;box-shadow:0 4px 12px #2563eb1a,0 2px 6px #2563eb0d \!important}[data-theme=light] .nav-item.active{background:linear-gradient(135deg,#2563eb1f,#3b82f614) \!important;border:2px solid var(--accent) \!important;border-left:5px solid var(--accent) \!important;box-shadow:0 4px 16px #2563eb26,0 2px 8px #2563eb1a \!important;color:var(--accent) \!important;font-weight:600 \!important}[data-theme=light] .nav-item .icon{color:var(--accent) \!important;filter:none \!important;opacity:.9 \!important;transition:all .2s ease \!important}[data-theme=light] .nav-item:hover .icon{opacity:1 \!important;transform:scale(1.1) \!important}[data-theme=light] .nav-item.active .icon{color:var(--accent) \!important;opacity:1 \!important}[data-theme=light] .nav-item .label{color:var(--text) \!important;font-weight:500 \!important}[data-theme=light] .nav-item:hover .label{color:var(--accent) \!important;font-weight:600 \!important}[data-theme=light] .nav-item.active .label{color:var(--accent) \!important;font-weight:700 \!important}[data-theme=light] .logout-nav-item{margin:16px 12px \!important;border-radius:10px \!important;background:linear-gradient(135deg,#fee2e2,#fecaca) \!important;border:2px solid #fca5a5 \!important;color:#dc2626 \!important;font-weight:600 \!important}[data-theme=light] .logout-nav-item:hover{background:linear-gradient(135deg,#fecaca,#fca5a5) \!important;border-color:#dc2626 \!important;box-shadow:0 4px 16px #dc262633,0 2px 8px #dc26261a \!important;transform:translate(4px) \!important}[data-theme=light] .sidebar::-webkit-scrollbar{width:6px \!important}[data-theme=light] .sidebar::-webkit-scrollbar-track{background:#f1f5f9 \!important;border-radius:3px \!important}[data-theme=light] .sidebar::-webkit-scrollbar-thumb{background:#cbd5e1 \!important;border-radius:3px \!important}[data-theme=light] .sidebar::-webkit-scrollbar-thumb:hover{background:var(--accent) \!important}.emoji-picker-popup{position:absolute;bottom:60px;left:10px;width:320px;max-height:360px;background:var(--card-bg, #1f2430);border:1px solid var(--border, #2e3a4a);border-radius:12px;box-shadow:0 8px 24px #0006;z-index:1001;display:flex;flex-direction:column;overflow:hidden}.emoji-picker-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#141820;border-bottom:1px solid #2e3a4a;color:#fff;font-weight:600;font-size:13px}.emoji-close{background:transparent;border:none;color:#fff;font-size:20px;cursor:pointer;padding:0 4px;opacity:.8}.emoji-close:hover{opacity:1}.emoji-picker-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;padding:8px;overflow-y:auto;max-height:300px}.emoji-item{background:transparent;border:none;font-size:20px;cursor:pointer;padding:4px;border-radius:4px;transition:background .15s}.emoji-item:hover{background:#ffffff1a}.gif-picker-popup{position:absolute;bottom:60px;left:10px;width:420px;max-height:480px;background:var(--card-bg, #1f2430);border:1px solid var(--border, #2e3a4a);border-radius:12px;box-shadow:0 8px 24px #0006;z-index:1001;display:flex;flex-direction:column;overflow:hidden}.gif-picker-header{display:flex;gap:8px;padding:8px 12px;background:#141820;border-bottom:1px solid #2e3a4a;align-items:center}.gif-search-input{flex:1;padding:6px 10px;border:1px solid #2e3a4a;background:#0f131a;color:#fff;border-radius:6px;font-size:13px}.gif-search-btn{padding:6px 12px;background:linear-gradient(90deg,#3ba1ff,#69c0ff);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600}.gif-close{background:transparent;border:none;color:#fff;font-size:20px;cursor:pointer;padding:0 4px;opacity:.8}.gif-close:hover{opacity:1}.gif-picker-body{padding:8px;overflow-y:auto;max-height:420px}.gif-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.gif-item{background:transparent;border:none;padding:0;cursor:pointer;border-radius:8px;overflow:hidden;transition:transform .1s}.gif-item:hover{transform:scale(1.02)}.gif-item img{width:100%;height:auto;display:block}.gif-loading,.gif-empty{padding:32px;text-align:center;color:#999;font-size:14px}.chatdock-root{display:flex;flex-direction:column;height:100%;width:100%;min-height:0;background:transparent;border:none;border-radius:12px;box-shadow:none;padding:0;gap:0;color:var(--text);overflow:hidden;box-sizing:border-box}.chatdock-header{display:flex;align-items:center;justify-content:center;gap:0;font-size:.85rem;font-weight:600;color:var(--text);padding:6px 8px 4px;border-bottom:none;margin:0;flex-shrink:0;background:transparent;border-top-left-radius:12px;border-top-right-radius:12px}.chatdock-header-bar{display:flex;align-items:stretch;border-radius:10px;background:#0f172a42;border:1px solid rgba(56,189,248,.22);box-shadow:0 0 0 1px #0f172a4d,0 0 4px #38bdf824;overflow:hidden;width:100%;max-width:200px;margin-left:auto;margin-right:auto}.chatdock-view-toggle{display:flex;align-items:stretch;flex:1;min-width:0}.chatdock-view-tab{flex:1 1 0;border:none;border-radius:0;padding:6px 9px;font-size:10px;font-weight:500;cursor:pointer;background:transparent;color:#cbd5f5;transition:background .15s ease,color .15s ease;white-space:nowrap;text-align:center;overflow:hidden;text-overflow:ellipsis;display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:68px}.chatdock-tab-count{font-size:9px;font-weight:600;opacity:.9}.chatdock-view-tab.active{background:#38bdf86b;color:#f9fafb;box-shadow:0 2px 4px #0f172aa6;transform:translateY(-.5px)}.chatdock-filter-icons{display:inline-flex;align-items:center;justify-content:center;gap:4px;margin:4px auto 0}.chatdock-filter-icon{border:none;background:#0f172ab3;color:#9ca3af;width:20px;height:20px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;cursor:pointer;padding:0;transition:background .15s ease,color .15s ease,transform .1s ease}.chatdock-filter-icon:hover{background:#1e40afe6;color:#e5e7eb}.chatdock-filter-icon.active{background:#38bdf8;color:#0b1220;transform:translateY(-1px)}.chatdock-count{background:#38bdf8;color:#121212;padding:2px 8px;border-radius:10px;font-size:.75rem;font-weight:700}.chatdock-toggle-btn{flex:0 0 34px;background:transparent;border:none;border-left:1px solid rgba(56,189,248,.4);border-radius:0;color:#9ca3af;cursor:pointer;font-size:10px;padding:6px 8px;transition:background .15s ease,color .15s ease}.chatdock-toggle-btn:hover{background:#38bdf84d;color:#e5e7eb}.chatdock-search-row{padding:0 14px 6px;flex-shrink:0}.chatdock-search-input-wrapper{position:relative}.chatdock-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:.8rem;color:#9ca3af;pointer-events:none}.chatdock-search-input{width:100%;border-radius:999px;border:1px solid rgba(148,163,184,.6);background:#0f172ad9;color:#e5e7eb;font-size:.8rem;padding:6px 10px 6px 28px;outline:none;box-sizing:border-box}.chatdock-search-input::placeholder{color:#9ca3af;opacity:.9}.chatdock-search-input:focus{border-color:#38bdf8;box-shadow:0 0 0 1px #38bdf866}[data-theme=light] .chatdock-search-input{background:var(--surface-light);border-color:var(--border);color:var(--text)}.chatdock-connections{flex:1 1 0;min-height:0;display:flex;flex-direction:column;gap:6px;overflow-y:auto;overflow-x:hidden;padding:8px 14px 14px;max-height:100%;overscroll-behavior:contain}.chatdock-section-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#e5e7eb;margin:6px 0 2px}.chatdock-contact-item{position:relative;display:flex;align-items:center;gap:8px}.chatdock-contact-item .chatdock-badge{position:absolute;top:0;right:0;transform:translate(50%,-50%);z-index:1}.chatdock-contact{display:flex;align-items:center;gap:8px;width:100%;border:1px solid transparent;background:transparent;padding:6px 8px;border-radius:10px;text-align:left;cursor:pointer;color:inherit;transition:background .18s ease,border .18s ease}.chatdock-contact:hover{background:#ffffff14;border-color:#ffffff29}.chatdock-contact-avatar{position:relative;width:32px;height:32px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#ffffff14}.chatdock-contact-avatar img{width:100%;height:100%;object-fit:cover}.chatdock-avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.85rem;background:#335;color:#fff}.chatdock-contact-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem}.chatdock-online{position:absolute;bottom:2px;right:2px;width:10px;height:10px;border-radius:50%;background:#4ade80;border:2px solid #10131f}.chatdock-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#ff4d4f;color:#fff;font-size:.7rem;font-weight:600}.chatdock-divider{height:1px;background:#ffffff14}.chatdock-windows-container{position:fixed;bottom:0;right:0;z-index:99999;pointer-events:none;width:0;height:0}.chatdock-window-wrap{position:absolute;width:var(--chatdock-window-width, 360px);pointer-events:all;transition:transform .2s ease,right .2s ease,bottom .2s ease}.chatdock-window{width:100%;background:#1f2430;border:1px solid #2e3a4a;border-radius:12px;display:flex;flex-direction:column;box-shadow:0 8px 24px #00000080;min-height:360px;height:clamp(380px,45vh,520px);max-height:calc(100vh - 160px);overflow:visible}.chatdock-window-header{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:8px 10px;background:#141820;color:#fff;border-bottom:1px solid #223}.chatdock-window-title{display:flex;align-items:center;gap:10px;flex:1 1 auto;min-width:0}.chatdock-avatar-click{width:26px;height:26px;border-radius:50%;object-fit:cover;cursor:pointer}.chatdock-title-col{display:flex;flex-direction:column;line-height:1.1;flex:1 1 auto;min-width:0}.chatdock-title-name-row{display:flex;align-items:center;gap:8px;min-width:0}.chatdock-title-name{color:#e7eef9;font-weight:700;letter-spacing:.2px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto;min-width:0}.chatdock-title-actions{position:relative}.chatdock-chevron-btn{width:28px;height:28px;border-radius:999px;border:1px solid rgba(56,189,248,.35);background:#38bdf81f;color:#cbd5e1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.chatdock-actions-menu{position:absolute;top:0;left:-8px;transform:translate(-100%);background:#0f131a;border:1px solid #223;border-radius:10px;padding:6px;display:flex;flex-direction:column;gap:6px;min-width:180px;z-index:100000;box-shadow:0 10px 24px #00000073}.chatdock-menu-item{background:transparent;border:none;color:#e2e8f0;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;text-align:left}.chatdock-menu-item:hover{background:#ffffff0f}.chatdock-last-seen{color:#9aa0a6;font-size:.78rem}.chatdock-title-badge{background:#38bdf8;color:#0b1220;border-radius:999px;padding:2px 8px;font-weight:800;font-size:.75rem}.chatdock-window-actions{display:flex;align-items:center;gap:4px;flex:0 0 auto}.cd-action{width:24px;height:24px;border-radius:999px;border:1px solid rgba(56,189,248,.35);background:linear-gradient(135deg,#449cf7,#84c8ff);color:#0b1220;font-weight:800;font-size:12px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #00000040}.cd-action:hover{filter:brightness(1.05)}.cd-action.cd-call{background:#1e293be6;border-color:#94a3b84d;font-size:11px}.cd-action.cd-call:hover{background:#3b82f680}.cd-action.cd-join-call{background:#ef44444d;border-color:#ef444499;color:#fca5a5;font-size:9px;width:auto;padding:0 8px;gap:4px;animation:pulse-call 1.5s ease-in-out infinite}.cd-action.cd-join-call:hover{background:#ef444480}@keyframes pulse-call{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 4px #ef444400}}.chatdock-window-title{display:flex;align-items:center;gap:8px}.chatdock-window-title img{width:24px;height:24px;border-radius:50%;object-fit:cover}.chatdock-window-body{padding:8px;display:flex;flex-direction:column;gap:6px;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;background:#0f131a;overscroll-behavior:contain}.chatdock-msg-row{display:flex;flex-direction:column;margin-bottom:8px}.chatdock-msg-row.own{align-items:flex-end}.chatdock-msg-row.other{align-items:flex-start}.chatdock-msg-bubble{position:relative;max-width:85%;min-width:180px;padding:8px 30px 8px 12px;border-radius:16px;word-break:break-word;white-space:pre-wrap;line-height:1.4;font-size:.88rem}.chatdock-msg-bubble .chatdock-audio-player{min-width:160px}.chatdock-msg-row .chatdock-msg-bubble{padding:26px 32px 8px 12px!important}.chatdock-msg-bubble.mine{background:linear-gradient(135deg,#3ba1ff,#69c0ff);color:#fff;border-bottom-right-radius:4px}.chatdock-msg-bubble.their{background:#2a2f3af2;border:1px solid rgba(148,163,184,.15);color:#e6e6e6;border-bottom-left-radius:4px}.chatdock-msg-text{display:block}.chatdock-msg-footer{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:4px}.chatdock-msg-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.chatdock-reaction-badge{display:inline-flex;align-items:center;justify-content:center;background:#fff3;border-radius:10px;padding:2px 6px;font-size:.85rem;cursor:default}.chatdock-ts{opacity:.7;font-size:.68rem}.chatdock-status{font-size:.65rem;letter-spacing:-2px;margin-left:2px}.chatdock-status.pending{opacity:.5}.chatdock-status.sent{opacity:.7}.chatdock-status.delivered{opacity:.85}.chatdock-status.read{color:#22c55e;opacity:1}.chatdock-msg-wrapper{display:flex;align-items:flex-start;gap:4px;position:relative;max-width:100%}.chatdock-msg-row.own .chatdock-msg-wrapper{flex-direction:row-reverse}.chatdock-quick-actions{display:none;align-items:center;gap:2px;flex-shrink:0}.chatdock-msg-wrapper:hover .chatdock-quick-actions{display:flex}.chatdock-quick-action{width:22px;height:22px;border-radius:50%;border:none;background:#1e293bf2;color:#e2e8f0;font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,transform .1s;box-shadow:0 1px 3px #0000004d}.chatdock-quick-action:hover{background:#3b82f6b3;transform:scale(1.1)}.chatdock-reactions-popup{position:absolute;bottom:100%;left:0;margin-bottom:4px;display:flex;gap:2px;padding:4px 6px;background:#1e293bfa;border-radius:16px;border:1px solid rgba(148,163,184,.15);box-shadow:0 4px 12px #0006;z-index:100000;pointer-events:auto;flex-wrap:wrap;white-space:normal;max-width:min(260px,calc(100vw - 80px))}.chatdock-msg-row.own .chatdock-reactions-popup{left:auto;right:0}.chatdock-reaction-btn{background:transparent;border:none;padding:2px 4px;font-size:16px;cursor:pointer;border-radius:4px;transition:background .1s,transform .15s;line-height:1}.chatdock-reaction-btn:hover{background:#ffffff26;transform:scale(1.25)}.chatdock-reply-preview{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:#3b82f626;border-left:3px solid #3b82f6;border-radius:0;margin:0}.chatdock-reply-info{display:flex;flex-direction:column;gap:2px;overflow:hidden;flex:1}.chatdock-reply-label{font-size:10px;color:#3b82f6;font-weight:600}.chatdock-reply-text{font-size:11px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chatdock-reply-cancel{background:transparent;border:none;color:#94a3b8;font-size:16px;cursor:pointer;padding:2px 6px;border-radius:4px;transition:background .15s,color .15s}.chatdock-reply-cancel:hover{background:#ffffff1a;color:#fff}.chatdock-reply-ref{padding:4px 8px;margin-bottom:4px;background:#00000026;border-left:2px solid rgba(59,130,246,.6);border-radius:4px;font-size:11px;color:#94a3b8;cursor:pointer}.chatdock-reply-ref:hover{background:#00000040}[data-theme=light] .chatdock-window{background:var(--surface)!important;border:1px solid var(--border)!important;box-shadow:var(--shadow-md, 0 8px 24px rgba(0,0,0,.1))!important}[data-theme=light] .chatdock-window-header{background:var(--surface)!important;color:var(--text)!important;border-bottom:1px solid var(--border)!important}[data-theme=light] .chatdock-window-body{background:var(--surface)!important;color:var(--text)!important}[data-theme=light] .chatdock-window-input{background:var(--surface)!important;border-top:1px solid var(--border)!important}[data-theme=light] .chatdock-window-input input{background:var(--input-bg)!important;border:1px solid var(--input-border)!important;color:var(--text)!important}[data-theme=light] .chatdock-window-input button{background:linear-gradient(135deg,#449cf7,#84c8ff)!important;color:#0b1220!important}[data-theme=light] .chatdock-msg-bubble.mine{background:var(--primary, #3ba1ff)!important;color:#fff!important}[data-theme=light] .chatdock-msg-bubble.their{background:#94a3b824!important;color:var(--text)!important}.chatdock-window-input{display:flex;flex-direction:column;gap:0;padding:0;background:#141820;border-top:1px solid #223}.chatdock-window-input-row{display:flex;align-items:center;gap:6px;padding:8px}.chatdock-composer{display:flex;align-items:center;gap:6px;flex:1 1 auto;min-width:0}.chatdock-mode-toggle{position:relative;flex:0 0 auto}.chatdock-mode-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:999px;border:1px solid rgba(56,189,248,.45);background:#0f172ae6;color:#e2e8f0;font-size:11px;cursor:pointer}.chatdock-mode-icon{display:inline-flex;align-items:center;justify-content:center}.chatdock-mode-icon svg{display:block!important;width:12px!important;height:12px!important;fill:currentColor!important;color:inherit!important}.chatdock-mode-icon svg path{fill:currentColor!important}.chatdock-mode-caret{font-size:9px}.chatdock-mode-menu{position:absolute;bottom:100%;left:0;margin-bottom:6px;padding:4px;display:flex;gap:4px;background:#0f131a;border-radius:8px;border:1px solid #223;box-shadow:0 8px 18px #0009;z-index:100000}.chatdock-mode-menu-item{width:24px;height:24px;border-radius:999px;border:none;display:flex;align-items:center;justify-content:center;background:transparent;color:#e2e8f0;cursor:pointer;font-size:12px}.chatdock-mode-menu-item svg{display:block!important;width:12px!important;height:12px!important;fill:currentColor!important;color:inherit!important}.chatdock-mode-menu-item svg path{fill:currentColor!important}.chatdock-mode-menu-item.active{background:#38bdf840}.chatdock-input{flex:1 1 auto;min-width:0;border-radius:999px;border:1px solid #2e3a4a;background:#0f131a;color:#fff;padding:6px 10px;font-size:13px;line-height:1.2}.chatdock-clear,.chatdock-send{flex:0 0 auto;width:28px;height:28px;border-radius:999px;border:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:15px}.chatdock-clear{background:#94a3b873;color:#fff;font-size:16px;font-weight:700}.chatdock-send{background:linear-gradient(135deg,#449cf7,#84c8ff);color:#fff}.chatdock-send-icon{display:inline-flex;align-items:center;justify-content:center;line-height:0}.chatdock-send-icon svg{display:block}.chatdock-record-icon{display:inline-flex;align-items:center;justify-content:center;line-height:0}.chatdock-record-icon svg{display:block}.chatdock-record-row{display:flex;align-items:center;flex:1 1 auto;min-width:0;gap:6px;padding:4px 6px;border-radius:999px;border:1px solid #2e3a4a;background:#0f131a;justify-content:flex-start}.chatdock-record-visual{flex:1 1 auto;min-width:60px;height:20px;border-radius:999px;background:#020617;border:1px solid #1f2937;display:flex;align-items:center;justify-content:space-evenly;overflow:hidden;padding:0 8px}.chatdock-record-visual .wave-bar{width:3px;border-radius:999px;background:#94a3b8e6;height:8px}.chatdock-record-visual.active .wave-bar{animation:chatdock-wave .8s infinite ease-in-out alternate}@keyframes chatdock-wave{0%{transform:scaleY(.6)}to{transform:scaleY(1.4)}}.chatdock-record-btn{flex:0 0 auto;width:26px;height:26px;border-radius:999px;border:none;display:inline-flex;align-items:center;justify-content:center;background:#ef4444eb;color:#fff;cursor:pointer;font-size:12px}.chatdock-record-btn svg{display:block!important;width:12px!important;height:12px!important;fill:#fff!important;color:#fff!important}.chatdock-record-btn svg path{fill:#fff!important}.chatdock-record-btn.recording{box-shadow:0 0 0 2px #f87171b3}.chatdock-ready-cue{flex:1 1 auto;min-width:60px;height:20px;border-radius:999px;background:#22c55e26;border:1px solid rgba(34,197,94,.4);display:flex;align-items:center;justify-content:center;gap:4px;font-size:11px;color:#22c55e;font-weight:500}.chatdock-video-preview{flex:1 1 auto;min-width:60px;max-width:120px;height:68px;border-radius:6px;background:#020617;border:1px solid #1f2937;object-fit:cover}.chatdock-send.ready{box-shadow:0 0 0 2px #22c55e80;animation:chatdock-ready-pulse 1.5s ease-in-out infinite}@keyframes chatdock-ready-pulse{0%,to{box-shadow:0 0 0 2px #22c55e80}50%{box-shadow:0 0 0 4px #22c55e4d}}.chatdock-audio-player{display:flex;flex-direction:column;width:100%;background:linear-gradient(135deg,#0f172a,#1e293b);border:1px solid rgba(148,163,184,.2);border-radius:8px;overflow:hidden}.audio-visualizer{display:flex;align-items:flex-end;justify-content:center;gap:3px;height:60px;padding:8px 12px;background:linear-gradient(180deg,#0f172ae6,#1e293bb3)}.visualizer-bar{width:4px;min-height:4px;background:linear-gradient(180deg,#60a5fa,#3b82f6,#2563eb);border-radius:2px;box-shadow:0 0 4px #60a5fa66}.audio-controls{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#0f172a99}.audio-play-btn{width:32px;height:32px;border-radius:6px;border:2px solid rgba(96,165,250,.6);background:#3b82f640;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;font-size:14px;line-height:1;transition:transform .1s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease}.audio-play-btn:hover{transform:scale(1.05);background:#3b82f666;border-color:#3b82f699;box-shadow:0 0 8px #3b82f680}.audio-play-btn:active{transform:scale(.98)}.audio-time{font-size:11px;color:#94a3b8;min-width:32px;text-align:center;font-variant-numeric:tabular-nums}.audio-progress{flex:1;height:6px;background:#94a3b833;border-radius:3px;cursor:pointer;overflow:hidden}.audio-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:3px;transition:width .1s linear}.chatdock-msg-footer{display:flex;align-items:center;gap:6px;margin-top:2px}.chatdock-msg-actions{display:none;gap:2px}.chatdock-msg:hover .chatdock-msg-actions{display:inline-flex}.chatdock-msg-actions button{background:transparent;border:none;padding:2px 4px;font-size:11px;cursor:pointer;opacity:.6;transition:opacity .15s}.chatdock-msg-actions button:hover{opacity:1}.chatdock-edited{font-size:10px;opacity:.6;font-style:italic;margin-left:4px}.chatdock-edit-form{display:flex;flex-direction:column;gap:4px;width:100%}.chatdock-edit-form input{flex:1;padding:4px 8px;border-radius:6px;border:1px solid rgba(148,163,184,.4);background:#0f172acc;color:var(--text);font-size:13px}.chatdock-edit-actions{display:flex;gap:4px;justify-content:flex-end}.chatdock-edit-actions button{background:#94a3b833;border:none;border-radius:4px;padding:2px 8px;font-size:12px;cursor:pointer;color:var(--text)}.chatdock-edit-actions button:first-child{background:#22c55e4d}.chatdock-edit-actions button:last-child{background:#ef44444d}.chatdock-video{max-width:100%;width:100%;height:auto;border-radius:8px;display:block}.chatdock-msg-menu{position:absolute;top:6px;right:6px;z-index:10}.chatdock-msg-ellipsis{display:flex;align-items:center;justify-content:center;background:#0000004d;border:none;width:20px;height:20px;font-size:12px;cursor:pointer;opacity:.7;color:#fff;border-radius:4px;transition:opacity .15s,background .15s}.chatdock-msg-ellipsis:hover{opacity:1;background:#00000080}.chatdock-msg-dropdown{position:absolute;right:0;top:100%;background:#1e293bfa;border:1px solid rgba(148,163,184,.2);border-radius:8px;box-shadow:0 4px 12px #0000004d;z-index:100;min-width:100px;overflow:hidden}.chatdock-msg-dropdown button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:transparent;border:none;color:var(--text);font-size:12px;cursor:pointer;text-align:left;transition:background .15s}.chatdock-msg-dropdown button:hover{background:#ffffff1a}.chatdock-msg-dropdown button.delete{color:#ef4444}.chatdock-toolbar{display:flex;gap:6px;align-items:center;overflow:visible;position:relative}.cd-tool{background:linear-gradient(135deg,#449cf7,#84c8ff);border:1px solid rgba(56,189,248,.35);color:#0b1220;cursor:pointer;font-size:12px;min-width:34px;min-height:28px;padding:0 8px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000040}.cd-tool:hover{filter:brightness(1.05)}.cd-tool.active{background:linear-gradient(135deg,#2c7fe6,#62b4ff)}.cd-more{border-radius:12px;min-width:34px}.chatdock-tools-popover{position:absolute;left:0;bottom:calc(100% + 8px);display:grid;grid-auto-rows:minmax(28px,auto);row-gap:8px;background:#0f131a;border:1px solid #223;border-radius:12px;padding:8px;box-shadow:0 10px 24px #00000073;z-index:100000;pointer-events:all}[data-theme=light] .chatdock-tools-popover{background:var(--surface);border-color:var(--border)}.chatdock-minimized-tray{position:fixed;right:10px;bottom:0;z-index:99998;pointer-events:none;width:0;height:0}.chatdock-minimized-item{all:unset;box-sizing:border-box;position:relative;width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.2);cursor:pointer;background:#1f2430;padding:0!important;pointer-events:all;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 12px #0000004d}.chatdock-minimized-item:hover{transform:scale(1.1);box-shadow:0 6px 16px #0006}.chatdock-minimized-item img{width:100%;height:100%;border-radius:50%;object-fit:cover}.chatdock-minimized-badge{position:absolute;top:-4px;right:-4px;background:#ff4d4f;color:#fff;border-radius:10px;padding:0 6px;font-size:10px;line-height:16px;border:2px solid #0d1117}.chatdock-empty{flex:1;display:flex;align-items:center;justify-content:center;color:#9aa0a6;font-size:.85rem;text-align:center}@media (max-width: 768px){.chatdock-root{border-radius:8px;padding:10px}.chatdock-window{max-height:260px}}.messenger-panel-overlay{position:fixed;top:calc(var(--header-height, 70px) + var(--header-offset, 16px));left:0;right:0;bottom:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9998;animation:fadeIn .3s ease}[data-theme=light] .messenger-panel-overlay{background-color:#0006}.messenger-panel{position:fixed;top:calc(var(--header-height, 70px) + var(--header-offset, 8px));bottom:0;right:-70%;width:70%;max-width:1200px;height:auto;background:var(--card-bg, #1e293b);box-shadow:-4px 0 20px #0000004d;z-index:9999;transition:right .3s cubic-bezier(.4,0,.2,1),transform .25s ease,opacity .25s ease,clip-path .25s ease;display:flex;flex-direction:column;border-left:1px solid var(--border-color, #334155);border-top-left-radius:14px;border-top-right-radius:14px;transform-origin:top right;transform:translateY(-8px) scaleY(.94);-webkit-clip-path:inset(0 0 95% 0 round 14px);clip-path:inset(0 0 95% 0 round 14px);opacity:0;margin:0;min-height:0}[data-theme=light] .messenger-panel{background:var(--card-bg, #ffffff);border-left:1px solid var(--border-light, #e2e8f0);box-shadow:-4px 0 20px #0000001a}.messenger-panel.open{right:20px;transform:translateY(0) scaleY(1);opacity:1;-webkit-clip-path:inset(0 0 0 0 round 14px);clip-path:inset(0 0 0 0 round 14px)}.messenger-panel.page-mode{position:relative;top:auto;right:auto;bottom:auto;width:100%;max-width:none;height:100%;border-radius:0;border-left:none;box-shadow:none;transform:none;opacity:1;clip-path:none;-webkit-clip-path:none;z-index:auto}.messenger-panel.page-mode .messenger-panel-content{flex:1;min-height:0}.messenger-panel.page-mode .messenger-container{height:100%}.messenger-panel-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border-color, #334155);background:var(--surface-light, #0f172a);border-top-left-radius:14px}[data-theme=light] .messenger-panel-header{background:var(--surface-light, #f8fafc);border-bottom:1px solid var(--border-light, #e2e8f0)}.messenger-panel-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary, #f1f5f9);font-family:Orbitron,Segoe UI,Arial,sans-serif}[data-theme=light] .messenger-panel-header h2{color:var(--text-primary, #1e293b)}.messenger-panel-open-full{background:var(--glass-bg, rgba(255, 255, 255, .05));border:1px solid var(--border-color, #334155);cursor:pointer;padding:.35rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;margin-right:.5rem;transition:all .2s;color:var(--text-light, #94a3b8)}[data-theme=light] .messenger-panel-open-full{background:var(--glass-bg, rgba(0, 0, 0, .02));border-color:var(--border-light, #e2e8f0);color:var(--text-secondary, #64748b)}.messenger-panel-open-full:hover{background-color:var(--primary-light, #38bdf8);color:var(--neon, #0ff);box-shadow:0 0 10px #38bdf880;transform:translateY(-1px)}[data-theme=light] .messenger-panel-open-full:hover{background-color:var(--primary-light, #38bdf8);color:#fff}.messenger-panel-close{background:var(--glass-bg, rgba(255, 255, 255, .05));border:2px solid var(--primary-light, #38bdf8);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;transition:all .2s;color:var(--text-light, #94a3b8)}[data-theme=light] .messenger-panel-close{background:var(--glass-bg, rgba(0, 0, 0, .02));color:var(--text-secondary, #64748b)}.messenger-panel-close:hover{background-color:var(--primary-light, #38bdf8);color:var(--neon, #0ff);box-shadow:0 0 12px var(--primary-light, #38bdf8);transform:scale(1.05)}[data-theme=light] .messenger-panel-close:hover{background-color:var(--primary-light, #38bdf8);color:#fff}.messenger-panel-content{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0;padding-bottom:0}.messenger-panel-content .messenger-container{flex:1;display:flex;height:100%;overflow:hidden;min-height:0;padding-bottom:0}.messenger-panel .messenger-section,.messenger-panel .contacts-sidebar,.messenger-panel .messages-container,.messenger-panel .chat-input-area,.messenger-panel .sidebar-footer,.messenger-panel .messenger-panel-content>*{margin-bottom:0!important;padding-bottom:0!important}.messenger-panel .messenger-panel-content .messenger-chat-area{flex:1;display:flex;flex-direction:column;overflow:hidden;padding-bottom:12px!important}.messenger-panel .contacts-sidebar{padding-bottom:8px!important}.messenger-panel-footer{padding:.65rem 1rem;border-top:1px solid var(--border-color, #334155);background:var(--surface-light, #0f172a);min-height:12px}[data-theme=light] .messenger-panel-footer{background:var(--surface-light, #f8fafc);border-top:1px solid var(--border-light, #e2e8f0)}.messenger-empty-state{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-secondary, #94a3b8);font-size:1rem}[data-theme=light] .messenger-empty-state{color:var(--text-secondary, #64748b)}.modal-overlay{position:fixed;top:calc(var(--header-height, 70px) + var(--header-offset, 16px));left:0;right:0;bottom:0;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10050;display:flex;align-items:flex-start;justify-content:flex-end;padding:16px 24px}.modal-content{background:var(--card-bg, #1e293b);color:var(--text-primary, #e2e8f0);border:2px solid var(--primary-light, #38bdf8);border-radius:12px;width:360px;max-width:calc(100% - 32px);box-shadow:0 10px 30px #00000059,0 0 12px #38bdf859;padding:16px;outline:none;animation:modalDrop .2s ease}[data-theme=light] .modal-content{background:#fff;color:#0f172a;border-color:var(--primary-light, #38bdf8)}@keyframes modalDrop{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 1024px){.messenger-panel{width:85%;right:-85%}}@media (max-width: 768px){.messenger-panel{width:100%;right:-100%;max-width:none;border-top-left-radius:0}.messenger-panel.open{right:0}}.messenger-panel .messenger-section{height:100%;padding:0;background:transparent}.messenger-panel .messenger-container{max-width:none;height:100%;border-radius:0;box-shadow:none}[data-theme=light] .messenger-panel{background:var(--surface);border-left:1px solid var(--border);box-shadow:var(--shadow-lg)}[data-theme=light] .messenger-panel h2,[data-theme=light] .messenger-panel h3,[data-theme=light] .messenger-panel .conversation-item,[data-theme=light] .messenger-panel .message-text{color:var(--text)}[data-theme=light] .messenger-panel .conversation-item:hover{background:var(--surface-light)}[data-theme=light] .messenger-panel input,[data-theme=light] .messenger-panel textarea{background-color:var(--input-bg);border:1px solid var(--input-border);color:var(--text)}[data-theme=light] .messenger-panel button{background:var(--button-bg);color:var(--button-text);border:1px solid var(--border)}.hover-card-trigger{cursor:pointer;display:inline-block}.hover-card-overlay{z-index:99999;animation:fadeIn .2s ease-in;pointer-events:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.hover-card-content{background:var(--surface, #1f2435);border:1px solid var(--border-light, rgba(255, 255, 255, .12));border-radius:12px;padding:20px;width:380px;max-width:90vw;box-shadow:0 8px 24px #0006;color:var(--text, #e0e6f0);pointer-events:auto;position:relative}.hover-card-loading{position:absolute;top:8px;right:12px;font-size:11px;color:var(--text-muted, #94a3b8);opacity:.7}.hover-card-header{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.hover-card-banner{width:100%;height:100px;object-fit:cover;border-radius:8px;margin-bottom:8px}.hover-card-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid var(--border-light, rgba(255, 255, 255, .12));margin-bottom:8px}.hover-card-info{display:flex;flex-direction:column;gap:4px}.hover-card-name{font-size:16px;font-weight:700;color:var(--text-light, #ffffff);margin:0;line-height:1.3}.hover-card-name-link{text-decoration:none;color:inherit;display:block}.hover-card-name-link:hover .hover-card-name{color:var(--primary-light, #7c4dff);text-decoration:underline}.hover-card-bio{font-size:13px;color:var(--text-muted, #9aa0a6);margin:0;line-height:1.4}.hover-card-meta{font-size:12px;color:var(--text-muted, #9aa0a6);margin:0;font-weight:500;line-height:1.5}.hover-card-details{display:flex;flex-direction:column;gap:4px;margin-top:8px}.hover-card-actions{display:flex;gap:8px;margin-top:12px}.hover-card-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s ease;flex:1;text-align:center}.hover-card-btn.primary{background:var(--primary-light, #7c4dff);color:var(--button-text, #fff);border:none}.hover-card-btn.primary:hover{background:var(--primary, #6a3de8);transform:translateY(-1px)}.hover-card-btn.secondary{background:transparent;color:var(--text-light, #ffffff);border:1px solid var(--border-light, rgba(255, 255, 255, .12))}.hover-card-btn.secondary:hover{background:#ffffff0d;border-color:var(--border-light, rgba(255, 255, 255, .2))}.hover-card-connect-btn{position:absolute;top:16px;right:16px;padding:6px 14px;border-radius:6px;font-size:13px;font-weight:600;text-decoration:none;background:var(--primary-light, #7c4dff);color:var(--button-text, #fff);border:none;transition:all .2s ease;z-index:10}.hover-card-connect-btn:hover{background:var(--primary, #6a3de8);transform:translateY(-1px)}.hover-card-connect-btn.connected{background:#ffffff1a;color:var(--text-muted, #9aa0a6);cursor:default;pointer-events:none}.hover-card-btn.joined{background:#ffffff0d;color:var(--text-muted, #9aa0a6);border-color:#ffffff14;cursor:default;pointer-events:none}.contacts-sidebar{background:var(--card-bg);border-right:1px solid var(--border-light);display:flex;flex-direction:column;position:relative;box-sizing:border-box;overflow-x:hidden}.contacts-header{display:flex;flex-direction:column;align-items:stretch;padding:8px 12px 6px;border-bottom:1px solid var(--border-light);position:relative}.contacts-header h3{margin:0 0 6px;text-align:center}.contacts-header-bar{display:flex;align-items:stretch;border-radius:10px;background:#0f172ae6;border:1px solid rgba(124,77,255,.7);box-shadow:0 0 0 1px #0f172acc,0 0 10px #7c4dff66;overflow:hidden;margin-bottom:6px;width:100%;max-width:210px;margin-left:auto;margin-right:auto}.contacts-view-toggle{display:flex;align-items:stretch;flex:1 1 auto;min-width:0}.contacts-view-tab{flex:1 1 0;border:none;background:transparent;color:var(--text-muted);border-radius:0;padding:6px 9px;font-size:11px;font-weight:500;cursor:pointer;transition:background .15s ease,color .15s ease;white-space:nowrap;text-align:center;overflow:hidden;text-overflow:ellipsis;display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:72px}.contacts-tab-count{font-size:10px;font-weight:600;opacity:.9}.contacts-view-tab.active{background:var(--primary, #7c4dff);color:#fff;box-shadow:0 2px 8px #0f172ae6;transform:translateY(-1px)}.contacts-filter-icons{display:inline-flex;align-items:center;justify-content:center;gap:4px;margin:0 auto}.contacts-filter-icon{border:none;background:#0f172ab3;color:var(--text-muted);width:22px;height:22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;padding:0;transition:background .15s ease,color .15s ease,transform .1s ease}.contacts-filter-icon:hover{background:#7c4dff80;color:var(--text)}.contacts-filter-icon.active{background:var(--primary, #7c4dff);color:#fff;transform:translateY(-1px)}.contacts-settings-btn{flex:0 0 34px;background:transparent;border:none;border-left:1px solid rgba(124,77,255,.5);border-radius:0;cursor:pointer;color:var(--text-muted);font-size:12px;padding:6px 8px;display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease}.contacts-settings-btn:hover{background:#7c4dff4d;color:#fff}.new-message-button{background:none;border:none;cursor:pointer;padding:4px}.contacts-search{padding:4px 10px 8px}.contacts-search input{width:100%;padding:5px 11px;border-radius:999px;border:1px solid var(--border-light);background:#ffffff0f;color:var(--text);box-sizing:border-box}.contacts-search input::placeholder{color:var(--text-muted)}.contacts-list{flex:1;overflow-y:auto;overflow-x:hidden;padding:4px 0}.contacts-section-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:6px 10px 2px}.contacts-footer{padding:2px 6px;border-top:1px solid var(--border-light)}.new-group-btn{width:100%;padding:3px 8px;border-radius:8px;border:1px solid var(--border-light);background:#7c4dff1f;color:var(--text);cursor:pointer}.new-group-btn:hover{background:#7c4dff33}.contact-item{display:flex;align-items:center;gap:0;padding:2px;cursor:pointer;transition:background .15s ease}.contact-item.active,.contact-item:hover{background:#7c4dff1f}.contact-item.focused{outline:2px solid var(--primary-light);outline-offset:-2px}.contact-avatar{width:30px;height:30px;min-width:30px;border-radius:50%;font-size:13px;font-weight:700;color:var(--text-light);display:flex;align-items:center;justify-content:center;position:relative;background:var(--primary-dark, #4b3bbd)}img.contact-avatar{width:30px;height:30px;min-width:30px;object-fit:cover;border-radius:50%;border:2px solid rgba(255,255,255,.08)}.status-indicator{position:absolute;bottom:-1px;right:-1px;width:8px;height:8px;border-radius:50%;border:2px solid var(--text-light)}.status-indicator.online{background:#4caf50}.status-indicator.offline{background:#bdbdbd}.status-indicator.group{background:#ff9800}.contact-info{flex:1;min-width:0;overflow:hidden;display:flex;flex-direction:column}.contact-name-time{display:flex;align-items:center;justify-content:flex-start;gap:4px;max-width:100%}.contacts-sidebar .contact-name-time h3{font-size:13px;margin:0;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;flex:1 1 auto;text-align:left}.message-time{font-size:12px;color:#888;margin-left:10px;white-space:nowrap}.last-message{font-size:12px;color:#888;margin:1px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.unread-badge{display:inline-flex;align-items:center;justify-content:center;background:#ff4d4f;color:#fff;border-radius:999px;font-size:.7rem;font-weight:600;padding:0 6px;margin-left:8px;min-width:20px;height:18px}.request-actions{display:flex;flex-direction:column;gap:4px;margin-left:8px}.request-btn{border:none;border-radius:999px;padding:3px 8px;font-size:11px;cursor:pointer;white-space:nowrap}.request-btn.accept{background:#4ade80;color:#062a12}.request-btn.reject{background:#f97373;color:#2b0707}.group-actions.compact{margin-left:auto;display:flex;gap:6px}.group-actions .icon-btn{background:transparent;border:none;color:var(--text-muted);padding:4px;border-radius:6px;cursor:pointer}.group-actions .icon-btn:hover{background:#ffffff0f;color:var(--text)}.contacts-context-menu{position:absolute;background:var(--card-bg);border:1px solid var(--border-light);border-radius:10px;box-shadow:var(--shadow-md);padding:6px;z-index:2000;min-width:180px}.contacts-context-menu .ctx-item{display:block;width:100%;text-align:left;background:transparent;border:none;color:var(--text);padding:8px 10px;border-radius:8px;cursor:pointer}.contacts-context-menu .ctx-item:hover{background:#ffffff0f}.contacts-context-menu .ctx-item.danger{color:#ff6b6b}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 10px;border-bottom:1px solid var(--border-light);background:var(--surface);position:relative;z-index:2}.chat-contact{display:flex;align-items:center}.contact-avatar{width:44px;height:44px;border-radius:50%;font-size:20px;font-weight:700;color:var(--text-light);display:flex;align-items:center;justify-content:center;margin-right:14px;position:relative}.status-indicator{position:absolute;bottom:4px;right:4px;width:10px;height:10px;border-radius:50%;border:2px solid var(--surface)}.status-indicator.online{background:var(--success)}.status-indicator.offline{background:var(--text-muted)}.status-indicator.group{background:var(--warning)}.contact-info h3{margin:0;font-size:16px;font-weight:500}.contact-info p{margin:0;font-size:13px;color:#888}.chat-actions{display:flex;gap:10px}.chat-header-actions{display:flex;align-items:center;gap:8px;position:relative}.thread-actions{position:relative}.thread-menu{position:absolute;top:calc(100% + 6px);right:0;background:var(--card-bg);border:1px solid var(--border-light);border-radius:10px;padding:6px;box-shadow:var(--shadow-md);z-index:5;min-width:180px}.thread-menu-item{width:100%;text-align:left;background:transparent;border:none;color:var(--text);padding:8px 10px;border-radius:8px;cursor:pointer}.thread-menu-item:hover{background:#ffffff0f}.thread-menu-item.danger{color:#ff6b6b}.chat-header-actions .action-button{background:transparent;border:1px solid var(--border-light);color:var(--text-muted);border-radius:10px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center}.action-button{background:none;border:none;cursor:pointer;padding:4px}.call-btn{background:#1e293be6;border:1px solid rgba(148,163,184,.3);border-radius:8px;padding:6px 10px;color:var(--text);cursor:pointer;font-size:14px;transition:background .15s}.call-btn:hover{background:#3b82f666}.call-btn:disabled{opacity:.5;cursor:not-allowed}.call-btn.join-call-btn{background:#ef44444d;border-color:#ef444499;color:#fca5a5;animation:pulse-call 1.5s ease-in-out infinite}.call-btn.join-call-btn:hover{background:#ef444480}@keyframes pulse-call{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 6px #ef444400}}.contact-name-btn{background:transparent;border:none;padding:4px 8px;margin:-4px -8px;border-radius:6px;cursor:pointer;transition:background .15s}.contact-name-btn:hover{background:#ffffff14}.contact-name-btn h3{font-size:16px;font-weight:500;color:var(--text)}.messages-container{flex:1;padding:20px;overflow-y:auto;background:var(--background-light)}.message{display:flex;margin-bottom:16px}.user-message{justify-content:flex-end}.contact-message{justify-content:flex-start}.message-content{max-width:70%;background:var(--text-light);border-radius:12px;padding:10px 16px;box-shadow:0 1px 2px #0000000a;position:relative;font-size:15px;word-break:break-word}.user-message .message-content{background:#e8f0fe}.message-time{display:block;font-size:10px;color:#888;margin-top:2px;text-align:right;opacity:0;transition:opacity .15s ease}.sender-label{font-size:11px;font-weight:600;margin-bottom:2px;color:inherit;opacity:.85}.message-row.own .sender-label{color:#ffffffe6}.message-reactions{display:flex;align-items:center;margin-top:2px;gap:3px}.message-bubble:hover .message-time{opacity:1}.reaction-emoji{background:#f1f1f1;border-radius:12px;padding:2px 8px;font-size:1.1em;margin-right:2px;cursor:pointer;transition:background .2s}.reaction-emoji:hover{background:var(--border-light)}.add-reaction{margin-left:8px;display:flex;gap:2px}.reaction-btn{background:transparent;border:none;cursor:pointer;font-size:1.1em;padding:2px 4px;border-radius:8px;transition:background .2s}.reaction-btn:hover{background:var(--border-light)}.emoji-picker-popover{position:absolute;top:28px;right:0;z-index:100;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.quick-reactions{display:flex;gap:2px;background:#00000008;padding:2px 4px;border-radius:16px;align-items:center}.quick-reaction-btn{background:transparent;border:1px solid transparent;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:13px;transition:all .2s ease;padding:0;line-height:1}.quick-reaction-btn:hover{background:#0000000d;transform:scale(1.15)}.quick-reaction-btn.reacted{background:#e8f0fe;border-color:#c2e0ff;transform:scale(1.1)}.more-reactions-btn{background:#f0f2f5;border:none;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;color:#65676b;transition:all .2s ease;padding:0;line-height:1}.more-reactions-btn:hover{background:#e4e6eb}.emoji-picker-react{box-shadow:none!important;border:1px solid #e4e6eb!important}.message-row{display:flex;justify-content:flex-end;margin-bottom:4px}.message-row.own{justify-content:flex-start}.message-bubble{position:relative;max-width:65%;min-width:220px;padding:6px 12px;border-radius:14px;background:#ffffff14;color:var(--text);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.message-bubble .chatdock-audio-player{min-width:200px}.message-row.own .message-bubble{background:linear-gradient(135deg,var(--primary, #3ba1ff),#69c0ff);color:#fff;border-color:transparent}.day-separator{display:flex;justify-content:center;margin:10px 0 14px}.day-separator span{font-size:12px;color:var(--text-muted, #9aa4b2);background:#ffffff0f;border:1px solid var(--border-light);padding:4px 10px;border-radius:12px}.message-bubble{position:relative}.message-menu{position:absolute;top:4px;right:4px;z-index:10}.message-ellipsis{display:flex;align-items:center;justify-content:center;background:#0000004d;border:none;width:22px;height:22px;font-size:12px;cursor:pointer;opacity:.7;color:#fff;border-radius:4px;transition:opacity .15s,background .15s}.message-ellipsis:hover{opacity:1;background:#00000080}.message-dropdown{position:absolute;right:0;top:100%;background:#1e293bfa;border:1px solid rgba(148,163,184,.2);border-radius:8px;box-shadow:0 4px 12px #0000004d;z-index:100;min-width:100px;overflow:hidden}.message-dropdown button{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;background:transparent;border:none;color:var(--text);font-size:13px;cursor:pointer;text-align:left;transition:background .15s}.message-dropdown button:hover{background:#ffffff1a}.message-dropdown button.delete{color:#ef4444}.message-edited{font-size:10px;opacity:.6;font-style:italic;margin-left:4px}.message-status{font-size:.7rem;letter-spacing:-2px;margin-left:4px}.message-status.pending{opacity:.5}.message-status.sent{opacity:.7}.message-status.delivered{opacity:.85}.message-status.read{color:#22c55e;opacity:1}.message-edit-form{display:flex;flex-direction:column;gap:4px;width:100%}.message-edit-form input{flex:1;padding:6px 10px;border-radius:8px;border:1px solid rgba(148,163,184,.4);background:#0f172acc;color:var(--text);font-size:14px}.message-edit-actions{display:flex;gap:6px;justify-content:flex-end}.message-edit-actions button{background:#94a3b833;border:none;border-radius:6px;padding:4px 12px;font-size:13px;cursor:pointer;color:var(--text)}.message-edit-actions button:first-child{background:#22c55e4d}.message-edit-actions button:last-child{background:#ef44444d}.message-wrapper{display:flex;align-items:flex-start;gap:4px;position:relative;max-width:100%}.message-row.own .message-wrapper{flex-direction:row-reverse}.message-quick-actions{display:none;align-items:center;gap:2px;flex-shrink:0}.message-wrapper:hover .message-quick-actions{display:flex}.message-quick-action{width:24px;height:24px;border-radius:50%;border:none;background:#1e293be6;color:#e2e8f0;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,transform .1s;box-shadow:0 1px 3px #0003}.message-quick-action:hover{background:#3b82f6b3;transform:scale(1.1)}.message-reactions-popup{position:absolute;bottom:100%;left:0;margin-bottom:4px;display:flex;gap:2px;padding:4px 6px;background:#1e293bfa;border-radius:16px;border:1px solid rgba(148,163,184,.15);box-shadow:0 4px 12px #0006;z-index:100000;pointer-events:auto;flex-wrap:wrap;white-space:normal;max-width:min(320px,calc(100vw - 120px))}.message-row.own .message-reactions-popup{left:auto;right:0}.message-reaction-btn{background:transparent;border:none;padding:2px 4px;font-size:18px;cursor:pointer;border-radius:4px;transition:background .1s,transform .15s;line-height:1}.message-reaction-btn:hover{background:#ffffff26;transform:scale(1.25)}.message-reply-preview{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#3b82f626;border-left:3px solid #3b82f6;margin-bottom:8px}.message-reply-info{display:flex;flex-direction:column;gap:2px;overflow:hidden;flex:1}.message-reply-label{font-size:11px;color:#3b82f6;font-weight:600}.message-reply-text{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-reply-cancel{background:transparent;border:none;color:var(--text-muted);font-size:18px;cursor:pointer;padding:2px 6px;border-radius:4px;transition:background .15s,color .15s}.message-reply-cancel:hover{background:#ffffff1a;color:var(--text)}.message-reply-ref{padding:4px 8px;margin-bottom:4px;background:#0000001a;border-left:2px solid rgba(59,130,246,.6);border-radius:4px;font-size:12px;color:var(--text-muted);cursor:pointer}.message-reply-ref:hover{background:#0003}.more-btn{background:#10141b;border:1px solid var(--border);color:var(--text);border-radius:10px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;margin-right:8px}.more-tools-popover{position:absolute;bottom:calc(100% + 6px);left:0;display:flex;flex-direction:column;gap:6px;background:var(--card-bg);border:1px solid var(--border);border-radius:10px;padding:8px;box-shadow:0 10px 30px #00000059}.tool-btn{background:#10141b;border:1px solid var(--border);color:var(--text);border-radius:10px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center}.message-input-area{display:flex;padding:2px 8px 1px;background:var(--card-bg);border-top:1px solid var(--border);position:relative;align-items:center;margin-top:4px}.attachment-button,.audio-btn,.file-btn,.call-btn{background:none;border:none;cursor:pointer;margin-right:8px;padding:4px;display:flex;align-items:center;justify-content:center}.chat-input-area{display:flex;align-items:center;flex:1}.chat-input-area input[type=text]{flex:1;padding:5px 11px;border-radius:20px;border:1px solid #ddd;background:var(--background);font-size:15px;margin-right:8px;outline:none;transition:border .2s}.chat-input-area input[type=text]:focus{border:1.5px solid #90caf9;background:var(--text-light)}.send-btn{background:var(--primary-light);color:var(--text-light);border:none;border-radius:20px;padding:4px 14px;font-size:15px;margin-right:8px;cursor:pointer;transition:background .2s}.send-btn:disabled{background:#bdbdbd;cursor:not-allowed}.audio-btn,.video-btn,.file-btn,.call-btn{width:36px;height:36px;border-radius:50%;transition:background .2s}.audio-btn:hover,.video-btn:hover,.file-btn:hover,.call-btn:hover{background:#f0f0f0}.audio-btn.recording,.video-btn.recording{background:#ffeaea}.file-btn{margin-right:8px}.message-input-area input[type=file]{display:none}.composer-mode-toggle{position:relative;display:inline-flex;align-items:center;margin-right:6px}.composer-mode-pill{padding:4px 10px;border-radius:999px;border:1px solid var(--border);background:#0f172ae6;color:var(--text);font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.composer-mode-pill.single.text{background:var(--primary-light);color:var(--text-light);border-color:var(--primary-light)}.composer-mode-pill.single.audio,.composer-mode-pill.single.video{background:#0f172ae6}.composer-mode-icon{display:inline-flex;align-items:center;justify-content:center}.composer-mode-icon svg{width:14px;height:14px}.composer-mode-caret{font-size:10px;opacity:.8}.composer-mode-menu{position:absolute;bottom:calc(100% + 6px);left:0;background:var(--card-bg);border:1px solid var(--border);border-radius:10px;padding:4px;display:flex;flex-direction:column;gap:2px;box-shadow:0 10px 30px #00000059;z-index:5}.composer-mode-menu-item{display:flex;align-items:center;gap:6px;padding:3px 8px;border-radius:8px;border:none;background:transparent;color:var(--text);font-size:12px;cursor:pointer;text-align:left}.composer-mode-menu-item svg{width:14px;height:14px}.composer-mode-menu-item.active,.composer-mode-menu-item:hover{background:#94a3b82e}.chat-input-area.audio-mode,.chat-input-area.video-mode{align-items:stretch}.record-mode{display:flex;flex-direction:column;justify-content:center;width:100%}.record-mode-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.record-mode-title{font-size:12px;opacity:.8}.record-indicator{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--error, #f97373)}.record-dot{width:8px;height:8px;border-radius:999px;background:#f97373;box-shadow:0 0 6px #f87171cc}.record-mode-controls{display:flex;align-items:center;gap:8px}.record-btn{background:#111827;border:1px solid var(--border);color:var(--text);border-radius:999px;padding:4px 12px;font-size:13px;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.record-btn.recording{background:#b91c1c;border-color:#fecaca;color:#fee2e2}.record-mode-main{display:flex;align-items:center;gap:8px;width:100%}.record-visual-bar{flex:1;height:32px;border-radius:20px;background:radial-gradient(circle at 0% 50%,#3b82f699,#0f172af2);border:1px solid rgba(148,163,184,.4);overflow:hidden;display:flex;align-items:center}.record-visual-bar.video{background:radial-gradient(circle at 0% 50%,#60a5fab3,#0f172af2)}.record-wave{display:flex;align-items:flex-end;justify-content:space-between;width:100%;height:100%;padding:0 10px}.wave-bar{width:3px;border-radius:999px;background:#bfdbfee6;height:30%;opacity:.7}.record-visual-bar.active .wave-bar{animation:messenger-wave 1s ease-in-out infinite}.record-visual-bar.active .wave-bar:nth-child(2){animation-delay:.1s}.record-visual-bar.active .wave-bar:nth-child(3){animation-delay:.2s}.record-visual-bar.active .wave-bar:nth-child(4){animation-delay:.3s}.record-visual-bar.active .wave-bar:nth-child(5){animation-delay:.4s}.record-visual-bar.active .wave-bar:nth-child(6){animation-delay:.5s}.record-visual-bar.active .wave-bar:nth-child(7){animation-delay:.6s}@keyframes messenger-wave{0%,to{height:25%;opacity:.5}50%{height:90%;opacity:1}}.ready-cue{flex:1;height:32px;border-radius:20px;background:#22c55e26;border:1px solid rgba(34,197,94,.4);display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;color:#22c55e;font-weight:500}.video-preview{flex:1;max-width:200px;height:112px;border-radius:8px;background:#020617;border:1px solid #1f2937;object-fit:cover}.send-btn.ready{box-shadow:0 0 0 2px #22c55e80;animation:ready-pulse 1.5s ease-in-out infinite}@keyframes ready-pulse{0%,to{box-shadow:0 0 0 2px #22c55e80}50%{box-shadow:0 0 0 4px #22c55e4d}}.clear-btn{background:#94a3b84d;border:none;border-radius:999px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:700;cursor:pointer;margin-right:6px}.clear-btn:disabled{opacity:.4;cursor:not-allowed}.contact-info-view{display:flex;flex-direction:column;height:100%;background:var(--bg-secondary, #1a1a2e);color:var(--text-primary, #fff);overflow:hidden}.contact-info-header{display:flex;flex-direction:row;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .1));background:var(--bg-tertiary, rgba(0, 0, 0, .2))}.contact-info-header .contact-info-back-btn{display:flex;align-items:center;justify-content:center;width:auto;height:auto;position:static;border:none;background:transparent;color:var(--text-primary, rgba(255, 255, 255, .9));cursor:pointer;transition:color .2s,transform .2s;font-size:1rem;padding:0;margin:0}.contact-info-header .contact-info-back-btn:hover{color:var(--primary-color, #4a9eff);transform:translate(-2px)}.contact-info-header h3{margin:0;font-size:1.15rem;font-weight:600}.contact-info-profile{display:flex;flex-direction:column;align-items:center;padding:24px 20px;text-align:center;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .1))}.contact-info-avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid var(--primary-color, #4a9eff);margin-bottom:16px}.contact-info-name{margin:0 0 8px;font-size:1.4rem;font-weight:600}.contact-info-bio{margin:0 0 8px;font-size:.9rem;color:var(--text-secondary, rgba(255, 255, 255, .7));max-width:280px}.contact-info-location,.contact-info-languages{margin:4px 0;font-size:.85rem;color:var(--text-muted, rgba(255, 255, 255, .5))}.contact-info-location span,.contact-info-languages span{margin-right:4px}.contact-info-actions{display:flex;flex-wrap:wrap;gap:10px;padding:16px 20px;justify-content:center;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .1))}.contact-info-actions .action-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;color:var(--text-primary, #fff);background:var(--bg-hover, rgba(255, 255, 255, .1))}.contact-info-actions .action-btn:hover{background:var(--bg-hover-strong, rgba(255, 255, 255, .15))}.contact-info-actions .action-btn.primary{background:var(--primary-color, #4a9eff);color:#fff}.contact-info-actions .action-btn.primary:hover{background:var(--primary-color-hover, #3a8eef)}.contact-info-actions .action-btn.danger{background:#ef444433;color:#ef4444}.contact-info-actions .action-btn.danger:hover{background:#ef44444d}.contact-info-actions .action-btn.unblock{background:#22c55e33;color:#22c55e}.contact-info-actions .action-btn.unblock:hover{background:#22c55e4d}.block-banner{padding:10px 20px;background:#ef444426;color:#ef4444;font-size:.85rem;text-align:center;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .1))}.contact-info-tabs{display:flex;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .1))}.contact-info-tabs .tab-btn{flex:1;padding:12px 16px;border:none;background:transparent;color:var(--text-secondary, rgba(255, 255, 255, .7));font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent}.contact-info-tabs .tab-btn:hover{color:var(--text-primary, #fff);background:var(--bg-hover, rgba(255, 255, 255, .05))}.contact-info-tabs .tab-btn.active{color:var(--primary-color, #4a9eff);border-bottom-color:var(--primary-color, #4a9eff)}.contact-info-content{flex:1;overflow-y:auto;padding:16px 20px}.info-tab .info-description{margin:0;font-size:.9rem;color:var(--text-secondary, rgba(255, 255, 255, .7));line-height:1.5}.media-tab .loading-state,.media-tab .empty-state{text-align:center;padding:32px 16px;color:var(--text-muted, rgba(255, 255, 255, .5));font-size:.9rem}.media-section,.files-section{margin-bottom:24px}.media-section h4,.files-section h4{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:.95rem;font-weight:600;color:var(--text-secondary, rgba(255, 255, 255, .8))}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.media-grid .media-item{aspect-ratio:1;overflow:hidden;border-radius:4px;background:var(--bg-tertiary, rgba(0, 0, 0, .3))}.media-grid .media-item img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.media-grid .media-item:hover img{transform:scale(1.05)}.files-list{list-style:none;margin:0;padding:0}.files-list .file-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:6px;background:var(--bg-tertiary, rgba(0, 0, 0, .2));margin-bottom:6px}.files-list .file-icon{color:var(--text-muted, rgba(255, 255, 255, .5));flex-shrink:0}.files-list .file-link{flex:1;color:var(--text-primary, #fff);text-decoration:none;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.files-list .file-link:hover{text-decoration:underline;color:var(--primary-color, #4a9eff)}.contact-info-safety-section{display:flex;flex-direction:column;gap:10px;padding:16px 20px;margin-top:auto;border-top:1px solid var(--border-color, rgba(255, 255, 255, .1));background:var(--bg-tertiary, rgba(0, 0, 0, .15))}.safety-action-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;background:var(--bg-hover, rgba(255, 255, 255, .08));color:var(--text-primary, #fff)}.safety-action-btn:hover{background:var(--bg-hover-strong, rgba(255, 255, 255, .12))}.safety-action-btn svg{font-size:1rem}.safety-action-btn.danger{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.safety-action-btn.danger:hover{background:#ef444440;border-color:#ef444480}.safety-action-btn.danger svg{color:#ef4444}.safety-action-btn.unblock{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.safety-action-btn.unblock:hover{background:#22c55e40;border-color:#22c55e80}.safety-action-btn.unblock svg{color:#22c55e}.call-overlay{position:fixed;z-index:99999}.call-overlay-incoming,.call-overlay-outgoing,.call-overlay-connecting,.call-overlay-incall{position:fixed;inset:0;background:#0f172afa;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:24px;animation:fadeIn .2s ease}.call-overlay-header{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:linear-gradient(to bottom,rgba(0,0,0,.5),transparent)}.call-type-badge{background:#3b82f64d;color:#93c5fd;padding:6px 12px;border-radius:16px;font-size:13px;font-weight:500}.call-info{display:flex;align-items:center;gap:12px}.call-name{color:#e2e8f0;font-size:15px;font-weight:500}.call-timer{color:#94a3b8;font-size:13px;font-family:monospace}.minimize-btn{width:32px;height:32px;border:none;border-radius:8px;background:#ffffff1a;color:#e2e8f0;font-size:18px;cursor:pointer;transition:background .15s}.minimize-btn:hover{background:#fff3}.call-overlay-caller{display:flex;flex-direction:column;align-items:center;gap:16px}.caller-avatar{width:120px;height:120px;border-radius:50%;overflow:hidden;border:4px solid rgba(59,130,246,.5)}.caller-avatar img{width:100%;height:100%;object-fit:cover}.caller-avatar.ringing{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 #3b82f666}50%{transform:scale(1.05);box-shadow:0 0 0 20px #3b82f600}}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;font-size:40px;font-weight:600}.caller-info{text-align:center}.caller-info h3{margin:0;color:#f1f5f9;font-size:24px;font-weight:600}.caller-info p{margin:8px 0 0;color:#94a3b8;font-size:15px}.call-overlay-actions{display:flex;gap:32px;margin-top:24px}.call-btn{width:64px;height:64px;border:none;border-radius:50%;font-size:24px;cursor:pointer;transition:transform .15s,box-shadow .15s;display:flex;align-items:center;justify-content:center}.call-btn:hover{transform:scale(1.1)}.call-btn.accept{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 4px 20px #22c55e66}.call-btn.reject{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 20px #ef444466}.dismiss-btn{background:transparent;border:1px solid rgba(148,163,184,.3);color:#94a3b8;padding:8px 16px;border-radius:8px;font-size:13px;cursor:pointer;margin-top:16px;transition:background .15s,color .15s}.dismiss-btn:hover{background:#94a3b81a;color:#e2e8f0}.local-preview-outgoing{width:200px;height:150px;border-radius:12px;overflow:hidden;border:2px solid rgba(255,255,255,.2)}.local-preview-outgoing video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.connecting-spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.1);border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.call-overlay-connecting p{color:#94a3b8;font-size:16px;margin:0}.call-overlay-incall{justify-content:flex-start;padding-top:60px}.video-grid{flex:1;width:100%;display:grid;gap:8px;padding:16px;max-height:calc(100vh - 180px)}.video-grid.participants-1{grid-template-columns:1fr}.video-grid.participants-2{grid-template-columns:1fr 1fr}.video-grid.participants-3,.video-grid.participants-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.video-grid.participants-5,.video-grid.participants-6{grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 1fr}.video-tile{position:relative;background:#1e293b;border-radius:12px;overflow:hidden;min-height:200px}.video-tile video{width:100%;height:100%;object-fit:cover}.video-tile.local video{transform:scaleX(-1)}.video-tile.audio-only{display:flex;align-items:center;justify-content:center}.video-tile .audio-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden}.video-tile .audio-avatar img{width:100%;height:100%;object-fit:cover}.video-tile .audio-avatar .avatar-placeholder{font-size:28px}.video-tile-label{position:absolute;bottom:8px;left:8px;background:#0009;color:#e2e8f0;padding:4px 10px;border-radius:6px;font-size:13px}.video-tile.active-speaker{border:3px solid #22c55e;box-shadow:0 0 20px #22c55e66}.speaker-indicator{position:absolute;top:8px;left:8px;width:12px;height:12px;background:#22c55e;border-radius:50%;z-index:10;animation:speakerPulse 1s ease-in-out infinite}@keyframes speakerPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.quality-indicator{display:flex;align-items:center;gap:6px;padding:4px 8px;background:#0006;border-radius:6px}.quality-dot{width:8px;height:8px;border-radius:50%}.quality-details{display:flex;flex-direction:column;gap:2px}.quality-label{font-size:12px;font-weight:500;color:#e2e8f0}.quality-stats{display:flex;gap:8px;font-size:10px;color:#94a3b8}.call-controls{display:flex;align-items:center;justify-content:center;gap:16px;padding:20px;background:#0000004d;border-radius:24px;margin-bottom:24px}.control-btn{width:56px;height:56px;border:none;border-radius:50%;background:#ffffff1a;color:#fff;font-size:24px;cursor:pointer;transition:background .15s,transform .1s;display:flex;align-items:center;justify-content:center}.control-btn:hover{background:#fff3;transform:scale(1.05)}.control-btn.off{background:#ef44444d}.control-btn.end{background:linear-gradient(135deg,#ef4444,#dc2626);transform:rotate(135deg)}.control-btn.end:hover{background:linear-gradient(135deg,#f87171,#ef4444)}.call-overlay-minimized{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:16px;background:#1e293bfa;border:1px solid rgba(148,163,184,.2);border-radius:16px;padding:12px 16px;cursor:pointer;box-shadow:0 8px 32px #0006;animation:slideUp .2s ease;z-index:99999}.call-overlay-minimized:hover{background:#334155fa}.minimized-info{display:flex;align-items:center;gap:10px}.call-type-icon{font-size:18px}.minimized-info .call-name{font-size:14px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.minimized-info .call-timer{font-size:12px}.minimized-controls{display:flex;gap:8px}.mini-control{width:36px;height:36px;border:none;border-radius:50%;background:#ffffff1a;color:#fff;font-size:16px;cursor:pointer;transition:background .15s;display:flex;align-items:center;justify-content:center}.mini-control:hover{background:#fff3}.mini-control.off{background:#ef44444d}.mini-control.end{background:#ef444480}.mini-control.end:hover{background:#ef4444b3}@media (max-width: 768px){.video-grid.participants-2,.video-grid.participants-3,.video-grid.participants-4,.video-grid.participants-5,.video-grid.participants-6{grid-template-columns:1fr}.call-controls{gap:12px;padding:16px}.control-btn{width:48px;height:48px;font-size:20px}.call-overlay-minimized{right:12px;bottom:80px}}.media-settings-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease-out}.media-settings-modal{background:var(--bg-secondary, #1e293b);border-radius:16px;width:90%;max-width:700px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000080;animation:slideUp .2s ease-out;position:relative}.media-settings-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(148,163,184,.1)}.media-settings-header h2{margin:0;font-size:20px;font-weight:600;color:var(--text-primary, #f1f5f9)}.media-settings-close{width:32px;height:32px;border:none;border-radius:8px;background:#94a3b81a;color:var(--text-secondary, #94a3b8);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.media-settings-close:hover{background:#ef444433;color:#ef4444}.media-settings-body{display:flex;flex:1;min-height:0;overflow:hidden}.media-settings-tabs{width:160px;padding:16px 12px;border-right:1px solid rgba(148,163,184,.1);display:flex;flex-direction:column;gap:4px;flex-shrink:0}.media-settings-tab{display:flex;align-items:center;gap:10px;padding:12px 14px;border:none;border-radius:10px;background:transparent;color:var(--text-secondary, #94a3b8);font-size:14px;cursor:pointer;transition:background .15s,color .15s;text-align:left}.media-settings-tab:hover{background:#94a3b81a;color:var(--text-primary, #f1f5f9)}.media-settings-tab.active{background:#3b82f626;color:#3b82f6}.tab-icon{font-size:18px}.tab-label{font-weight:500}.media-settings-content{flex:1;padding:24px;overflow-y:auto}.settings-section h3{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--text-primary, #f1f5f9)}.settings-section h4{margin:16px 0 12px;font-size:14px;font-weight:500;color:var(--text-secondary, #94a3b8)}.settings-section select{width:100%;padding:12px 14px;border:1px solid rgba(148,163,184,.2);border-radius:10px;background:var(--bg-tertiary, #0f172a);color:var(--text-primary, #f1f5f9);font-size:14px;cursor:pointer;transition:border-color .15s}.settings-section select:hover{border-color:#94a3b866}.settings-section select:focus{outline:none;border-color:#3b82f6}.settings-hint{margin:8px 0 0;font-size:12px;color:var(--text-muted, #64748b)}.mic-test-section{margin-top:20px}.mic-level-bar{height:12px;background:var(--bg-tertiary, #0f172a);border-radius:6px;overflow:hidden;margin-bottom:12px}.mic-level-fill{height:100%;background:linear-gradient(90deg,#22c55e,#84cc16,#eab308);border-radius:6px;transition:width .05s ease-out}.test-buttons{display:flex;gap:12px}.test-btn{padding:10px 20px;border:none;border-radius:8px;background:#3b82f626;color:#3b82f6;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s}.test-btn:hover{background:#3b82f640}.test-btn.stop{background:#ef444426;color:#ef4444}.test-btn.stop:hover{background:#ef444440}.test-btn:disabled{opacity:.5;cursor:not-allowed}.camera-preview{margin-top:20px;width:100%;aspect-ratio:4/3;max-height:300px;background:var(--bg-tertiary, #0f172a);border-radius:12px;overflow:hidden;position:relative}.camera-preview video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.camera-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--text-muted, #64748b);font-size:14px}.vb-preview-badge{position:absolute;bottom:12px;left:50%;transform:translate(-50%);padding:6px 12px;background:#000000b3;border-radius:6px;color:#94a3b8;font-size:12px;white-space:nowrap}.vb-mode-selector{display:flex;gap:8px;margin-bottom:20px}.vb-mode-btn{flex:1;padding:12px 16px;border:1px solid rgba(148,163,184,.2);border-radius:10px;background:transparent;color:var(--text-secondary, #94a3b8);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.vb-mode-btn:hover{border-color:#94a3b866;color:var(--text-primary, #f1f5f9)}.vb-mode-btn.active{border-color:#3b82f6;background:#3b82f61a;color:#3b82f6}.blur-strength{margin-bottom:20px}.blur-strength label{display:block;margin-bottom:8px;font-size:14px;color:var(--text-secondary, #94a3b8)}.blur-strength input[type=range]{width:100%;height:6px;border-radius:3px;background:var(--bg-tertiary, #0f172a);appearance:none;cursor:pointer}.blur-strength input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:#3b82f6;cursor:pointer}.vb-section{margin-bottom:20px}.vb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.vb-item{aspect-ratio:16/9;border-radius:10px;overflow:hidden;cursor:pointer;position:relative;border:2px solid transparent;transition:border-color .15s,transform .15s}.vb-item:hover{transform:scale(1.02)}.vb-item.selected{border-color:#3b82f6}.vb-item img{width:100%;height:100%;object-fit:cover}.vb-item span{position:absolute;bottom:0;left:0;right:0;padding:4px 8px;background:linear-gradient(transparent,#000c);color:#fff;font-size:11px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.vb-delete{position:absolute;top:4px;right:4px;width:22px;height:22px;border:none;border-radius:50%;background:#ef4444e6;color:#fff;font-size:14px;cursor:pointer;opacity:0;transition:opacity .15s;display:flex;align-items:center;justify-content:center}.vb-item:hover .vb-delete{opacity:1}.vb-upload{background:var(--bg-tertiary, #0f172a);border:2px dashed rgba(148,163,184,.3);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--text-muted, #64748b);font-size:12px}.vb-upload:hover{border-color:#94a3b880;color:var(--text-secondary, #94a3b8)}.upload-icon{font-size:24px;font-weight:300}.vb-loading{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary, #0f172a);color:var(--text-muted, #64748b);font-size:11px}.toggle-group{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.toggle-item{display:flex;align-items:center;gap:12px;cursor:pointer;color:var(--text-primary, #f1f5f9);font-size:14px}.toggle-item input[type=checkbox]{width:18px;height:18px;accent-color:#3b82f6;cursor:pointer}.diagnostics{background:var(--bg-tertiary, #0f172a);border-radius:10px;padding:16px;margin-bottom:20px}.diagnostics p{margin:0 0 8px;font-size:13px;color:var(--text-secondary, #94a3b8)}.diagnostics p:last-child{margin-bottom:0}.diagnostics strong{color:var(--text-primary, #f1f5f9)}.reset-btn{padding:10px 20px;border:1px solid rgba(239,68,68,.3);border-radius:8px;background:transparent;color:#ef4444;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s}.reset-btn:hover{background:#ef44441a}.media-settings-loading{position:absolute;bottom:20px;right:20px;padding:8px 16px;background:#3b82f6e6;border-radius:8px;color:#fff;font-size:13px}@media (max-width: 600px){.media-settings-modal{width:100%;height:100%;max-height:100%;border-radius:0}.media-settings-body{flex-direction:column}.media-settings-tabs{width:100%;flex-direction:row;overflow-x:auto;padding:12px;border-right:none;border-bottom:1px solid rgba(148,163,184,.1)}.media-settings-tab{flex-direction:column;padding:10px 16px;min-width:fit-content}.tab-label{font-size:11px}.vb-grid{grid-template-columns:repeat(3,1fr)}}.report-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100000}.report-modal{background:var(--bg-secondary, #1a1a2e);border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:12px;width:90%;max-width:480px;max-height:90vh;overflow-y:auto;outline:none;box-shadow:0 20px 60px #0006}.report-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .1))}.report-modal-header h2{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary, #fff);display:flex;align-items:center;gap:10px}.report-modal-header h2 svg{color:#ef4444}.report-modal-header .close-btn{background:transparent;border:none;color:var(--text-muted, rgba(255, 255, 255, .5));cursor:pointer;padding:8px;border-radius:6px;transition:all .2s}.report-modal-header .close-btn:hover{background:#ffffff1a;color:var(--text-primary, #fff)}.report-modal-form{padding:20px}.report-target{margin:0 0 20px;font-size:.95rem;color:var(--text-secondary, rgba(255, 255, 255, .7))}.report-target strong{color:var(--text-primary, #fff)}.form-group label{display:block;margin-bottom:8px;font-size:.9rem;font-weight:500;color:var(--text-secondary, rgba(255, 255, 255, .8))}.form-group select,.form-group textarea{width:100%;padding:12px;background:var(--bg-tertiary, rgba(0, 0, 0, .3));border:1px solid var(--border-color, rgba(255, 255, 255, .15));border-radius:8px;color:var(--text-primary, #fff);font-size:.95rem;font-family:inherit;transition:border-color .2s}.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color, #4a9eff)}.form-group select option{background:var(--bg-secondary, #1a1a2e);color:var(--text-primary, #fff)}.form-group textarea{resize:vertical;min-height:100px}.form-group .char-count{display:block;text-align:right;font-size:.8rem;color:var(--text-muted, rgba(255, 255, 255, .4));margin-top:4px}.error-message{padding:12px;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:.9rem;margin-bottom:16px}.report-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.report-modal-actions button{padding:10px 20px;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.report-modal-actions .btn-secondary{background:transparent;border:1px solid var(--border-color, rgba(255, 255, 255, .2));color:var(--text-secondary, rgba(255, 255, 255, .7))}.report-modal-actions .btn-secondary:hover{background:#ffffff0d;color:var(--text-primary, #fff)}.report-modal-actions .btn-primary{background:var(--primary-color, #4a9eff);border:none;color:#fff}.report-modal-actions .btn-primary:hover{background:var(--primary-color-hover, #3a8eef)}.report-modal-actions .btn-primary.btn-danger{background:#ef4444}.report-modal-actions .btn-primary.btn-danger:hover{background:#dc2626}.report-modal-actions button:disabled{opacity:.5;cursor:not-allowed}.report-modal-success{padding:40px 20px;text-align:center}.report-modal-success .success-icon{width:60px;height:60px;border-radius:50%;background:#22c55e33;color:#22c55e;font-size:28px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.report-modal-success h3{margin:0 0 12px;font-size:1.2rem;color:var(--text-primary, #fff)}.report-modal-success p{margin:0 0 24px;font-size:.95rem;color:var(--text-secondary, rgba(255, 255, 255, .7));line-height:1.5}.report-modal-success .btn-primary{padding:12px 32px;background:var(--primary-color, #4a9eff);border:none;border-radius:8px;color:#fff;font-size:.95rem;font-weight:500;cursor:pointer;transition:background .2s}.report-modal-success .btn-primary:hover{background:var(--primary-color-hover, #3a8eef)}:root{--header-height: 70px;--header-offset: 18px}.auth-main-header{display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:70px;background:linear-gradient(135deg,var(--card-bg) 60%,var(--surface-light) 100%);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-radius:var(--border-radius-lg);border:2.5px solid var(--accent);outline:2px solid var(--primary-light);outline-offset:4px;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-card);transition:background var(--transition-normal),box-shadow var(--transition-normal)}[data-theme=light] .auth-main-header{background:linear-gradient(135deg,var(--card-bg) 60%,var(--surface-light) 100%);border:1px solid var(--border);outline:none;box-shadow:var(--shadow-md)}.auth-header-inner{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto}.auth-header-left{display:flex;align-items:center}.auth-header-left h1{font-size:1.5rem;margin:0;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.04em;text-shadow:var(--neon-glow);font-family:Orbitron,Segoe UI,Arial,sans-serif}.auth-header-left .brand-logo-img{display:block;object-fit:contain;filter:drop-shadow(0 0 8px rgba(56,189,248,.6)) drop-shadow(0 0 2px rgba(255,255,255,.35))}[data-theme=light] .auth-header-left h1{background:var(--gradient-primary);color:var(--primary-light);text-shadow:none}[data-theme=light] .auth-header-left .brand-logo-img{filter:drop-shadow(0 0 8px rgba(56,189,248,.7)) drop-shadow(0 0 2px rgba(0,0,0,.18))}.auth-header-right{display:flex;align-items:center;gap:20px}.auth-header-actions{display:flex;gap:15px}.auth-messenger-button,.auth-notification-button,.auth-settings-button{all:unset;box-sizing:border-box;position:relative;background:var(--glass-bg);border:2px solid var(--primary-light);color:var(--text-light);cursor:pointer;padding:0!important;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast),box-shadow var(--transition-fast),border var(--transition-fast);box-shadow:0 0 8px var(--primary-light)}[data-theme=light] .auth-messenger-button,[data-theme=light] .auth-notification-button,[data-theme=light] .auth-settings-button{background:var(--glass-bg);border:1px solid var(--border);color:var(--text);box-shadow:var(--shadow-sm)}.auth-messenger-button:hover,.auth-notification-button:hover,.auth-settings-button:hover{background:var(--primary-light);color:var(--neon);border-color:var(--neon);box-shadow:0 0 16px 2px var(--neon)}.auth-user-profile{position:relative;display:flex;align-items:center;margin-left:20px}.auth-user-avatar-wrapper{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 12px;border-radius:var(--border-radius-lg);transition:all var(--transition-fast);border:2px solid transparent}.auth-user-avatar-wrapper:hover{background:var(--glass-bg);border-color:var(--primary-light)}.auth-dropdown-chevron{color:var(--primary-light);transition:transform .2s}.auth-user-avatar-wrapper:hover .auth-dropdown-chevron{transform:translateY(2px)}.auth-user-info{text-align:right;margin-right:10px}.auth-user-name{font-weight:600;display:block;color:var(--neon);text-shadow:var(--neon-glow);font-family:Orbitron,Segoe UI,Arial,sans-serif}[data-theme=light] .auth-user-name{color:var(--primary-light);text-shadow:0 0 8px #38bdf8,0 0 16px #38bdf8}.auth-user-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,var(--primary-light) 60%,var(--surface-light) 100%);border:2px solid var(--neon);display:flex;align-items:center;justify-content:center;box-shadow:0 0 12px #38bdf821}.auth-user-avatar img{width:100%;height:100%;object-fit:cover}.auth-avatar-placeholder{color:#fff;font-weight:700;font-size:18px;text-shadow:var(--neon-glow)}.auth-logout-button{background:var(--glass-bg);color:var(--text-light);border:2px solid var(--primary-light);padding:6px 12px;border-radius:var(--border-radius-sm);cursor:pointer;transition:background var(--transition-fast),box-shadow var(--transition-fast),border var(--transition-fast);font-family:Orbitron,Segoe UI,Arial,sans-serif;font-weight:700;letter-spacing:.03em;box-shadow:0 0 8px var(--primary-light)}.auth-logout-button:hover{background:var(--primary-light);color:var(--neon);border-color:var(--neon);box-shadow:0 0 16px 2px var(--neon)}.auth-dropdown-overlay{position:fixed;inset:0;z-index:998}.auth-user-dropdown{position:absolute;top:calc(100% + 10px);right:0;min-width:260px;background:var(--card-bg, #1e293b);border:2px solid var(--primary-light, #38bdf8);border-radius:var(--border-radius-lg, 12px);box-shadow:0 8px 24px #0006,0 0 12px var(--primary-light, #38bdf8);z-index:999;overflow:hidden;animation:dropdownSlideIn .2s ease}[data-theme=light] .auth-user-dropdown{background:var(--card-bg, #ffffff);box-shadow:0 8px 24px #00000026,0 0 12px #38bdf84d}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.auth-dropdown-header{padding:16px;background:var(--surface-light, #0f172a);border-bottom:1px solid var(--border-color, #334155)}[data-theme=light] .auth-dropdown-header{background:var(--surface-light, #f8fafc);border-bottom:1px solid var(--border-light, #e2e8f0)}.auth-dropdown-header .auth-user-name{display:block;font-size:1rem;font-weight:600;color:var(--text-primary, #f1f5f9);margin-bottom:4px;font-family:Orbitron,Segoe UI,Arial,sans-serif}[data-theme=light] .auth-dropdown-header .auth-user-name{color:var(--text-primary, #1e293b)}.auth-user-email{display:block;font-size:.875rem;color:var(--text-secondary, #94a3b8)}[data-theme=light] .auth-user-email{color:var(--text-secondary, #64748b)}.auth-dropdown-divider{height:1px;background:var(--border-color, #334155);margin:8px 0}[data-theme=light] .auth-dropdown-divider{background:var(--border-light, #e2e8f0)}.auth-dropdown-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;min-height:44px;background:transparent;border:none;color:var(--text-light, #cbd5e1);font-size:.9375rem;cursor:pointer;transition:all var(--transition-fast);text-align:left}[data-theme=light] .auth-dropdown-item{color:var(--text-secondary, #475569)}.auth-dropdown-item:hover{background:var(--glass-bg, rgba(56, 189, 248, .1));color:var(--primary-light, #38bdf8)}[data-theme=light] .auth-dropdown-item:hover{background:#38bdf814;color:var(--primary-light, #38bdf8)}.auth-dropdown-item svg{flex-shrink:0}.auth-dropdown-item span{flex:1}.auth-theme-toggle-item{justify-content:flex-start}.auth-theme-toggle-item:hover{cursor:default;background:transparent;color:var(--text-light, #cbd5e1)}[data-theme=light] .auth-theme-toggle-item:hover{color:var(--text-secondary, #475569)}.auth-user-dropdown .auth-theme-toggle-item{position:relative;overflow:hidden}.auth-user-dropdown .auth-theme-toggle-item span{flex:0 0 auto}.auth-user-dropdown .auth-theme-toggle-item svg:first-child{opacity:.9}.auth-user-dropdown .auth-theme-toggle-item .theme-toggle-btn{margin-left:8px;width:1.85rem;height:1.85rem;border-radius:9999px;background:transparent;border:1px solid var(--border-color, #334155);color:var(--text-light, #cbd5e1);box-shadow:none}[data-theme=light] .auth-user-dropdown .auth-theme-toggle-item .theme-toggle-btn{border-color:var(--border-light, #e2e8f0);color:var(--text-secondary, #475569)}.auth-user-dropdown .auth-theme-toggle-item .theme-toggle-btn:hover{background:var(--glass-bg, rgba(56, 189, 248, .08));color:var(--primary-light, #38bdf8);border-color:var(--primary-light, #38bdf8)}.auth-logout-item:hover{background:#ef44441a;color:#ef4444}[data-theme=light] .auth-logout-item:hover{background:#ef444414;color:#dc2626}.notificationBadge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;border-radius:50%;padding:2px 6px;font-size:.75rem;font-weight:700;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 8px #ef444480}.messengerBadge{position:absolute;top:-4px;right:-4px;background:#22c55e;color:#fff;border-radius:50%;padding:2px 6px;font-size:.75rem;font-weight:700;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 8px #22c55e80}[data-theme=light] .auth-user-name{color:var(--text);text-shadow:none}[data-theme=light] .auth-user-email{color:var(--text-muted)}[data-theme=light] .auth-logout-button{background:var(--glass-bg);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-sm)}[data-theme=light] .auth-main-header{border:2px solid var(--border)}[data-theme=light] .auth-user-dropdown,[data-theme=light] .auth-notifications-dropdown{background:var(--surface);border:2px solid var(--border);box-shadow:var(--shadow-lg)}[data-theme=light] .auth-dropdown-item{color:var(--text)}[data-theme=light] .auth-dropdown-item:hover{background:var(--surface-light)}[data-theme=light] .auth-main-header{background:linear-gradient(135deg,#fff,#f8fafc,#fff) \!important;border-bottom:2px solid rgba(203,213,225,.8) \!important;box-shadow:0 4px 24px #0f172a14,0 2px 12px #0f172a0a \!important}[data-theme=light] .auth-header-left{padding:8px 12px \!important;border-radius:12px \!important;transition:all .2s ease \!important}[data-theme=light] .auth-header-left:hover{background:#2563eb0d \!important}[data-theme=light] .auth-messenger-button,[data-theme=light] .auth-notification-button,[data-theme=light] .auth-settings-button{background:#fff \!important;border:2px solid #e2e8f0 \!important;border-radius:10px \!important;color:var(--text) \!important;box-shadow:0 2px 8px #0f172a0a \!important;transition:all .2s ease \!important}[data-theme=light] .auth-messenger-button:hover,[data-theme=light] .auth-notification-button:hover,[data-theme=light] .auth-settings-button:hover{background:linear-gradient(135deg,#2563eb14,#3b82f60d) \!important;border-color:var(--accent) \!important;box-shadow:0 4px 16px #2563eb26,0 2px 8px #2563eb14 \!important;transform:translateY(-2px) \!important;color:var(--accent) \!important}[data-theme=light] .auth-user-dropdown{background:#fff \!important;border:2px solid rgba(203,213,225,.8) \!important;border-radius:12px \!important;box-shadow:0 12px 48px #0f172a1f,0 6px 24px #0f172a14 \!important}[data-theme=light] .auth-user-info{border-bottom:2px solid #e2e8f0 \!important;padding:16px \!important}[data-theme=light] .auth-user-name{color:var(--text) \!important;font-weight:700 \!important}[data-theme=light] .auth-user-email{color:var(--text-muted) \!important;font-size:.85rem \!important}[data-theme=light] .auth-dropdown-item{color:var(--text) \!important;padding:12px 16px \!important;border-radius:8px \!important;margin:4px 8px \!important;transition:all .2s ease \!important}[data-theme=light] .auth-dropdown-item:hover{background:linear-gradient(135deg,#2563eb1a,#3b82f60f) \!important;color:var(--accent) \!important;transform:translate(4px) \!important}[data-theme=light] .auth-role-selector,[data-theme=light] .role-dropdown{background:#fff \!important;border:2px solid #cbd5e1 \!important;border-radius:10px \!important;padding:8px 16px \!important;color:var(--text) \!important;box-shadow:0 2px 8px #0f172a0a \!important;font-weight:600 \!important}[data-theme=light] .auth-role-selector:hover,[data-theme=light] .role-dropdown:hover{border-color:var(--accent) \!important;box-shadow:0 4px 16px #2563eb26 \!important}.theme-toggle-btn{background:var(--card-bg);color:var(--accent);border:1.5px solid var(--accent);border-radius:50%;padding:.4em;font-size:1.2rem;cursor:pointer;transition:background .2s,color .2s,border .2s;margin-left:.5em;display:flex;align-items:center;justify-content:center;width:2.4em;height:2.4em}.theme-toggle-btn:hover{background:var(--accent);color:var(--card-bg)}[data-theme=light] .theme-toggle-btn{background:var(--surface-light);border:1px solid var(--border);color:var(--text);box-shadow:var(--shadow-sm)}[data-theme=light] .theme-toggle-btn:hover{background:var(--surface);box-shadow:var(--shadow-md)}.notifications-panel{position:absolute;top:60px;right:20px;width:520px;max-height:600px;padding:22px 0 0;border-radius:24px;background:#0a1226e0;box-shadow:0 10px 32px 0 var(--shadow-card, rgba(0,0,0,.3)),0 0 32px 8px var(--primary-neon, #38bdf8);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:2.5px solid var(--primary-neon, #38bdf8);z-index:100;overflow:visible;animation:slideDown .3s ease-out;display:flex;flex-direction:column}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.notifications-header{display:flex;flex-direction:column;padding:0;margin:0;border-bottom:1px solid var(--border-light, #3a3f50);position:relative;min-height:56px;box-sizing:border-box}.notifications-header h3{margin:0;color:var(--text-light, var(--border-light));font-size:18px}.close-button,.notification-settings-btn.top-left{background:none;border:none;color:var(--text-muted, #8a94a6);font-family:inherit;font-weight:700;font-size:22px;line-height:1;vertical-align:middle;cursor:pointer;transition:color .3s;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;position:absolute;top:14px;left:auto;right:auto;box-sizing:border-box;box-shadow:none;padding:0}.close-button span{position:relative;top:-1px;display:inline-block}.close-button{right:14px}.notification-settings-btn.top-left{left:14px;color:var(--primary-neon, #38bdf8)}.notification-settings-btn.top-left{position:absolute;left:18px;top:10px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--primary-neon, #38bdf8);font-size:22px;border-radius:50%;z-index:24;transition:background .2s,color .2s}.notification-settings-btn.top-left{position:absolute;left:12px;top:10px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--primary-neon, #38bdf8);font-size:22px;border-radius:50%;z-index:24;transition:background .2s,color .2s;background:#0a1226e0;box-shadow:0 10px 32px 0 var(--shadow-card, rgba(0,0,0,.3)),0 0 32px 8px var(--primary-neon, #38bdf8);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:2.5px solid var(--primary-neon, #38bdf8);z-index:100;overflow:hidden;animation:slideDown .3s ease-out}.notifications-list{max-height:400px;overflow-y:auto}.notification-item{display:flex;padding:15px 20px;border-bottom:1px solid var(--border-light, #3a3f50);transition:background .3s,box-shadow .2s,border-left .2s;background:#161e30b8;border-left:5px solid transparent;border-radius:12px;box-shadow:0 2px 8px #00ffff12;margin-bottom:.7rem;cursor:pointer}.notification-item.unread{background:linear-gradient(90deg,#00ffff29,#161e30d9);border-left:5px solid var(--neon, #38bdf8);box-shadow:0 0 16px var(--neon, #38bdf8)}.notification-item:focus,.notification-item:hover{background:linear-gradient(90deg,var(--primary-light, #7ef9ff),rgba(22,30,48,.92));box-shadow:0 0 24px var(--neon, #38bdf8);outline:none;border-left:5px solid var(--primary-light, #7ef9ff)}.toggle-read-btn{background:transparent;border:none;color:var(--primary-light, #7ef9ff);margin-left:1rem;cursor:pointer;font-size:1.1rem;transition:color .2s,text-shadow .2s}.toggle-read-btn:hover{color:var(--neon, #38bdf8);text-shadow:0 0 8px var(--neon, #38bdf8)}.delete-notification-btn{background:transparent;border:none;color:#ff1b6b;margin-left:.7rem;cursor:pointer;font-size:1.1rem;transition:color .2s,text-shadow .2s}.delete-notification-btn:hover{color:#fff;text-shadow:0 0 8px #ff1b6b}.notification-icon{margin-right:1.2rem;display:flex;align-items:center;justify-content:center;background:#00ffff14;border-radius:50%;width:38px;height:38px;box-shadow:0 0 8px var(--neon, #38bdf8)}.notification-icon.message{background-color:#4caf5033;color:#4caf50}.notification-icon.reminder{background-color:#ff980033;color:#ff9800}.notification-icon.system{background-color:#2196f333;color:#2196f3}.notification-content{flex:1}.notification-title{font-weight:700;color:var(--primary-light, #7ef9ff);font-size:1.08rem;margin-bottom:2px;letter-spacing:.01em;text-shadow:0 0 8px var(--neon, #38bdf8)}.notification-text{color:var(--text-muted, #8a94a6);font-size:14px;margin-bottom:5px}.notification-time{color:#b6eaff;font-size:.97rem;opacity:.8;margin-top:4px}.notificationBadge{position:absolute;top:-8px;right:-8px;background:linear-gradient(90deg,#38bdf8,#7ef9ff);color:#10131a;border-radius:50%;padding:3px 9px;font-size:.92rem;box-shadow:0 0 12px #38bdf8;font-weight:700;border:2px solid #fff;z-index:2;text-shadow:0 0 8px #38bdf8;color:var(--text-muted, #8a94a6);font-size:12px}.no-notifications{padding:30px 20px;text-align:center;color:var(--text-muted, #8a94a6)}.notifications-footer{display:flex;justify-content:space-between;padding:15px 20px;border-top:1px solid var(--border-light, #3a3f50)}.mark-all-read,.view-all{background:none;border:none;color:var(--primary, #6e8efb);font-size:14px;cursor:pointer;transition:color .3s}.mark-all-read:hover,.view-all:hover{color:var(--primary-light, #a777e3);text-decoration:underline}.notifications-delete-all{background:#b91c1c;color:#fee2e2;border-radius:999px;padding:8px 16px;font-weight:600;text-decoration:none}.notifications-delete-all:hover{background:#7f1d1d;color:#fef2f2}.notification-tabs{display:flex;flex-wrap:nowrap;gap:12px;padding:0 8px;justify-content:flex-start;align-items:center;flex:1;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;height:40px;min-height:40px;box-sizing:border-box;margin:0}.notification-tabs::-webkit-scrollbar{display:none}.notification-tab{background:linear-gradient(120deg,var(--glass-bg, #19233a) 60%,var(--primary-dark, #0f1a2b) 100%);border:2px solid var(--primary-neon, #38bdf8);color:var(--primary-neon, #38bdf8);font-weight:700;padding:7px 22px;border-radius:999px;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s;position:relative;outline:none;font-size:1.08rem;box-shadow:0 0 10px var(--primary-neon, #38bdf8) inset,0 2px 12px 0 var(--shadow-card, #0ff3);letter-spacing:.01em;margin-bottom:2px}.notification-tab.active,.notification-tab:focus,.notification-tab:hover{background:linear-gradient(120deg,var(--primary-neon, #38bdf8) 60%,var(--accent, #7ef9ff) 100%);color:var(--text-light, #fff);box-shadow:0 0 24px 4px var(--primary-neon, #38bdf8),0 0 8px 2px var(--accent, #7ef9ff);border-color:var(--accent, #7ef9ff);z-index:2}.notification-tabs-row{display:flex;align-items:center;gap:6px;width:100%;max-width:100%;justify-content:flex-start;margin-bottom:0;position:relative;height:40px;overflow:visible;box-sizing:border-box;padding:0;z-index:5;background:transparent}.tab-scroll-arrow{background:linear-gradient(120deg,var(--glass-bg, #19233a) 60%,var(--primary-dark, #0f1a2b) 100%);border:2px solid var(--primary-neon, #38bdf8);color:var(--primary-neon, #38bdf8);font-weight:900;font-size:1.3rem;font-family:Arial,sans-serif;line-height:1;width:30px;height:30px;min-width:30px;min-height:30px;max-width:30px;max-height:30px;border-radius:50%;cursor:pointer;transition:all .18s;display:flex;align-items:center;justify-content:center;flex-shrink:0;flex-grow:0;text-align:center;padding:0;margin:0;position:relative;top:-2px;z-index:10;box-sizing:border-box}.tab-scroll-arrow:hover:not(.disabled){background:linear-gradient(120deg,var(--primary-neon, #38bdf8) 60%,var(--accent, #7ef9ff) 100%);color:var(--text-light, #fff);box-shadow:0 0 16px 2px var(--primary-neon, #38bdf8)}.tab-scroll-arrow.disabled{opacity:.3;cursor:not-allowed;border-color:var(--text-muted, #8a94a6);color:var(--text-muted, #8a94a6)}.notification-settings-btn{background:linear-gradient(120deg,var(--glass-bg, #19233a) 60%,var(--primary-dark, #0f1a2b) 100%);border:2px solid var(--primary-neon, #38bdf8);color:var(--primary-neon, #38bdf8);font-size:1.2rem;width:32px;height:32px;border-radius:50%;cursor:pointer;transition:all .18s;display:flex;align-items:center;justify-content:center;flex-shrink:0;animation:settings-pulse 2s infinite alternate}.notification-settings-btn:hover{background:linear-gradient(120deg,var(--primary-neon, #38bdf8) 60%,var(--accent, #7ef9ff) 100%);color:var(--text-light, #fff);box-shadow:0 0 16px 2px var(--primary-neon, #38bdf8);animation:none}@keyframes settings-pulse{0%{box-shadow:0 0 8px 1px var(--primary-neon, #38bdf8)}to{box-shadow:0 0 16px 3px var(--primary-neon, #38bdf8)}}.tab-icon{margin-right:6px;font-size:1.1rem;display:inline-block}.panel-title-row{display:flex;align-items:center;justify-content:center;margin-bottom:20px;position:relative;height:32px;z-index:20;padding-right:46px}.notification-panel-title{margin:0;color:var(--text-light, #fff);font-size:1.2rem;font-weight:700;letter-spacing:.01em;text-align:center;text-shadow:0 0 12px var(--primary-neon, #38bdf8);flex:1}.notification-settings-btn.top-left{background:linear-gradient(120deg,var(--glass-bg, #19233a) 60%,var(--primary-dark, #0f1a2b) 100%);border:2px solid var(--primary-neon, #38bdf8);color:var(--primary-neon, #38bdf8);font-size:1.1rem;width:28px;height:28px;border-radius:50%;cursor:pointer;transition:all .18s;display:flex;align-items:center;justify-content:center;animation:settings-pulse 2s infinite alternate;position:relative;top:2px}.notification-settings-btn.top-left:hover{background:linear-gradient(120deg,var(--primary-neon, #38bdf8) 60%,var(--accent, #7ef9ff) 100%);color:var(--text-light, #fff);box-shadow:0 0 16px 2px var(--primary-neon, #38bdf8);animation:none}.notification-search-bar{margin:18px 0 10px;display:flex;align-items:center;gap:8px;width:100%;padding:0 12px;box-sizing:border-box}.notification-search-bar input[type=text]{flex:1;background:#142236cc;border:2px solid var(--primary-neon, #38bdf8);border-radius:999px;padding:10px 16px;box-sizing:border-box;color:var(--text-light, #fff);font-size:1.09rem;outline:none;box-shadow:0 0 10px var(--primary-neon, #38bdf8) inset;transition:border .2s,box-shadow .2s;font-weight:600;letter-spacing:.01em}.notification-search-bar input[type=text]:focus{border:2.5px solid var(--accent, #7ef9ff);box-shadow:0 0 18px var(--primary-neon, #38bdf8) inset}.notification-clear-search{background:none;border:none;color:var(--primary-neon, #38bdf8);font-size:1.3rem;cursor:pointer;border-radius:50%;padding:4px 9px;transition:background .18s,color .18s}.notification-clear-search:hover,.notification-clear-search:focus{background:var(--glass-bg, #19233a);color:var(--accent, #7ef9ff)}.notification-badge-glow{position:absolute;top:-13px;right:-13px;min-width:22px;height:22px;background:linear-gradient(120deg,var(--primary-neon, #38bdf8) 60%,var(--accent, #7ef9ff) 100%);color:var(--text-light, #fff);border-radius:50%;box-shadow:0 0 16px 4px var(--primary-neon, #38bdf8),0 0 4px 2px var(--accent, #7ef9ff);font-size:1.08rem;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid var(--glass-bg, #19233a);z-index:10;animation:badge-pulse 1.2s infinite alternate}@keyframes badge-pulse{0%{box-shadow:0 0 12px 2px var(--primary-neon, #38bdf8),0 0 2px 1px var(--accent, #7ef9ff)}to{box-shadow:0 0 32px 8px var(--primary-neon, #38bdf8),0 0 12px 6px var(--accent, #7ef9ff)}}.notification-settings-panel{max-height:430px;overflow-y:auto;overscroll-behavior:contain;background:linear-gradient(135deg,#0a1226f2,#0f1a2bf2);border:2px solid var(--primary-neon, #38bdf8);border-radius:16px;padding:20px;margin:16px 0 0;box-shadow:0 0 24px 4px var(--primary-neon, #38bdf8) inset,0 4px 16px 0 var(--shadow-card, rgba(0,0,0,.3));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:settings-slide-in .3s ease-out}@keyframes settings-slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-settings-panel h4{margin:0 0 16px;color:var(--text-light, #fff);font-size:1.15rem;font-weight:700;text-align:center;text-shadow:0 0 8px var(--primary-neon, #38bdf8)}.settings-section{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(56,189,248,.2)}.settings-section:last-of-type{border-bottom:none;margin-bottom:16px}.settings-section h5{margin:0 0 12px;color:var(--primary-neon, #38bdf8);font-size:1.05rem;font-weight:600;letter-spacing:.01em}.setting-checkbox{display:flex;align-items:center;gap:10px;margin-bottom:8px;color:var(--text-light, #fff);font-size:.95rem;cursor:pointer;padding:6px 0;transition:color .2s}.setting-checkbox:hover{color:var(--accent, #7ef9ff)}.setting-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary-neon, #38bdf8);cursor:pointer}.settings-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.settings-btn{background:linear-gradient(120deg,var(--glass-bg, #19233a) 60%,var(--primary-dark, #0f1a2b) 100%);border:2px solid var(--primary-neon, #38bdf8);color:var(--primary-neon, #38bdf8);font-weight:600;font-size:.9rem;padding:8px 16px;border-radius:999px;cursor:pointer;transition:all .18s;letter-spacing:.01em}.settings-btn:hover{background:linear-gradient(120deg,var(--primary-neon, #38bdf8) 60%,var(--accent, #7ef9ff) 100%);color:var(--text-light, #fff);box-shadow:0 0 12px 2px var(--primary-neon, #38bdf8)}.settings-btn.export:hover{border-color:#10b981;box-shadow:0 0 12px 2px #10b981}.settings-btn.import:hover{border-color:#f59e0b;box-shadow:0 0 12px 2px #f59e0b}.settings-btn.reset:hover{border-color:#ef4444;box-shadow:0 0 12px 2px #ef4444}.notification-preview-panel{background:linear-gradient(135deg,#0a1226f2,#0f1a2bf2);border:2px solid var(--primary-neon, #38bdf8);border-radius:16px;margin:16px 0 0;box-shadow:0 0 24px 4px var(--primary-neon, #38bdf8) inset,0 4px 16px 0 var(--shadow-card, rgba(0,0,0,.3));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:preview-slide-in .3s ease-out;overflow:hidden}@keyframes preview-slide-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.preview-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(56,189,248,.2);background:linear-gradient(90deg,#38bdf81a,#7ef9ff0d)}.back-to-list-btn{background:none;border:2px solid var(--primary-neon, #38bdf8);color:var(--primary-neon, #38bdf8);font-weight:600;font-size:.9rem;padding:6px 12px;border-radius:999px;cursor:pointer;transition:all .18s;display:flex;align-items:center;gap:4px}.back-to-list-btn:hover{background:var(--primary-neon, #38bdf8);color:var(--text-light, #fff);box-shadow:0 0 12px 2px var(--primary-neon, #38bdf8)}.preview-header h4{margin:0;color:var(--text-light, #fff);font-size:1.1rem;font-weight:700;text-shadow:0 0 8px var(--primary-neon, #38bdf8)}.preview-content{display:flex;gap:16px;padding:20px;align-items:flex-start}.preview-icon-large{background:#38bdf81a;border:2px solid var(--primary-neon, #38bdf8);border-radius:12px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;flex-shrink:0;box-shadow:0 0 16px 2px var(--primary-neon, #38bdf8)}.preview-info{flex:1}.preview-title{margin:0 0 8px;color:var(--text-light, #fff);font-size:1.2rem;font-weight:700;line-height:1.3}.preview-message{margin:0 0 16px;color:var(--text-muted, #8a94a6);font-size:1rem;line-height:1.5}.preview-metadata{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.preview-type,.preview-time,.preview-status{background:#38bdf81a;border:1px solid rgba(56,189,248,.3);border-radius:999px;padding:4px 12px;font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:4px}.preview-type{color:var(--primary-neon, #38bdf8);text-transform:capitalize}.preview-time{color:var(--accent, #7ef9ff)}.preview-status.read{color:#10b981;border-color:#10b9814d;background:#10b9811a}.preview-status.unread{color:#f59e0b;border-color:#f59e0b4d;background:#f59e0b1a}.preview-actions{margin-top:12px}.preview-link-btn{background:linear-gradient(120deg,var(--primary-neon, #38bdf8) 60%,var(--accent, #7ef9ff) 100%);color:var(--text-light, #fff);text-decoration:none;font-weight:600;font-size:.9rem;padding:8px 16px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;transition:all .18s;box-shadow:0 0 12px 2px var(--primary-neon, #38bdf8)}.preview-link-btn:hover{transform:translateY(-1px);box-shadow:0 0 20px 4px var(--primary-neon, #38bdf8)}.preview-footer{display:flex;gap:12px;padding:16px 20px;border-top:1px solid rgba(56,189,248,.2);background:linear-gradient(90deg,#38bdf80d,#7ef9ff05);justify-content:center}.preview-action-btn{background:linear-gradient(120deg,var(--glass-bg, #19233a) 60%,var(--primary-dark, #0f1a2b) 100%);border:2px solid var(--primary-neon, #38bdf8);color:var(--primary-neon, #38bdf8);font-weight:600;font-size:.9rem;padding:8px 16px;border-radius:999px;cursor:pointer;transition:all .18s;min-width:120px}.preview-action-btn:hover{background:linear-gradient(120deg,var(--primary-neon, #38bdf8) 60%,var(--accent, #7ef9ff) 100%);color:var(--text-light, #fff);box-shadow:0 0 12px 2px var(--primary-neon, #38bdf8)}.preview-action-btn.delete:hover{border-color:#ef4444;box-shadow:0 0 12px 2px #ef4444}@media (max-width: 768px){.notifications-panel{width:calc(100% - 40px);right:10px}}[data-theme=light] .notifications-panel{background:var(--surface);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid var(--border-light)}[data-theme=light] .notifications-header{border-bottom:2px solid var(--border)}[data-theme=light] .notifications-header h3{color:var(--text)}[data-theme=light] .close-button,[data-theme=light] .notification-settings-btn.top-left{color:var(--text-muted)}[data-theme=light] .close-button:hover,[data-theme=light] .notification-settings-btn.top-left:hover{color:var(--text);background:var(--surface-light)}[data-theme=light] .notification-item{background:var(--surface);border:1px solid var(--border);color:var(--text)}[data-theme=light] .notification-item:hover{background:var(--surface-light);border-color:var(--border-light)}[data-theme=light] .notification-item .notification-title{color:var(--text)}[data-theme=light] .notification-item .notification-message{color:var(--text-secondary)}[data-theme=light] .notification-item .notification-time{color:var(--text-muted)}[data-theme=light] .notification-item button{background:var(--button-bg);color:var(--button-text);border:none}[data-theme=light] .notification-item button:hover{background:var(--button-hover)}[data-theme=light] .notifications-panel button{background:var(--button-bg) \!important;color:var(--button-text) \!important;border:1px solid transparent \!important}[data-theme=light] .notifications-panel button:hover{background:var(--button-hover) \!important}[data-theme=light] .notifications-panel .notifications-delete-all{background:#ef4444 \!important;color:#ffffff \!important;border-color:transparent \!important}[data-theme=light] .notifications-panel .notifications-delete-all:hover{background:#b91c1c \!important}[data-theme=light] .notification-item button{background:var(--button-bg) \!important;color:var(--button-text) \!important}[data-theme=light] .notification-item button.secondary,[data-theme=light] .notification-item button.dismiss{background:var(--surface) \!important;color:var(--text) \!important;border:2px solid var(--border) \!important}[data-theme=light] .notification-item button.secondary:hover,[data-theme=light] .notification-item button.dismiss:hover{background:var(--surface-light) \!important;border-color:var(--border-light) \!important}[data-theme=light] .close-button,[data-theme=light] .notification-settings-btn.top-left{background:transparent \!important;color:var(--text) \!important;border:none \!important}[data-theme=light] .close-button:hover,[data-theme=light] .notification-settings-btn.top-left:hover{background:var(--surface-light) \!important;color:var(--text) \!important}.toast{display:flex;align-items:center;gap:12px;border-radius:var(--border-radius-md);padding:14px 22px;font-size:1.05rem;font-family:Orbitron,Segoe UI,Arial,sans-serif;box-shadow:var(--shadow-md);position:fixed;bottom:32px;right:32px;z-index:4000;min-width:220px;max-width:340px;border:2px solid transparent;animation:toast-in .3s cubic-bezier(.4,0,.2,1)}@keyframes toast-in{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.toast-icon{font-size:1.3rem;margin-right:6px}.toast-success{background:#e6f9ed;color:#1a7f4f;border-color:var(--success)}.toast-error{background:#ffeaea;color:#c60055;border-color:var(--error)}.toast-warning{background:#fff7e6;color:#fb8c00;border-color:var(--warning)}.toast-info{background:#e6f0fa;color:#2563eb;border-color:var(--info)}.toast-close{background:none;border:none;color:var(--text-muted);font-size:1.3rem;cursor:pointer;margin-left:auto;transition:color var(--transition-fast)}.toast-close:hover,.toast-close:focus{color:var(--error);outline:none}@media (max-width: 600px){.toast{bottom:12px;right:12px;min-width:0;max-width:98vw;padding:10px 8px;font-size:.98rem}}.settings-modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.settings-modal{background-color:var(--card-bg, #2a2f3e);border-radius:var(--border-radius-md, 8px);width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg, 0 10px 25px rgba(0, 0, 0, .3));animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 16px;border-bottom:1px solid var(--border-light, #3a3f50);position:relative}.settings-header h2{margin:0;color:var(--text-light, var(--border-light));font-size:22px}.close-button{background:none;border:none;color:var(--text-muted, #8a94a6);font-size:24px;cursor:pointer;transition:color .3s;position:absolute;right:12px;top:12px;line-height:1;z-index:2}.close-button:hover{color:var(--text-light, var(--border-light))}.settings-content{display:flex;flex-direction:column}.settings-tabs{display:flex;border-bottom:1px solid var(--border-light, #3a3f50)}.tab-button{background:none;border:none;padding:15px 20px;color:var(--text-muted, #8a94a6);font-size:16px;cursor:pointer;transition:all .3s;position:relative}.tab-button:hover{color:var(--text-light, var(--border-light))}.tab-button.active{color:var(--primary, #6e8efb)}.tab-button.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:var(--primary, #6e8efb)}.settings-panel{padding:20px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:var(--text-light, var(--border-light));font-weight:500}.form-group input,.form-group select{width:100%;padding:10px 15px;border-radius:var(--border-radius-sm, 4px);border:1px solid var(--border-light, #3a3f50);background-color:#ffffff0d;color:var(--text-light, var(--border-light));font-size:15px}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary, #6e8efb);box-shadow:0 0 0 2px #6e8efb33}.checkbox-group{margin-bottom:15px}.checkbox-group label{display:flex;align-items:center;color:var(--text-light, var(--border-light));cursor:pointer}.radio-group{display:grid;grid-auto-rows:minmax(24px,auto);row-gap:10px;justify-items:start}.radio-group>label{display:inline-grid;grid-template-columns:20px 1fr;align-items:center;column-gap:10px;color:var(--text-light, var(--border-light));margin-bottom:0}.radio-group input[type=radio]{margin:0;width:18px;height:18px;justify-self:start;align-self:center}.checkbox-group input[type=checkbox]{margin-right:10px;width:18px;height:18px;accent-color:var(--primary, #6e8efb)}.form-actions{margin-top:30px;display:flex;justify-content:flex-end}.save-button{background:var(--gradient-primary, linear-gradient(135deg, #6e8efb, #a777e3));color:#fff;border:none;padding:10px 20px;border-radius:var(--border-radius-sm, 4px);font-weight:600;cursor:pointer;transition:all .3s ease}.save-button:hover{background:var(--gradient-hover, linear-gradient(135deg, #5d7df9, #9665e0));transform:translateY(-2px)}@media (max-width: 768px){.settings-tabs{flex-direction:column;border-bottom:none}.tab-button{text-align:left;border-bottom:1px solid var(--border-light, #3a3f50)}.tab-button.active:after{display:none}.tab-button.active{background-color:#6e8efb1a}}[data-theme=light] .settings-modal-overlay{background-color:#0f172a66}[data-theme=light] .settings-modal{background-color:var(--surface);box-shadow:var(--shadow-lg);border:1px solid var(--border)}[data-theme=light] .settings-header{border-bottom:1px solid var(--border)}[data-theme=light] .settings-header h2{color:var(--text)}[data-theme=light] .close-button{color:var(--text-muted)}[data-theme=light] .close-button:hover{color:var(--text)}[data-theme=light] .settings-tabs{border-bottom:1px solid var(--border)}.home-section{width:100%;margin:0;padding:20px;box-sizing:border-box}.welcome-banner{background:var(--card-bg);border-radius:12px;padding:30px;margin-bottom:30px;color:#fff;box-shadow:0 4px 8px #0003}.welcome-banner h1{margin-top:0;margin-bottom:10px;font-size:28px}.welcome-banner p{margin:0;opacity:.9;font-size:16px}.social-feed,.course-progress,.course-card{background:var(--card-bg);border-radius:12px;padding:20px;margin-bottom:30px;box-shadow:0 4px 8px #0000001a}.social-feed h2{margin-top:0;margin-bottom:20px;font-size:20px;color:#fff}@media (max-width: 900px){.home-section{position:relative}.mobile-composer-fab{display:inline-flex;position:fixed;bottom:24px;right:24px;z-index:100;width:56px;height:56px}}.create-post{margin-bottom:20px;position:relative}.create-post textarea{width:100%;height:100px;padding:15px;border-radius:8px;border:1px solid #3a3f50;background-color:#2a2e3d;color:#fff;resize:none;font-family:inherit;box-sizing:border-box}.create-post textarea:focus{outline:none;border-color:#7c4dff}.post-button{background-color:var(--primary-light, #7c4dff);color:var(--button-text, #fff);border:none;border-radius:6px;padding:8px 14px;cursor:pointer;font-weight:500;transition:background-color .2s ease,transform .15s ease;display:inline-flex;align-items:center;gap:6px}.post-button:hover{background-color:var(--primary, #6a3de8);transform:translateY(-1px)}.feed-posts{display:flex;flex-direction:column;gap:20px}.feed-context-banner{width:100%;min-height:80px;background-size:cover;background-position:center;border-radius:12px 12px 0 0;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:16px 20px;margin:-20px -20px 0;position:relative}.banner-context-top{display:flex;align-items:center;gap:10px;z-index:1}.banner-pill{display:inline-block;background:#ffffff40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(255,255,255,.3);flex-shrink:0}.banner-name{color:#fff;font-size:18px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3);line-height:1.2;position:relative;z-index:2;cursor:pointer}.banner-name-link{text-decoration:none;color:inherit;display:inline-block;transition:transform .2s ease}.banner-name-link:hover .banner-name{text-decoration:underline;opacity:.9}.post-header{display:flex;align-items:center;gap:12px;padding:16px 20px}.post-avatar .social-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.post-info{flex:1}.post-info .social-author-name{margin:0;font-size:15px;font-weight:600;color:var(--text-primary, #e2e8f0)}.post-info .post-date{margin:2px 0 0;font-size:13px;color:var(--text-muted, #94a3b8)}.author-name-link{text-decoration:none;color:inherit}.author-name-link:hover .social-author-name{text-decoration:underline}.repost-indicator{display:flex;align-items:center;padding:8px 20px;font-size:13px;color:var(--text-muted, #94a3b8);border-bottom:1px solid rgba(148,163,184,.1)}.course-progress{background-color:var(--card-bg);border-radius:12px;padding:20px;box-shadow:0 4px 8px #0000001a}.course-progress h2{margin-top:0;margin-bottom:20px;font-size:20px;color:#fff}.course-card{background-color:#2a2e3d;border-radius:8px;padding:20px;min-height:100px;display:flex;align-items:center;justify-content:center;color:#9e9e9e}.feed-card{background:var(--surface, var(--card-bg));border:1px solid var(--border-light, rgba(255,255,255,.16));border-radius:12px;padding:16px;box-shadow:var(--shadow-sm, 0 3px 10px rgba(0,0,0,.18))}.feed-card.social-post-card{border-width:2px;border-style:solid;border-color:#22b7ff;box-shadow:0 8px 20px #00000073;overflow:visible;position:relative}.feed-card+.feed-card{margin-top:16px}.feed-card-header{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding-bottom:10px;margin-bottom:12px;border-bottom:1px solid var(--border-light, rgba(255,255,255,.08))}.feed-card-header-left{display:flex;align-items:center;gap:12px;flex:1 1 auto}.feed-card-header-right{margin-left:auto;text-align:right}.feed-author-block{display:flex;align-items:center;gap:10px}.avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid var(--border-light, rgba(255,255,255,.08));background:var(--surface, #1f2435);flex-shrink:0;display:block}.feed-author{font-weight:700;color:var(--text-light, #ffffff);font-size:1.06rem;cursor:pointer;transition:color .2s ease}.feed-author:hover{color:var(--primary-light, #7c4dff)}.feed-card-header>*{line-height:1.25}.feed-context{font-weight:800;color:var(--primary, #a3d3ff);font-size:1.28rem}.feed-context .pill{display:inline-block;padding:2px 8px;border-radius:999px;background:#7c4dff47;color:#fff;margin-right:6px;font-size:.85rem}.feed-date{color:var(--text-muted, #9aa0a6);font-size:.9rem}.feed-avatar-row{display:flex;align-items:center;gap:10px;margin-top:10px;width:100%;position:relative;z-index:0}.feed-author-row{display:flex;flex-direction:row;align-items:center;gap:12px;width:100%;margin-top:8px}.feed-author-left{display:flex;align-items:center;gap:12px}.feed-author-left .avatar{margin-top:6px}.feed-author-right{display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;width:100%!important}.feed-author-meta{display:flex;flex-direction:column;gap:2px;align-items:flex-start;text-align:left}.feed-time{color:var(--text-muted, #9aa0a6);font-size:.9rem}.feed-content{color:var(--text, #e0e6f0);line-height:1.5;margin:8px 0}.feed-media{margin:8px 0}.feed-media img,.feed-media video{max-width:100%;border-radius:8px}.embed-responsive{position:relative;width:100%;padding-bottom:56.25%;border-radius:8px;overflow:hidden;margin-top:8px}.embed-responsive iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.doc-preview{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--border-light, rgba(255,255,255,.12));background:var(--surface-alt, rgba(255,255,255,.04));border-radius:8px}.doc-title{color:var(--text);font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-embed a{color:var(--accent, #4a90e2);text-decoration:underline;word-break:break-all}.feed-actions{display:flex;gap:8px;align-items:center;margin-top:8px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:42px;height:36px;padding:6px 10px;border-radius:8px;border:1px solid var(--border-light, rgba(255,255,255,.12));background:var(--surface-alt, rgba(255,255,255,.04));color:var(--text, #e0e6f0);cursor:pointer;transition:background .18s ease,color .18s ease,transform .15s ease,box-shadow .15s ease}.icon-btn:hover{background:var(--primary-light, #7c4dff);color:var(--button-text, #fff);transform:translateY(-1px);box-shadow:var(--shadow-sm, 0 2px 8px rgba(0,0,0,.15))}.icon-btn svg{font-size:1rem}.count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;font-size:.78rem;font-weight:600;background:var(--glass-bg, rgba(255,255,255,.08));color:var(--text-muted, #9aa0a6)}.feed-footer{display:flex;gap:16px;color:var(--text-muted, #9aa0a6);font-size:.95rem;margin-top:10px}@media (max-width: 768px){.welcome-banner{padding:20px}}[data-theme=light] .welcome-banner{background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-sm)}[data-theme=light] .social-feed,[data-theme=light] .course-progress,[data-theme=light] .course-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm)}[data-theme=light] .social-feed h2,[data-theme=light] .course-progress h2,[data-theme=light] .course-card h2,[data-theme=light] .course-card h3{color:var(--text)}[data-theme=light] .create-post textarea{background-color:var(--input-bg);border:1px solid var(--input-border);color:var(--text)}[data-theme=light] .create-post textarea:focus{border-color:var(--input-focus);box-shadow:0 0 0 3px #2563eb1a}[data-theme=light] .post-button{background-color:var(--accent);color:var(--button-text)}[data-theme=light] .post-button:hover{background-color:var(--primary-dark)}[data-theme=light] .feed-post{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm)}[data-theme=light] .feed-post .post-header,[data-theme=light] .feed-post .post-content,[data-theme=light] .feed-post .post-footer,[data-theme=light] .feed-post .post-author{color:var(--text)}[data-theme=light] .feed-post .post-timestamp{color:var(--text-muted)}[data-theme=light] .home-section button,[data-theme=light] .social-feed button,[data-theme=light] .feed-post button,[data-theme=light] .create-post button,[data-theme=light] .course-progress button{background:var(--button-bg) \!important;color:var(--button-text) \!important}[data-theme=light] .home-section button.secondary,[data-theme=light] .social-feed button.secondary,[data-theme=light] .feed-post button[class*=dismiss],[data-theme=light] .feed-post button[class*=cancel]{background:var(--surface) \!important;color:var(--text) \!important;border:2px solid var(--border) \!important}[data-theme=light] .reaction-button,[data-theme=light] .share-button,[data-theme=light] .comment-button{background:transparent \!important;color:var(--text) \!important;border:1px solid var(--border) \!important}[data-theme=light] .reaction-button:hover,[data-theme=light] .share-button:hover,[data-theme=light] .comment-button:hover{background:var(--surface-light) \!important;border-color:var(--border-light) \!important}.social-card{background:var(--card-bg);border-radius:16px;box-shadow:var(--shadow-sm, 0 8px 24px rgba(0, 0, 0, .18));padding:24px;width:100%;box-sizing:border-box}.social-composer{background:var(--surface, rgba(23, 27, 41, .8));border-radius:14px;border:1px solid var(--border, rgba(255, 255, 255, .08));padding:20px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow-sm)}.social-composer-sticky{position:sticky;top:calc(var(--header-height, 70px) + var(--header-offset, 18px) + 8px);z-index:3}.social-composer textarea,.social-composer-input{width:100%;min-height:110px;border-radius:10px;border:1px solid var(--primary-light, #7c4dff);background:var(--input-bg, rgba(28, 31, 48, .95));color:var(--text, #f2f4ff);padding:14px 16px;font-size:1rem;font-family:inherit;resize:vertical;box-sizing:border-box}.social-composer textarea:focus,.social-composer-input:focus{outline:none;border-color:var(--primary, #6a3de8);box-shadow:0 0 0 2px #7c4dff40}.social-composer-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-start}.social-media-preview{border:1px solid var(--border-light, rgba(255, 255, 255, .08));border-radius:12px;padding:12px;background:var(--surface-muted, rgba(17, 21, 33, .85))}.social-media-preview img,.social-media-preview video{width:100%;border-radius:10px;margin-bottom:8px}.social-composer button.social-submit-btn,.social-submit-btn{background:var(--primary-light, #7c4dff);color:var(--button-text, #fff);border:none;border-radius:999px;padding:10px 20px;font-weight:600;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.social-submit-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #7c4dff59}.social-posts-list{display:flex;flex-direction:column;gap:18px;margin-top:24px}.social-post-card{background:var(--surface, rgba(16, 20, 30, .95));border-radius:16px;border:1px solid var(--border-light, rgba(255, 255, 255, .08));padding:20px;box-shadow:var(--shadow-sm)}.social-post-header{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border-light, rgba(255, 255, 255, .08));padding-bottom:10px;margin-bottom:12px;position:relative}.social-author-block{display:flex;align-items:center;gap:12px;flex:1}.social-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid var(--border-light, rgba(255, 255, 255, .12));background:var(--surface-muted, rgba(24, 28, 43, .9))}.social-author-meta{display:flex;flex-direction:column;gap:4px}.social-author-name{font-weight:600;color:var(--text, #f4f6ff);font-size:1rem}.social-post-date{font-size:.85rem;color:var(--text-muted, rgba(244, 246, 255, .65))}.social-author-meta a{color:inherit;text-decoration:none}.social-author-meta a:hover .social-author-name{color:var(--primary-light, #7c4dff)}.social-post-content{color:var(--text, #f4f6ff);line-height:1.55;margin-bottom:12px;white-space:pre-wrap}.social-post-media img,.social-post-media video,.social-post-media iframe{width:100%;border-radius:12px;margin-top:10px;border:1px solid var(--border-light, rgba(255, 255, 255, .08))}.social-embed-row{display:flex;gap:10px;align-items:center;width:100%}.social-embed-row input{flex:1}.social-embed-row .social-composer-input{min-height:40px;padding-top:10px;padding-bottom:10px}.social-post-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}.social-icon-btn,.social-post-actions .icon-btn{background:#7c4dff14;border:1px solid rgba(124,77,255,.35);border-radius:14px;color:var(--primary-light, #7c4dff);padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:1rem;cursor:pointer;transition:background .2s ease,transform .15s ease,border-color .2s ease}.social-icon-btn.icon-only,.social-post-actions .icon-btn.icon-only{width:52px;height:52px;padding:0;border-radius:14px;justify-content:center;gap:0}.social-icon-btn.icon-only svg,.social-post-actions .icon-btn.icon-only svg{font-size:1.3rem}.social-icon-btn svg,.social-post-actions .icon-btn svg{fill:currentColor}.social-icon-btn:hover,.social-post-actions .icon-btn:hover{background:#7c4dff33;border-color:#7c4dff99;transform:translateY(-1px)}.social-icon-btn .count-badge,.social-post-actions .count-badge{background:transparent;padding:0;font-weight:600;color:inherit}.social-post-stats{display:flex;align-items:center;gap:16px;font-size:.85rem;color:var(--text-muted, rgba(244, 246, 255, .7));margin-top:8px}.social-context-banner{width:100%;border-radius:16px 16px 10px 10px;padding:18px;background-size:cover;background-position:center;color:#fff;margin:-20px -20px 16px;position:relative;overflow:hidden}.social-context-pills{display:flex;align-items:center;gap:10px;margin-bottom:14px}.social-context-pill{background:#ffffff4d;border-radius:999px;padding:4px 12px;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600}.social-context-name{font-size:1.2rem;font-weight:700}.social-context-author{display:flex;align-items:center;gap:12px}.social-context-avatar{width:54px;height:54px;border:2px solid rgba(255,255,255,.45);border-radius:50%;object-fit:cover}.social-context-meta{display:flex;flex-direction:column;gap:2px}.social-context-date{font-size:.85rem;color:#ffffffd9}.social-kebab-btn{background:#1e293bb3;border:1px solid rgba(148,163,184,.35);color:#e2e8f0!important;width:32px;height:32px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .16s ease,color .16s ease,transform .12s ease,border-color .16s ease;font-size:18px;font-weight:700;line-height:1}.social-kebab-btn svg,.social-kebab-btn svg path{width:16px!important;height:16px!important;fill:#e2e8f0!important;color:#e2e8f0!important;stroke:none}.social-kebab-btn:hover{background:#4f46e566;color:#fff!important;border-color:#7c4dff80;transform:translateY(-1px)}.social-kebab-btn:hover svg,.social-kebab-btn:hover svg path{fill:#fff!important;color:#fff!important}.social-kebab-btn:focus{outline:none}.social-kebab-menu{position:absolute;top:32px;right:0;min-width:190px;background:#0f172afa;border-radius:10px;border:1px solid rgba(148,163,184,.55);box-shadow:0 20px 45px #0f172ae6;padding:6px 0 8px;z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.social-kebab-item{width:100%;padding:8px 16px;border:none;background:transparent;color:var(--text, #e5e7eb);font-size:.9rem;text-align:left;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .18s ease,color .18s ease}.social-kebab-item:hover{background:#4f46e538}.social-kebab-danger-label{padding:4px 16px 2px;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#f87171e6;opacity:.9}.social-kebab-item.danger{margin-top:4px;border-top:1px solid rgba(248,113,113,.6);background:#b91c1c;color:#fee2e2}.social-kebab-item.danger:hover{background:#7f1d1d;color:#fef2f2}@media (max-width: 640px){.social-composer,.social-post-card{padding:16px}.social-avatar{width:48px;height:48px}.social-post-actions{justify-content:space-between}}@media (max-width: 700px){.forum-comment-modal{padding:1rem}}.composer-launcher-gutter{position:fixed;left:max(16px,calc((100vw - var(--page-content-max-width, 1000px)) / 2 - 88px));top:calc(var(--header-height, 70px) + var(--page-shell-padding, 30px) + 20px);width:64px;display:flex;justify-content:center;align-items:flex-start;z-index:10}.composer-launcher-btn{width:58px;height:58px;border-radius:999px;border:2px solid var(--primary-light, #7c4dff);background:radial-gradient(circle at 30% 0,#7c4dfff2,#0f172af2);color:var(--button-text, #fff);font-size:1.4rem;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 22px #7c4dffcc;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .2s ease}.composer-launcher-btn:hover{transform:translateY(-1px) scale(1.04);box-shadow:0 0 24px #7c4dfff2}.composer-launcher-btn:active{transform:translateY(0) scale(.97);box-shadow:0 0 12px #7c4dff99}.docked-composer-overlay{position:fixed;inset:0;background:#00000073;z-index:1000;display:flex;align-items:flex-start;justify-content:flex-start;padding:calc(var(--header-height, 70px) + 24px) 0 24px 0}.docked-composer-panel{position:relative;margin-left:max(20px,calc((100vw - var(--page-content-max-width, 1000px)) / 2 - 88px));width:640px;max-width:calc(100vw - 40px);max-height:75vh;display:flex;flex-direction:column;background:var(--card-bg, #232336);border:2px solid var(--primary-light, #7c4dff);border-radius:18px;box-shadow:0 12px 48px #7c4dff66,0 0 32px #7c4dff40;animation:docked-composer-enter .28s cubic-bezier(.34,1.56,.64,1);transform-origin:top left}@keyframes docked-composer-enter{0%{opacity:0;transform:scale(.3) translate(-20px)}60%{opacity:1;transform:scale(1.02) translate(0)}to{opacity:1;transform:scale(1) translate(0)}}.docked-composer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid var(--border-light, rgba(255, 255, 255, .1))}.docked-composer-title{font-weight:700;font-size:1.15rem;color:var(--text-light, #fff)}.docked-composer-close{background:transparent;border:none;color:var(--text-muted, #9aa0a6);font-size:1.25rem;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .15s,color .15s}.docked-composer-close:hover{background:#ffffff14;color:var(--text-light, #fff)}.docked-composer-body{flex:1 1 auto;overflow-y:auto;padding:20px 22px}.docked-composer-body .social-composer-input{width:100%;min-height:140px;resize:vertical;border-radius:12px;border:1px solid var(--border-light, #3a3f50);background:var(--surface, #181d2f);color:var(--text, #f1f5f9);padding:16px;font-size:1.05rem;line-height:1.5;box-sizing:border-box}.docked-composer-body .social-composer-input:focus{outline:none;border-color:var(--primary-light, #7c4dff);box-shadow:0 0 0 2px #7c4dff33}.docked-composer-body .social-media-preview{margin-top:12px;border-radius:10px;overflow:hidden}.docked-composer-body .social-media-preview img,.docked-composer-body .social-media-preview video{max-width:100%;max-height:200px;border-radius:8px}.docked-composer-actions{display:flex;align-items:center;gap:12px;padding:16px 22px;border-top:1px solid var(--border-light, rgba(255, 255, 255, .1))}.docked-composer-actions .social-submit-btn{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:10px 18px;background:var(--primary-light, #7c4dff);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .15s,transform .15s}.docked-composer-actions .social-submit-btn:hover:not(:disabled){background:var(--primary, #6a3de8);transform:translateY(-1px)}.docked-composer-actions .social-submit-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 900px){.docked-composer-overlay{align-items:center;justify-content:center;padding:20px}.docked-composer-panel{margin-left:0;width:100%;max-width:520px;max-height:85vh;transform-origin:center center}.composer-launcher-gutter{display:none}}.mobile-composer-fab{display:none}@media (max-width: 900px){.mobile-composer-fab{display:inline-flex;position:fixed;bottom:24px;right:24px;z-index:100;width:56px;height:56px}}.lingua-snaps-row{background:var(--card-bg, rgba(20, 24, 36, .95));border-radius:16px;padding:16px;margin-bottom:20px;border:1px solid var(--border-color, rgba(255, 255, 255, .1))}.lingua-snaps-row-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.lingua-snaps-row-header-left{display:flex;align-items:baseline;gap:12px;min-width:0}.lingua-snaps-row-header h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary, #f4f6ff)}.lingua-snaps-subtitle{font-size:.85rem;color:var(--text-muted, rgba(255, 255, 255, .5))}.lingua-snaps-row-content{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;padding:4px 0;scrollbar-width:thin;align-items:flex-start}.lingua-snaps-row-content::-webkit-scrollbar{height:6px}.lingua-snaps-row-content::-webkit-scrollbar-track{background:transparent}.lingua-snaps-row-content::-webkit-scrollbar-thumb{background:var(--primary-color, #7c4dff);border-radius:3px}.lingua-snaps-loading,.lingua-snaps-empty{color:var(--text-muted, rgba(255, 255, 255, .5));font-size:.9rem;padding:20px;text-align:center;width:100%}.lingua-snap-create-tile{width:100px;height:150px;border-radius:12px;overflow:hidden;cursor:pointer;flex-shrink:0;padding:0;background:none;box-sizing:border-box}button.lingua-snap-create-tile.snap-create-placeholder{padding:0;border-radius:12px;background:transparent!important;border:2px dashed var(--border-color, rgba(255, 255, 255, .2))!important;box-shadow:none!important;filter:none!important;box-sizing:border-box}button.lingua-snap-create-tile.snap-create-placeholder:hover,button.lingua-snap-create-tile.snap-create-placeholder:focus,button.lingua-snap-create-tile.snap-create-placeholder:active{background:transparent!important;box-shadow:0 10px 24px #7c4dff2e!important;filter:none!important}.lingua-snap-tile{display:flex;flex-direction:column;align-items:center;gap:0;background:none;border:none;cursor:pointer;padding:0;width:100px;height:150px;flex-shrink:0;transition:transform .2s ease;position:relative;box-sizing:border-box}button.lingua-snap-tile{background:transparent!important;border:none!important;box-shadow:none!important;filter:none!important}.lingua-snap-tile-media{position:absolute;inset:0;border-radius:12px;overflow:hidden;box-sizing:border-box;background:var(--card-bg-secondary, rgba(30, 35, 50, .8));border:none;outline:none;box-shadow:0 10px 22px #00000059,0 0 0 1px #ffffff1a}.lingua-snap-tile:hover .lingua-snap-tile-media{box-shadow:0 12px 26px #0000006b,0 0 0 1px #7c4dff8c}.lingua-snap-tile-overlay{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;justify-content:space-between;padding:8px;pointer-events:none}.lingua-snap-tile-overlay-top,.lingua-snap-tile-overlay-bottom{display:flex;align-items:center;justify-content:center}.lingua-snap-tile-name{width:100%;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 8px;text-align:center;font-size:.75rem;font-weight:600;color:#fffffff2;text-shadow:0 2px 8px rgba(0,0,0,.65)}.lingua-snap-tile-time{font-size:.72rem;font-weight:600;color:#fffffff2;text-shadow:0 2px 8px rgba(0,0,0,.65);background:#00000073;padding:2px 8px;border-radius:999px}.lingua-snap-tile:hover{transform:translateY(-2px)}.lingua-snap-tile:focus{outline:none}.lingua-snap-create{background:var(--card-bg-secondary, rgba(30, 35, 50, .8));border-radius:12px;padding:12px}.lingua-snap-create-icon{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color, #7c4dff) 0%,var(--primary-dark, #651fff) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem}.lingua-snap-create-label{font-size:.8rem;color:var(--text-primary, #f4f6ff);font-weight:500}.lingua-snap-ring-container{position:relative}.lingua-snap-preview{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.05) contrast(1.05)}.lingua-snap-ring{width:76px;height:76px;border-radius:50%;padding:3px;background:linear-gradient(135deg,#f093fb,#f5576c,#7c4dff)}.lingua-snap-ring.has-preview{position:absolute;width:44px;height:44px;padding:2px;top:28px;left:8px;z-index:2}.lingua-snap-ring.multiple{background:linear-gradient(135deg,#7c4dff,#f5576c,#f093fb);animation:ring-pulse 2s ease-in-out infinite}@keyframes ring-pulse{0%,to{opacity:1}50%{opacity:.8}}.lingua-snap-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid var(--card-bg, #141824)}.lingua-snap-ring.has-preview .lingua-snap-avatar{border-width:2px}.lingua-snap-count{position:absolute;bottom:-4px;right:-4px;background:var(--primary-color, #7c4dff);color:#fff;font-size:.7rem;font-weight:600;padding:2px 6px;border-radius:10px;border:2px solid var(--card-bg, #141824)}.lingua-snap-tile-media .lingua-snap-count{bottom:8px;right:8px}.lingua-snap-name{font-size:.75rem;color:var(--text-primary, #f4f6ff);max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lingua-snap-time{font-size:.65rem;color:var(--text-muted, rgba(255, 255, 255, .5))}.lingua-snap-viewer-overlay{position:fixed;inset:0;background:#000000f2;z-index:10000;display:flex;align-items:center;justify-content:center}.lingua-snap-viewer{position:relative;width:100%;max-width:420px;height:100%;max-height:90vh;background:#000;border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.lingua-snap-close{position:absolute;top:16px;right:16px;background:#00000080;border:none;color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100;transition:background .2s}.lingua-snap-viewer .lingua-snap-close{background:#00000080!important;border:none!important;padding:0!important;box-shadow:none!important;filter:none!important;color:#fff!important}.lingua-snap-close:hover{background:#000000b3}.lingua-snap-progress-container{display:flex;gap:4px;padding:12px 16px 8px;position:absolute;top:0;left:0;right:0;z-index:50}.lingua-snap-progress-bar{flex:1;height:3px;background:#ffffff4d;border-radius:2px;overflow:hidden}.lingua-snap-progress-fill{height:100%;background:#fff;transition:width .1s linear}.lingua-snap-header{display:flex;align-items:center;gap:12px;padding:48px 16px 12px;background:linear-gradient(to bottom,rgba(0,0,0,.6),transparent);position:absolute;top:0;left:0;right:0;z-index:40}.lingua-snap-header-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid white}.lingua-snap-header-info{flex:1}.lingua-snap-header-name{color:#fff;font-weight:600;font-size:.95rem}.lingua-snap-header-time{color:#ffffffb3;font-size:.8rem}.lingua-snap-header-controls{display:flex;gap:8px}.lingua-snap-control-btn{background:#0000004d;border:none;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.lingua-snap-viewer .lingua-snap-control-btn{background:#0000004d!important;border:none!important;padding:0!important;box-shadow:none!important;filter:none!important;color:#fff!important;width:32px!important;height:32px!important;border-radius:50%!important}.lingua-snap-control-btn:hover{background:#00000080}.lingua-snap-control-btn svg{color:#fff;fill:currentColor;stroke:currentColor;width:18px;height:18px;display:block}.lingua-snap-close svg{color:#fff!important;fill:currentColor!important;stroke:currentColor!important;font-size:20px;width:20px;height:20px;display:block}.lingua-snap-video-container{flex:1;position:relative;display:flex;align-items:center;justify-content:center;background:#000;cursor:pointer}.lingua-snap-video{width:100%;height:100%;object-fit:contain}.lingua-snap-loading,.lingua-snap-error{color:#fff;text-align:center;padding:20px}.lingua-snap-nav-area{position:absolute;top:100px;bottom:100px;width:80px;display:flex;align-items:center;justify-content:center;background:transparent!important;box-shadow:none!important;filter:none!important;color:#ffffffd9;font-size:1.5rem;cursor:pointer;transition:color .2s;z-index:5;-webkit-user-select:none;user-select:none}.lingua-snap-nav-area svg{background:transparent!important;display:block;color:#fffffff2!important;fill:currentColor!important;stroke:currentColor!important;width:22px;height:22px;padding:10px;border-radius:999px;background:#00000073!important;border:1px solid rgba(255,255,255,.22);box-shadow:0 10px 24px #00000059;filter:none}.lingua-snap-nav-area.disabled{opacity:.28;cursor:default}.lingua-snap-nav-area:hover{color:#fff}.lingua-snap-nav-area.left{left:0}.lingua-snap-nav-area.right{right:0}.lingua-snap-caption{position:absolute;bottom:100px;left:16px;right:16px;background:#0009;color:#fff;padding:12px 16px;border-radius:12px;font-size:.95rem;line-height:1.4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lingua-snap-footer{background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:16px;position:absolute;bottom:0;left:0;right:0;z-index:40}.lingua-snap-actions{display:flex;align-items:center;gap:16px}.lingua-snap-action-btn{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;gap:6px;transition:transform .2s}.lingua-snap-viewer .lingua-snap-action-btn{background:transparent!important;border:none!important;padding:0!important;box-shadow:none!important;filter:none!important;color:#fff!important}.lingua-snap-action-btn svg{width:18px;height:18px;display:block;fill:currentColor}.lingua-snap-reaction-group{position:relative;display:flex;align-items:center}.lingua-snap-reaction-picker{position:absolute;bottom:44px;left:0;display:flex;gap:8px;padding:10px;border-radius:999px;background:#000000bf;border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lingua-snap-reaction-pick{width:34px;height:34px;border-radius:50%;border:none;background:#ffffff14;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.lingua-snap-viewer .lingua-snap-reaction-pick{border:none!important;padding:0!important;box-shadow:none!important;filter:none!important;color:#fff!important}.lingua-snap-reaction-pick:hover{background:#ffffff24}.lingua-snap-reaction-pick.active{background:#ff4d6d38;color:#ff4d6d}.lingua-snap-action-btn:hover{transform:scale(1.1)}.lingua-snap-action-btn.active{color:#ff4d6d}.lingua-snap-action-btn span{font-size:.85rem}.lingua-snap-view-count{margin-left:auto;display:flex;align-items:center;gap:6px;color:#ffffffb3;font-size:.85rem}.lingua-snap-comments{margin-top:16px;max-height:200px;display:flex;flex-direction:column}.lingua-snap-comments-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.lingua-snap-comment{display:flex;gap:10px;align-items:flex-start}.lingua-snap-comment-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.lingua-snap-comment-content{flex:1}.lingua-snap-comment-author{color:#fff;font-weight:600;font-size:.85rem;margin-right:8px}.lingua-snap-comment-text{color:#ffffffe6;font-size:.85rem}.lingua-snap-no-comments{color:#ffffff80;font-size:.85rem;text-align:center;padding:16px}.lingua-snap-comment-form{display:flex;gap:8px}.lingua-snap-comment-form input{flex:1;background:#ffffff1a;border:none;border-radius:20px;padding:10px 16px;color:#fff;font-size:.9rem}.lingua-snap-comment-form input::placeholder{color:#ffffff80}.lingua-snap-comment-form button{background:var(--primary-color, #7c4dff);border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.lingua-snap-comment-form button:disabled{opacity:.5;cursor:not-allowed}.lingua-snap-comment-form button:hover:not(:disabled){background:var(--primary-dark, #651fff)}.lingua-snap-upload-overlay{position:fixed;inset:0;background:#000c;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}.lingua-snap-upload{background:var(--card-bg, rgba(20, 24, 36, .98));border-radius:20px;width:100%;max-width:540px;max-height:90vh;overflow-y:auto;overflow-x:hidden;border:1px solid var(--border-color, rgba(255, 255, 255, .1))}.lingua-snap-upload,.lingua-snap-upload *{box-sizing:border-box}.lingua-snap-upload-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:20px 24px;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .1))}.lingua-snap-upload-header .lingua-snap-close{position:static;width:36px;height:36px;border-radius:10px;background:transparent!important;border:1px solid var(--border-color, rgba(255, 255, 255, .12))!important;color:var(--text-primary, #f4f6ff)!important;padding:0;display:inline-flex;align-items:center;justify-content:center;box-shadow:none!important;filter:none!important}.lingua-snap-upload-header .lingua-snap-close:hover{background:#7c4dff1f!important;border-color:#7c4dff8c!important;box-shadow:none!important;filter:none!important}.lingua-snap-upload-header .lingua-snap-close svg{color:var(--text-primary, #f4f6ff)!important;fill:currentColor!important;stroke:currentColor!important;font-size:18px;display:block}.lingua-snap-upload-header h2{margin:0;font-size:1.25rem;color:var(--text-primary, #f4f6ff);min-width:0}@media (max-width: 520px){.lingua-snap-upload-header{padding:16px}.lingua-snap-upload-quota{padding:12px 16px}.lingua-snap-upload form{padding:16px}}.lingua-snap-upload-quota{padding:12px 24px;background:#7c4dff1a;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:.9rem;color:var(--text-primary, #f4f6ff)}.quota-warning{color:#ff4d6d;font-weight:600}.lingua-snap-upload form{padding:24px}.lingua-snap-dropzone{border:2px dashed var(--border-color, rgba(255, 255, 255, .2));border-radius:16px;padding:40px 20px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;margin-bottom:20px}.lingua-snap-dropzone:hover{border-color:var(--primary-color, #7c4dff);background:#7c4dff0d}.lingua-snap-dropzone.has-file{padding:0;border-style:solid;cursor:default}.lingua-snap-dropzone-content{display:flex;flex-direction:column;align-items:center;gap:12px}.dropzone-icon{font-size:3rem;color:var(--primary-color, #7c4dff)}.lingua-snap-dropzone-content p{margin:0;color:var(--text-primary, #f4f6ff);font-size:1rem}.dropzone-hint{font-size:.85rem;color:var(--text-muted, rgba(255, 255, 255, .5))}.lingua-snap-preview-container{position:relative;border-radius:14px;overflow:hidden}.lingua-snap-preview-video{width:100%;max-height:300px;object-fit:contain;background:#000}.lingua-snap-clear-btn{position:absolute;top:8px;right:8px;background:#000000b3;border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.lingua-snap-clear-btn:hover{background:#ff4d6dcc}.lingua-snap-field{margin-bottom:16px;position:relative}.lingua-snap-field label{display:block;margin-bottom:6px;font-size:.9rem;color:var(--text-primary, #f4f6ff);font-weight:500}.lingua-snap-field textarea,.lingua-snap-field select{width:100%;background:var(--input-bg, rgba(255, 255, 255, .05));border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:10px;padding:12px 14px;color:var(--text-primary, #f4f6ff);font-size:.95rem;resize:none}.lingua-snap-field textarea:focus,.lingua-snap-field select:focus{outline:none;border-color:var(--primary-color, #7c4dff)}.lingua-snap-audio-player{margin-top:10px;width:100%;display:grid;grid-template-columns:40px auto 1fr 40px 110px;align-items:center;gap:10px;padding:10px 12px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12)}.lingua-snap-audio-player audio{display:none}.snap-audio-btn{width:40px;height:40px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid rgba(255,255,255,.14)!important;background:#00000059!important;color:#fffffff2!important;padding:0!important;box-shadow:none!important;filter:none!important}.snap-audio-btn:hover:not(:disabled){background:#7c4dff2e!important;border-color:#7c4dff8c!important}.snap-audio-btn:disabled{opacity:.45;cursor:not-allowed}.snap-audio-btn svg{width:16px;height:16px;display:block;color:currentColor!important;fill:currentColor!important;stroke:currentColor!important}.snap-audio-times{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.8rem;color:#fffc;font-variant-numeric:tabular-nums;min-width:90px}.snap-audio-time-sep{color:#ffffff73}.snap-audio-seek{width:100%;height:4px;appearance:none;background:#ffffff29;border-radius:999px;outline:none}.snap-audio-seek::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:50%;background:#fffffff2;border:2px solid rgba(124,77,255,.75);box-shadow:0 6px 12px #00000059}.snap-audio-seek:disabled{opacity:.55}.snap-audio-volume{width:110px;height:4px;appearance:none;background:#ffffff29;border-radius:999px;outline:none}.snap-audio-volume::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:50%;background:#fffffff2;border:2px solid rgba(124,77,255,.75);box-shadow:0 6px 12px #00000059}.lingua-snap-audio-hint{margin-top:8px;font-size:.8rem;color:#ffffff9e}.char-count{position:absolute;right:12px;bottom:8px;font-size:.75rem;color:var(--text-muted, rgba(255, 255, 255, .4))}.lingua-snap-field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.lingua-snap-field textarea,.lingua-snap-field select{min-width:0}@media (max-width: 520px){.lingua-snap-field-row{grid-template-columns:1fr}}.lingua-snap-upload .lingua-snap-error{background:#ff4d6d1a;border:1px solid rgba(255,77,109,.3);color:#ff4d6d;padding:12px 16px;border-radius:10px;font-size:.9rem;margin-bottom:16px}.lingua-snap-progress{margin-bottom:16px}.lingua-snap-progress-bar-upload{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:8px}.lingua-snap-progress-fill-upload{height:100%;background:linear-gradient(90deg,var(--primary-color, #7c4dff),#f093fb);transition:width .3s ease}.lingua-snap-status{font-size:.85rem;color:var(--text-muted, rgba(255, 255, 255, .6))}.lingua-snap-submit-btn{width:100%;background:linear-gradient(135deg,var(--primary-color, #7c4dff) 0%,var(--primary-dark, #651fff) 100%);border:none;color:#fff;padding:14px 20px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .2s,opacity .2s}.lingua-snap-submit-btn:hover:not(:disabled){transform:translateY(-2px)}.lingua-snap-submit-btn:disabled{opacity:.6;cursor:not-allowed}.spinning{animation:spin 1s linear infinite}.lingua-snap-disclaimer{margin-top:16px;font-size:.8rem;color:var(--text-muted, rgba(255, 255, 255, .5));text-align:center}.lingua-snap-upload-success{text-align:center;padding:60px 24px}.lingua-snap-upload-success .success-icon{font-size:4rem;color:#4caf50;margin-bottom:20px}.lingua-snap-upload-success h3{margin:0 0 8px;font-size:1.5rem;color:var(--text-primary, #f4f6ff)}.lingua-snap-upload-success p{margin:0;color:var(--text-muted, rgba(255, 255, 255, .6))}.profile-lingua-snaps{margin-bottom:24px}.profile-lingua-snaps-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.profile-lingua-snaps-header h3{margin:0;font-size:1rem;color:var(--text-primary, #f4f6ff)}.profile-lingua-snaps-row{display:flex;gap:12px;overflow-x:auto;overflow-y:visible;padding:4px 0}.profile-lingua-snap-wrapper{position:relative;width:100px;height:150px;flex-shrink:0;overflow:visible}.profile-lingua-snap-wrapper .profile-lingua-snap-item{width:100%;height:100%}.profile-lingua-snap-item{position:relative;width:100px;height:150px;border-radius:12px;overflow:hidden;cursor:pointer;flex-shrink:0}.profile-lingua-snap-item img{width:100%;height:100%;object-fit:cover}.profile-lingua-snap-item .snap-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);display:flex;flex-direction:column;justify-content:flex-end;padding:8px}.snap-menu-btn{position:absolute;top:6px;right:6px;background:#00000073;border:none!important;color:#fffffff2!important;width:28px;height:28px;border-radius:999px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;padding:0!important;box-shadow:none!important;filter:none!important;gap:0!important;line-height:0!important}.snap-menu-ellipsis{display:block;font-size:16px;font-weight:900;letter-spacing:0;line-height:1;color:#fffffffa!important;transform:translateY(-1px)}.snap-menu-btn svg{width:14px;height:14px;color:#fffffff2!important;fill:currentColor!important;stroke:currentColor!important;opacity:1!important;filter:none!important}.snap-menu-btn svg *{fill:currentColor!important;stroke:currentColor!important;opacity:1!important}.snap-menu-btn:hover{background:#000000a6}.snap-menu{position:absolute;top:34px;right:-6px;left:auto;background:#141824fa;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:6px;min-width:130px;z-index:4;box-shadow:0 16px 34px #00000073}.snap-menu-item{width:100%;display:flex;align-items:center;gap:8px;padding:8px 10px;border:none;background:transparent;color:#ffffffe6;font-size:.85rem;border-radius:8px;cursor:pointer}.snap-menu-item:hover{background:#ffffff14}.snap-menu-item.danger{color:#ff7891fa}.profile-lingua-snap-item .snap-time{font-size:.7rem;color:#fff}.snap-count-badge{font-size:.75rem;font-weight:400;color:var(--text-muted, rgba(255, 255, 255, .5));margin-left:8px}.lingua-snap-add-btn{background:var(--primary-color, #7c4dff);border:none;color:#fff;padding:6px 12px;border-radius:8px;font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background .2s}.lingua-snap-add-btn:hover{background:var(--primary-dark, #651fff)}.snap-placeholder{width:100%;height:100%;background:var(--card-bg-secondary, rgba(30, 35, 50, .8));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-muted, rgba(255, 255, 255, .5));font-size:1.5rem}.snap-placeholder span{font-size:.75rem}.snap-create-placeholder{border:2px dashed var(--border-color, rgba(255, 255, 255, .2));transition:border-color .2s,transform .2s,box-shadow .2s;background:transparent}.snap-create-placeholder:focus,.snap-create-placeholder:active{outline:none}button.snap-create-placeholder{border:2px dashed var(--border-color, rgba(255, 255, 255, .2));background:transparent}button.snap-create-placeholder:focus-visible{outline:none}.snap-create-placeholder:hover{border-color:var(--primary-color, #7c4dff);transform:translateY(-2px);box-shadow:0 10px 24px #7c4dff2e}.snap-create-placeholder:hover .snap-placeholder{color:var(--primary-color, #7c4dff)}.snap-delete-btn{position:absolute;top:4px;right:4px;background:#ff4d6dcc;display:none}.lingua-snap-error-small{font-size:.8rem;color:#ff4d6d;margin-top:8px}.lingua-snap-mode-selector{display:flex;gap:8px;padding:0 24px;margin-bottom:16px}.lingua-snap-mode-selector .mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:12px;border:1px solid var(--border-color, rgba(255, 255, 255, .15));background:transparent;color:var(--text-secondary, #a0a5b5);font-size:.9rem;cursor:pointer;transition:all .2s}.lingua-snap-mode-selector .mode-btn:hover{border-color:var(--primary-color, #7c4dff);color:var(--text-primary, #f4f6ff)}.lingua-snap-mode-selector .mode-btn.active{background:#7c4dff26;border-color:var(--primary-color, #7c4dff);color:var(--primary-color, #7c4dff)}.lingua-snap-mode-selector .mode-btn svg{font-size:1rem}.lingua-snap-duration-selector{display:flex;gap:8px;margin-top:8px}.lingua-snap-duration-selector .duration-btn{flex:1;padding:10px 16px;border-radius:10px;border:1px solid var(--border-color, rgba(255, 255, 255, .15));background:transparent;color:var(--text-secondary, #a0a5b5);font-size:.85rem;cursor:pointer;transition:all .2s}.lingua-snap-duration-selector .duration-btn:hover{border-color:var(--primary-color, #7c4dff);color:var(--text-primary, #f4f6ff)}.lingua-snap-duration-selector .duration-btn.active{background:#7c4dff26;border-color:var(--primary-color, #7c4dff);color:var(--primary-color, #7c4dff)}.duration-hint{display:block;margin-top:6px;font-size:.75rem;color:var(--text-muted, #6b7280)}.lingua-snap-preview-image{max-width:100%;max-height:300px;object-fit:contain;border-radius:12px}.lingua-snap-track-audio{width:100%;margin-top:10px;border-radius:12px}@media (max-width: 640px){.lingua-snap-viewer{max-width:100%;max-height:100vh;border-radius:0}.lingua-snap-upload{max-height:100vh;border-radius:0}.lingua-snap-field-row{grid-template-columns:1fr}.lingua-snap-mode-selector,.lingua-snap-duration-selector{flex-direction:column}}.profile-container{max-width:1120px;margin:0 auto;color:var(--text);background:transparent;padding:20px;box-sizing:border-box}.profile-panel{width:100%;box-sizing:border-box}.profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px}.loading-spinner{border:4px solid rgba(255,255,255,.1);border-radius:50%;border-top:4px solid var(--primary);width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:20px}.profile-error{text-align:center;padding:30px;background-color:var(--error-bg, rgba(255, 0, 0, .1));border-radius:8px;margin-top:20px}.profile-body{padding:24px}.PhoneInput{display:flex;align-items:center;gap:var(--spacing-sm, 8px);background:var(--input-bg);border:1px solid var(--border);border-radius:var(--border-radius-sm, 8px);padding:0 var(--spacing-sm, 8px)}.PhoneInputInput{flex:1;background:transparent;color:var(--text-light);border:none;padding:var(--spacing-sm, 8px) 0;outline:none}.PhoneInput:focus-within{border-color:var(--input-focus, #39f);box-shadow:0 0 0 2px color-mix(in srgb,var(--input-focus, #39f) 30%,transparent)}.skeleton-card{width:100%;background:linear-gradient(90deg,#ffffff0f 25%,#ffffff1f 37%,#ffffff0f 63%);background-size:400% 100%;border-radius:10px}.shimmer{animation:shimmer-move 1.2s ease-in-out infinite}@keyframes shimmer-move{0%{background-position:100% 0}to{background-position:0 0}}.status-chip{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600;text-transform:capitalize;background:var(--surface-light);color:var(--text-light)}:root{--PhoneInput-color--focus: #03b2cb;--PhoneInputInternationalIconPhone-opacity: .8;--PhoneInputInternationalIconGlobe-opacity: .65;--PhoneInputCountrySelect-marginRight: .35em;--PhoneInputCountrySelectArrow-width: .3em;--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth: 1px;--PhoneInputCountrySelectArrow-opacity: .45;--PhoneInputCountrySelectArrow-color: currentColor;--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform: rotate(45deg);--PhoneInputCountryFlag-aspectRatio: 1.5;--PhoneInputCountryFlag-height: 1em;--PhoneInputCountryFlag-borderWidth: 1px;--PhoneInputCountryFlag-borderColor: rgba(0,0,0,.5);--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,.1)}.PhoneInput{display:flex;align-items:center}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{width:calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{display:block;width:100%;height:100%}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{position:relative;align-self:stretch;display:flex;align-items:center;margin-right:var(--PhoneInputCountrySelect-marginRight)}.PhoneInputCountrySelect{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;border:0;opacity:0;cursor:pointer}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{display:block;content:"";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.profile-header{display:flex;align-items:center;gap:1.2rem;padding:30px;background-color:var(--card-bg);border-radius:12px;margin-bottom:20px;position:relative}.profile-header-main-row{display:flex;align-items:center;gap:40px}.profile-avatar{width:180px;height:180px;min-width:180px;min-height:180px;border-radius:50%;overflow:hidden;background:var(--surface-light, #222);display:flex;align-items:center;justify-content:center;margin-right:32px}.profile-avatar img,.avatar-placeholder{width:180px;height:180px;border-radius:50%;object-fit:cover;font-size:4.2rem;display:flex;align-items:center;justify-content:center}.profile-info-group{flex:1;display:flex;flex-direction:column;justify-content:center}.profile-info-main h1{font-size:2.4rem;margin:0 0 8px}.profile-real-name{font-size:1.2rem;color:var(--text-muted, #aaa);margin:0 0 8px}.profile-info-details{margin-top:8px}.profile-info-details p{margin:0 0 6px;font-size:1.15rem;color:var(--text-light, #ccc)}.avatar-upload-label{position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;width:100px;height:100px}.avatar-upload-icon{position:absolute;bottom:8px;right:8px;background:var(--primary-light);color:var(--text-light);border-radius:50%;padding:6px;font-size:1.1em;box-shadow:0 2px 8px #00000026}.display-name-input{font-size:1.5rem;font-weight:700;border:1px solid var(--border);border-radius:6px;padding:4px 10px;background:var(--card-bg);color:var(--text);margin-bottom:4px;width:220px}.profile-header-actions{display:flex;gap:10px;position:absolute;top:20px;right:20px}.save-profile-button,.cancel-profile-button,.edit-profile-button{background-color:var(--primary);color:var(--text-light);border:none;border-radius:4px;padding:8px 16px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:background-color .3s}.save-profile-button:hover{background-color:var(--primary-light)}.cancel-profile-button:hover{background-color:var(--error)}.edit-profile-button{position:absolute;top:20px;right:20px;background-color:var(--primary);color:var(--text-light);border:none;border-radius:4px;padding:8px 16px;display:flex;align-items:center;gap:8px;transition:background-color .3s}.edit-profile-button:hover{background-color:var(--primary-dark)}.profile-action-row{display:flex;align-items:center;gap:10px;margin-left:auto}.connect-btn,.message-btn,.remove-connection-btn,.pending-btn{padding:8px 16px;border-radius:8px;border:1px solid transparent;background:linear-gradient(90deg,var(--primary, #3ba1ff),var(--primary-light, #69c0ff));color:var(--text-light, #fff);cursor:pointer;font-weight:600;transition:transform .08s ease,box-shadow .2s ease,background .2s ease}.connect-btn:hover,.message-btn:hover,.remove-connection-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #00000040}.pending-btn{color:#ddd;cursor:default}.remove-connection-btn{background:transparent;color:#ff4d4f;border-color:#ff4d4f}.remove-connection-btn:hover{background:#ff4d4f;color:#fff}.user-safety-menu{position:relative;display:inline-block}.safety-menu-trigger{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border-color, rgba(255, 255, 255, .25));border-radius:50%;background:var(--bg-tertiary, rgba(255, 255, 255, .08));color:var(--text-primary, rgba(255, 255, 255, .85));cursor:pointer;transition:all .2s;font-size:1.1rem}.safety-menu-trigger:hover{background:var(--bg-hover, rgba(255, 255, 255, .15));color:var(--text-primary, #fff);border-color:var(--border-hover, rgba(255, 255, 255, .4));transform:scale(1.05)}.safety-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background:var(--bg-secondary, #1a1a2e);border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:10px;box-shadow:0 8px 24px #0006;padding:6px;z-index:100;animation:safetyMenuFadeIn .15s ease-out}@keyframes safetyMenuFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.safety-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;border-radius:8px;background:transparent;color:var(--text-primary, #fff);font-size:.9rem;text-align:left;cursor:pointer;transition:background .15s}.safety-menu-item:hover{background:var(--bg-hover, rgba(255, 255, 255, .08))}.safety-menu-item svg{font-size:.95rem;color:var(--text-muted, rgba(255, 255, 255, .5))}.safety-menu-item.danger{color:#ef4444}.safety-menu-item.danger svg{color:#ef4444}.safety-menu-item.danger:hover{background:#ef444426}.safety-menu-item.unblock{color:#22c55e}.safety-menu-item.unblock svg{color:#22c55e}.safety-menu-item.unblock:hover{background:#22c55e26}.safety-menu-item:disabled{opacity:.5;cursor:not-allowed}.safety-menu-separator{display:flex;align-items:center;padding:8px 12px;margin:4px 0;border-top:1px solid rgba(239,68,68,.2);border-bottom:1px solid rgba(239,68,68,.2)}.danger-zone-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#ef4444cc}.profile-tabs{display:flex;background-color:var(--card-bg);border-radius:8px;overflow:hidden;margin-bottom:20px}.tab-button{flex:1;background:none;border:none;padding:15px;color:var(--text-muted);font-size:16px;cursor:pointer;transition:all .3s;border-bottom:3px solid transparent}.tab-button:hover,.tab-button.active{background-color:var(--surface-light, rgba(255,255,255,.05));color:var(--primary)}.profile-section h2{margin-top:0;margin-bottom:15px;font-size:20px;color:var(--text-light);border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px}.bio-textarea{width:100%;min-height:80px;margin-bottom:10px;border-radius:6px;border:1px solid var(--primary-light);padding:10px;font-size:16px;background:var(--input-bg);color:var(--text-light)}.edit-btn{background:var(--primary);color:#fff;border:none;border-radius:4px;padding:6px 14px;margin-top:8px;cursor:pointer;transition:background .2s}.languages-container{display:flex;flex-wrap:wrap;gap:30px;margin-bottom:30px}.language-group{flex:1;min-width:200px}.language-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px}.language-tag{background-color:var(--surface-light, #e5eaf2);color:#232336!important;padding:5px 12px;border-radius:20px;font-size:14px;font-weight:500;border:1px solid var(--primary-light, #2563eb);box-shadow:0 1px 4px #0000000a}.react-select__multi-value{background-color:#e5eaf2!important}.react-select__multi-value__label{color:#232336!important;font-weight:500}.react-select__multi-value__remove{color:#2563eb!important;background:transparent!important}.react-select__multi-value__remove:hover{background:#2563eb!important;color:#fff!important}.post-creation-card{background:var(--card-bg);border-radius:14px;box-shadow:0 6px 32px #503ca014;padding:32px 36px 24px;margin-bottom:32px;width:100%;box-sizing:border-box;border:2px solid var(--primary-light);max-width:auto;margin-left:auto;margin-right:auto}.post-card{position:relative;background:var(--surface);border-radius:10px;padding:18px;box-shadow:0 2px 8px #0000000a;border:2px solid var(--primary-light);transition:box-shadow .2s,border .2s;width:98%;box-sizing:border-box;margin:5px auto}.post-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.post-textarea{width:100%;min-height:120px;border-radius:8px;border:1.5px solid var(--primary-light);padding:10px;font-size:17px;background:var(--input-bg);color:var(--text-light);margin-bottom:18px;resize:vertical;box-sizing:border-box;transition:border .2s}.post-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;background:var(--primary);display:flex;align-items:center;justify-content:center}.post-avatar img{width:100%;height:100%;object-fit:cover}.avatar-mini-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;background-color:var(--primary)}.post-info h3{margin:0;font-size:1rem;color:var(--primary)}.post-date{font-size:12px;color:var(--text-muted)}.post-content{margin-bottom:10px;color:var(--text-light)}.post-media img,.post-media video{max-width:100%;max-height:250px;border-radius:8px;margin-top:10px}.edit-actions{display:flex;gap:10px;margin-top:10px}.edit-btn{background:var(--primary);color:#fff;border:none;border-radius:4px;padding:6px 14px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:15px;transition:background .2s}.edit-btn.cancel{background:var(--primary-light)}.edit-btn:hover{background:var(--primary-dark)}.no-posts-msg{color:var(--text-muted);text-align:center;margin-top:24px}.embed-input-row{display:flex;gap:8px;margin-top:12px;align-items:center}.embed-url-input{flex:1;padding:8px 12px;border-radius:5px;border:1px solid var(--primary-light);background:var(--input-bg);color:var(--text-light);font-size:15px}.embed-add-btn{background:var(--primary);color:#fff;border:none;border-radius:4px;padding:7px 16px;cursor:pointer;font-size:15px;transition:background .2s}.embed-add-btn:hover{background:var(--primary-dark)}.embed-cancel-btn{background:var(--primary-light);color:#fff;border:none;border-radius:4px;padding:7px 12px;cursor:pointer;font-size:15px;transition:background .2s}.embed-cancel-btn:hover{background:var(--danger)}.edit-actions.top-right{position:absolute;top:10px;right:10px;display:flex;gap:8px;z-index:2}.comments-root{margin-top:12px;padding:10px 0 0;border-top:1px solid var(--primary-light)}.comments-root input[type=text]{border-radius:4px;border:1px solid var(--primary-light);padding:6px 10px;font-size:15px}.comments-root button{background:var(--primary);color:#fff;border:none;border-radius:4px;padding:5px 12px;cursor:pointer;font-size:14px;margin-left:4px}.comments-root button:hover{background:var(--primary-dark)}.reactions-popover button.reaction-emoji-btn{transition:transform .12s,background .12s;border-radius:50%;padding:4px}.reactions-popover button.reaction-emoji-btn:hover,.reactions-popover button.reaction-emoji-btn:focus{background:var(--surface-light);transform:scale(1.25);outline:none}.profile-section{background:var(--card-bg);margin-bottom:30px}.media-grid{display:flex;flex-wrap:wrap;gap:18px}.media-item{background:var(--surface);border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;width:100px;height:100px;cursor:pointer}.profile-avatar-thumb img{width:100px;height:100px;border-radius:50%;object-fit:cover}.post-media-thumb img,.post-media-thumb video{width:100px;height:100px;border-radius:12px;object-fit:cover}.media-category-title{margin:18px 0 8px;font-size:1.1rem;color:var(--primary, #1976d2);font-weight:600}.media-item img,.media-item video{max-width:100%;max-height:100%;border-radius:8px}.media-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000}.media-modal-content{position:relative;background:var(--surface, #222);padding:24px 48px;border-radius:12px;display:flex;align-items:center;gap:24px;max-width:90vw;max-height:90vh}.media-modal-media img,.media-modal-media video{max-width:70vw;max-height:70vh;border-radius:8px;box-shadow:0 2px 16px #0006}.media-modal-close,.media-modal-prev,.media-modal-next{background:none;border:none;color:#fff;font-size:2.2rem;cursor:pointer;position:absolute;top:16px;z-index:2;transition:color .2s}.media-modal-close{right:16px;top:16px;font-size:2.5rem}.media-modal-prev{left:8px;top:50%;transform:translateY(-50%)}.media-modal-next{right:8px;top:50%;transform:translateY(-50%)}.profile-avatar-badge{position:absolute;bottom:8px;left:8px;background:#1976d2;color:#fff;padding:2px 8px;border-radius:6px;font-size:.85rem;pointer-events:none}.set-profile-picture-btn{margin-top:16px;background:#1976d2;color:#fff;border:none;padding:10px 18px;border-radius:6px;font-size:1rem;cursor:pointer;transition:background .2s}.set-profile-picture-btn:hover{background:#125ea2}.profile-section{background:var(--card-bg);border-radius:14px;margin-bottom:30px;padding:0}.card{background:var(--surface);border-radius:14px;padding:28px 24px;margin-bottom:28px;box-shadow:0 2px 8px #00000012}.card h2{font-size:1.3rem;font-weight:700;margin-bottom:18px}.row{display:flex;gap:32px}.col{flex:1}.col h3{font-size:1.1rem;font-weight:600;margin-bottom:10px}.tag-list{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.tag{background:var(--primary-light);color:#fff;padding:5px 12px;border-radius:20px;font-size:.98rem;display:flex;align-items:center;margin-bottom:6px}.tag-remove{background:none;border:none;color:var(--text-light);margin-left:6px;cursor:pointer;font-size:1.1em}.tag-input{font-size:1rem;padding:4px 10px;border-radius:14px;border:1px solid var(--primary-light);background:var(--surface-light);color:var(--text);margin-left:6px;margin-bottom:6px;min-width:90px}.work-list,.education-list,.certificates-list{list-style:none;padding:0;margin:0 0 10px}.work-list li,.education-list li,.certificates-list li{margin-bottom:8px;display:flex;align-items:center}.work-form,.education-form{display:flex;gap:8px;margin-top:8px}.work-form input,.education-form input{font-size:1rem;padding:4px 8px;border-radius:6px;border:1px solid var(--primary-light);background:var(--surface-light);color:var(--text);min-width:90px}.add-btn{font-size:.95rem;padding:4px 14px;border-radius:6px;background:var(--primary-light);color:var(--text-light);border:none;cursor:pointer}.certificate-link{color:var(--primary);text-decoration:underline;font-size:.98rem;display:flex;flex-direction:column;align-items:center;margin-right:0;width:100%}.doc-name{font-size:.82rem;color:var(--text-light);text-align:center;word-break:break-all;margin-bottom:4px;max-width:110px;margin-top:4px;display:block}.tag-remove{position:absolute;top:4px;right:8px;background:transparent;border:none;color:#e74c3c;font-size:1.1rem;cursor:pointer}.profile-notification{position:fixed;top:80px;right:30px;z-index:2000;padding:14px 28px;border-radius:8px;font-size:1rem;color:var(--text-light);background:var(--primary-light);box-shadow:0 2px 16px #0000002e;opacity:.97;transition:opacity .3s}.profile-notification.success{background:var(--success, #22c55e)}.profile-notification.error{background:var(--error, #ef4444)}[data-theme=light] .notification{background:var(--surface);border:2px solid var(--border);color:var(--text);box-shadow:var(--shadow-sm)}[data-theme=light] .notification:hover{background:var(--surface-light);border-color:var(--border-light)}[data-theme=light] .notification .notification-title{color:var(--text)}[data-theme=light] .notification .notification-message{color:var(--text-secondary)}[data-theme=light] .notification .notification-time{color:var(--text-muted)}[data-theme=light] .notification button{background:var(--button-bg);color:var(--button-text);border:none}[data-theme=light] .notification button:hover{background:var(--button-hover)}.profile-section{background:var(--card-bg);border-radius:14px;padding:28px 24px;margin-bottom:28px;box-shadow:0 2px 8px #00000012}.connections-filter-row{display:flex;align-items:center;gap:8px;margin:8px 0 14px}.filter-chip{appearance:none;border:none;padding:6px 12px;border-radius:999px;cursor:pointer;background:linear-gradient(90deg,var(--primary-dark, #1b2a45),var(--primary, #1976d2));color:var(--text-light);font-weight:600;font-size:.9rem;opacity:.6;transition:opacity .16s ease,transform .06s ease}.filter-chip:hover{opacity:.85}.filter-chip:active{transform:translateY(1px)}.filter-chip.active{opacity:1}.connections-list{list-style:none;padding:0;margin:0}.connection-item{display:flex;align-items:flex-start;margin-bottom:18px;background:var(--surface-light);border-radius:10px;padding:14px 18px;box-shadow:0 1px 4px #0000000a}.connection-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;margin-right:18px;border:2px solid var(--primary-light);background:var(--surface-light)}.connection-info{flex:1;display:flex;flex-direction:column;gap:4px}.connection-name{font-weight:600;font-size:1.1rem;color:var(--primary)}.connection-meta{font-size:.97rem;color:var(--text-muted);display:flex;flex-direction:column;gap:2px}.connection-languages,.connection-occupation,.connection-interests{display:block}.connection-actions{display:flex;flex-direction:column;gap:8px;margin-left:16px}.connections-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-top:16px}@media (min-width: 900px){.profile-section .connections-grid.user-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.connection-card-wrapper{position:relative;display:flex;flex-direction:column;gap:0}.connection-card-top-row{position:absolute;top:10px;left:10px;right:10px;display:flex;align-items:center;justify-content:space-between;z-index:5;pointer-events:none}.connection-card-top-row>*{pointer-events:auto}.connection-kebab-wrap{position:relative;margin-left:auto}.connection-kebab-wrap .social-kebab-btn{background:#1e293b80;border:1px solid rgba(148,163,184,.25);color:#cbd5e1!important;font-size:20px;font-weight:700}.connection-kebab-wrap .social-kebab-btn svg,.connection-kebab-wrap .social-kebab-btn svg path{fill:#cbd5e1!important}.connection-kebab-wrap .social-kebab-btn:hover{background:#4f46e566;border-color:#7c4dff99;color:#a5b4fc!important}.connection-kebab-wrap .social-kebab-btn:hover svg,.connection-kebab-wrap .social-kebab-btn:hover svg path{fill:#a5b4fc!important}.connection-kebab-wrap .social-kebab-btn:focus{outline:none}.connection-kebab-wrap .social-kebab-btn:focus:not(:hover){background:#1e293b80;border-color:#94a3b840;color:#cbd5e1!important}.connection-kebab-wrap .social-kebab-btn:focus:not(:hover) svg,.connection-kebab-wrap .social-kebab-btn:focus:not(:hover) svg path{fill:#cbd5e1!important}.connection-respond-row{display:flex;gap:8px;margin-top:8px}.connection-actions-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.connection-actions-buttons{display:flex;flex-wrap:wrap;gap:6px}.view-profile-btn,.message-btn,.remove-connection-btn{font-size:.85rem;padding:4px 10px;border-radius:6px;border:none;cursor:pointer;margin-bottom:4px;transition:background .18s}.view-profile-btn{background:var(--primary-light);color:var(--text-light)}.message-btn{background:var(--primary);color:var(--text-light)}.remove-connection-btn{background:var(--error, #e53935);color:var(--text-light)}.status-chip{padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:capitalize;letter-spacing:.03em}.status-chip.status-pending{background:#1976d240;color:#7ec8ff;border:1px solid rgba(25,118,210,.4)}.status-chip.status-accepted{background:#2ecc7138;color:#8ee6b2;border:1px solid rgba(46,204,113,.4)}.status-chip.status-rejected{background:#e5393538;color:#f29f9d;border:1px solid rgba(229,57,53,.4)}.accept-connection-btn{background:#2ecc71;color:#0b1a14;border:none;padding:4px 10px;border-radius:6px;cursor:pointer}.reject-connection-btn{background:#e53935;color:#fff;border:none;padding:4px 10px;border-radius:6px;cursor:pointer}.accept-connection-btn[disabled],.reject-connection-btn[disabled]{opacity:.6;cursor:not-allowed}@media (max-width: 600px){.profile-section{padding:14px 4px}.connection-avatar{width:36px;height:36px;margin-right:10px}.connection-item{flex-direction:column;align-items:flex-start;padding:10px 8px}.connection-actions{flex-direction:row;gap:6px;margin-left:0;margin-top:8px}}.social-user-card .extra-badge{inset:auto auto -16px 50%;transform:translate(-50%)}.social-user-card .user-hover-overlay{position:absolute;inset:8px 8px auto;border-radius:12px;background:var(--surface-dark, rgba(0, 0, 0, .78));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 8px 24px #0006;color:var(--text-light);padding:10px 12px;opacity:0;pointer-events:none;display:flex;flex-direction:column;gap:6px;transition:opacity .15s ease;z-index:3;max-height:78%}.social-user-card:hover .user-hover-overlay,.social-user-card:focus-within .user-hover-overlay{opacity:1;pointer-events:auto}.user-hover-overlay-header{display:flex;align-items:center;gap:10px}.user-hover-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.7)}.user-hover-meta{display:flex;flex-direction:column;gap:2px}.user-hover-name-row{display:flex;align-items:center;gap:6px;font-size:.95rem}.user-hover-verified{font-size:.75rem}.user-hover-online-dot{width:8px;height:8px;border-radius:50%;background:#38d39f}.user-hover-occupation,.user-hover-location{font-size:.8rem;opacity:.8}.user-hover-languages{font-size:.8rem;display:flex;flex-direction:column;gap:2px}.user-hover-bio{font-size:.8rem;color:var(--text-secondary, #cbd5f5)}.user-hover-interests{display:flex;flex-wrap:wrap;gap:6px}.user-hover-interest-chip{font-size:.75rem;padding:2px 6px;border-radius:12px;border:1px solid var(--border, #2e3a4a)}.user-hover-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.user-hover-actions .visit-profile-btn,.user-hover-actions .send-message-btn{flex:1 1 0;min-width:0;padding:6px 10px;border-radius:var(--border-radius-sm);font-size:.8rem;border:1px solid var(--border, #2e3a4a);background:var(--glass-bg, rgba(15,23,42,.6));color:var(--text-light);cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center;width:auto;white-space:nowrap}.user-location{font-size:.95rem;color:#718096;margin-bottom:.3rem}.page-shell>.groups-section{display:block;width:100%;max-width:var(--page-content-max-width);margin:0 auto;padding:20px;box-sizing:border-box;background:transparent;flex:none;min-height:auto;height:auto}.groups-section .groups-panel{display:flex;width:100%;gap:0;box-sizing:border-box;align-items:stretch;height:auto;min-height:auto}.groups-panel>.groups-main-content{flex:1 1 auto;min-width:0;padding:0;background:var(--surface);border-left:1px solid var(--border-light);border-radius:0 12px 12px 0;height:auto;min-height:auto}.groups-main-fullwidth{flex:1;padding:0;background:var(--surface)}.groups-main-fullwidth .group-view{max-width:920px;margin:0 auto}@media (max-width: 900px){.groups-section{flex-direction:column}.groups-panel{flex-direction:column;gap:0}.groups-main-content{border-left:none;border-top:1px solid var(--border-light);border-radius:0 0 12px 12px}.groups-sidebar{border-radius:12px 12px 0 0}}.groups-sidebar{width:260px;background:var(--surface);border-right:1px solid var(--border-color);display:flex;flex-direction:column;min-width:200px;align-self:stretch;border-radius:12px 0 0 12px}.groups-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 10px;font-weight:700;font-size:1.2rem;border-bottom:1px solid #e0e0e0;position:relative}.groups-sidebar-title{position:absolute;left:50%;transform:translate(-50%);width:max-content;text-align:center}.create-group-btn-container{display:flex;justify-content:center;padding:12px 0 8px;background:transparent}.create-group-btn{background:#1976d2;color:#fff;border:none;border-radius:6px;padding:6px 14px;font-size:1rem;cursor:pointer;transition:background .2s}.create-group-btn:hover{background-color:var(--primary-light);transform:translateY(-2px)}.groups-list{list-style:none;margin:0;padding:0 0 10px;flex:1;overflow-y:auto}.groups-list-label{font-size:1.13rem;font-weight:700;background:#1976d22e;color:var(--primary);border-radius:12px;padding:10px 18px;margin:18px 18px 8px;box-shadow:0 2px 8px #1976d21a;border:1.5px solid var(--primary-light);letter-spacing:.03em;text-align:center;transition:background .2s,box-shadow .2s}.group-list-item{display:flex;align-items:center;padding:10px 20px;cursor:pointer;transition:background .15s;border-left:4px solid transparent}.group-list-item.active,.group-list-item:hover{background:linear-gradient(90deg,var(--primary-light) 0%,var(--surface-hover) 100%);border-left:8px solid var(--primary);color:var(--primary);font-weight:700;box-shadow:0 0 16px 4px #1976d240,0 4px 16px #1976d22e;filter:brightness(1.12) saturate(1.3);z-index:2;position:relative;animation:groupActivePulse .7s cubic-bezier(.4,0,.2,1)}@keyframes groupActivePulse{0%{box-shadow:0 0 #1976d240,0 4px 16px #1976d22e;filter:brightness(1.05) saturate(1.1)}60%{box-shadow:0 0 24px 8px #1976d252,0 4px 16px #1976d22e;filter:brightness(1.18) saturate(1.4)}to{box-shadow:0 0 16px 4px #1976d240,0 4px 16px #1976d22e;filter:brightness(1.12) saturate(1.3)}}.group-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;margin-right:12px;border:1px solid #e0e0e0}.group-name{font-size:1.05rem;font-weight:500;color:var(--text)}.groups-sidebar-searchbar-container{padding:10px 20px 0;background:transparent}.groups-sidebar-searchbar{width:100%;padding:8px 12px;border:1.5px solid var(--primary);border-radius:8px;font-size:1rem;outline:none;margin-bottom:8px;background:var(--highlight-bg);border:2px solid var(--primary);color:var(--text);transition:border .2s,box-shadow .2s;box-sizing:border-box}.groups-sidebar-searchbar:focus{border-color:var(--primary);box-shadow:0 2px 8px #1976d214}@media (max-width: 900px){.groups-sidebar{width:100vw;min-width:0;height:auto;border-right:none;border-bottom:1px solid #e0e0e0}.groups-sidebar-header{padding:12px 10px 8px;font-size:1rem}.group-list-item{padding:8px 10px}.group-avatar{width:32px;height:32px;margin-right:8px}}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-sizing:border-box;overflow:hidden;width:100%;height:100%;padding:0}[data-theme=light] .modal-overlay{background-color:#00000080}.create-group-modal{background-color:var(--surface);border-radius:8px;padding:2rem;width:99%;max-width:900px;max-height:85vh;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative;margin:0 auto;color:var(--text);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;z-index:10000;isolation:isolate}[data-theme=light] .create-group-modal{background-color:var(--glass-bg);border:var(--glass-border);box-shadow:var(--shadow-card)}.create-group-modal h2{margin-top:0;margin-bottom:1.5rem;color:var(--text-light);text-align:center;font-size:1.5rem;border-bottom:1px solid var(--border-light);padding-bottom:.5rem;position:relative;z-index:5}[data-theme=light] .create-group-modal h2{color:var(--text-light);border-bottom:1px solid var(--border)}.close-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;z-index:10}.close-btn:hover{color:var(--primary-light)}[data-theme=light] .close-btn{color:var(--text-muted)}[data-theme=light] .close-btn:hover{color:var(--primary-dark)}.create-group-form{display:flex;flex-direction:column;gap:1.25rem;width:100%;position:relative;z-index:100;margin-top:0;padding-bottom:2rem;isolation:isolate;overflow-x:hidden}[data-theme=light] .create-group-form{color:var(--text)}.form-group{margin-bottom:1.5rem;width:100%;position:relative;z-index:40;isolation:isolate}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-light)}[data-theme=light] .form-group label{color:var(--text)}.form-group input[type=text],.form-group input[type=number],.form-group input[type=time],.form-group textarea{width:100%;padding:.65rem;border:1px solid var(--border-light);border-radius:4px;background-color:var(--input-bg, var(--surface-alt))!important;color:var(--text)!important;font-size:.95rem;display:block!important;position:relative;z-index:2;opacity:1!important;visibility:visible!important}[data-theme=light] .form-group input[type=text],[data-theme=light] .form-group input[type=number],[data-theme=light] .form-group input[type=time],[data-theme=light] .form-group textarea{border-color:var(--border);box-shadow:var(--shadow-sm)}.form-group:first-of-type{position:relative;margin-top:0;display:block!important;width:100%;margin-bottom:1.5rem;z-index:200;isolation:isolate;opacity:1!important;visibility:visible!important;pointer-events:auto!important}.form-group:first-of-type label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-light);position:relative;margin-top:0;font-size:.95rem;z-index:100}[data-theme=light] .form-group:first-of-type label{color:var(--text)}.form-group:first-of-type input[type=text]{position:relative;border:2px solid var(--border-light);box-shadow:var(--shadow-sm);background-color:var(--input-bg);margin-top:0;display:block!important;width:100%;padding:.65rem;border-radius:4px;color:var(--text);font-size:.95rem;opacity:1!important;visibility:visible!important;z-index:2000;pointer-events:auto!important}[data-theme=light] .form-group:first-of-type input[type=text]{border-color:var(--border);color:var(--text);background-color:var(--input-bg)}.form-group:first-of-type input[type=text]:focus{border-color:var(--input-focus);box-shadow:0 0 0 2px #38bdf833}.react-select-container{position:relative;width:100%;z-index:1}.form-group:nth-of-type(4){z-index:9000;position:relative;margin-top:10px;margin-bottom:20px}.form-group:nth-of-type(4) .react-select-container{z-index:9000;position:relative}.form-group:nth-of-type(4) .react-select-container.react-select__container--is-focused{z-index:9500}.form-group:nth-of-type(4) .react-select__menu{z-index:9999!important;position:absolute!important;margin-top:2px!important;box-shadow:0 4px 12px #0006!important}[data-theme=light] .form-group:nth-of-type(4) .react-select__menu{box-shadow:var(--shadow-md)!important;color:var(--text)!important}.react-select__control{background-color:var(--input-bg)!important;border-color:var(--border-light)!important;width:100%;border:1px solid var(--border-light)!important;box-shadow:0 0 0 1px var(--border-light)!important;opacity:1!important;margin-top:2px!important;min-height:38px!important;height:auto!important}[data-theme=light] .react-select__control{border-color:var(--border)!important;box-shadow:var(--shadow-sm)!important;background-color:var(--input-bg)!important;color:var(--text)!important}.react-select__control--is-focused{border-color:var(--primary)!important;box-shadow:0 0 0 1px var(--primary)!important}.react-select__value-container{padding:.5rem!important}.react-select__menu{background-color:var(--surface)!important;z-index:9999!important;opacity:1!important;position:absolute!important;width:100%!important;margin-top:2px!important;box-shadow:var(--shadow-md)!important;max-height:180px!important;overflow-y:auto!important;overflow-x:hidden!important;border-radius:4px!important;transform:translateZ(0)!important;will-change:transform!important;pointer-events:auto!important;isolation:isolate!important;color:var(--text)!important}[data-theme=light] .react-select__menu{background-color:var(--glass-bg)!important;color:var(--text)!important}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;width:100%;align-items:start}.form-row .form-group{width:100%;position:relative;z-index:inherit;margin-bottom:0;display:flex;flex-direction:column;height:auto;justify-content:flex-start;align-items:stretch;padding:0}.form-row .form-group:first-child label{margin-bottom:.8rem;color:var(--text-light);font-weight:500;display:block;line-height:1.2;padding-bottom:0}[data-theme=light] .form-row .form-group:first-child label{color:var(--text)}.form-row .form-group:first-child,.form-row .form-group:last-child{z-index:80;position:relative;margin:0;padding:0;display:flex;flex-direction:column;height:auto;min-width:200px;max-width:100%;width:100%;align-items:stretch;justify-content:flex-start}.form-row .form-group:first-child .react-select-container{z-index:3;width:100%;height:auto;display:flex;flex-direction:column;margin-top:0;min-width:200px;max-width:100%;align-items:stretch;justify-content:flex-start}.form-row .form-group label{color:var(--text-light);font-weight:500;margin-bottom:.35rem;display:block;line-height:1.2;padding-bottom:0}[data-theme=light] .form-row .form-group label{color:var(--text)}.form-row .form-group:first-child .react-select-container.react-select__container--is-focused,.form-row .form-group:last-child .react-select-container.react-select__container--is-focused{z-index:9000}.form-row+.form-group,.form-row+.form-row{margin-top:50px;position:relative;z-index:1}.form-group:nth-of-type(4)+.form-group{margin-top:20px;position:relative;z-index:1}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem;position:sticky;bottom:0;background-color:var(--surface);padding:1rem 0;z-index:1000;box-shadow:0 -5px 10px #0000001a;border-top:1px solid var(--border-light)}[data-theme=light] .form-actions{background-color:var(--glass-bg);box-shadow:0 -5px 10px #38bdf81a}.cancel-btn,.create-btn{padding:.75rem 1.5rem;border-radius:4px;font-weight:600;cursor:pointer;transition:all .2s}.cancel-btn{background-color:transparent;border:1px solid var(--border-light);color:var(--text-light)}[data-theme=light] .cancel-btn{border:1px solid var(--border);color:var(--text)}.create-btn{background:var(--button-bg);border:none;color:var(--button-text)}.create-btn:hover{background:var(--button-hover);transform:translateY(-2px);box-shadow:var(--neon-glow)}.cancel-btn:hover{background-color:var(--surface-alt, rgba(255,255,255,.05));color:var(--accent)}[data-theme=light] .cancel-btn:hover{background-color:#38bdf81a}.avatar-upload-container{margin-top:.5rem}.avatar-upload-container input[type=file]{width:100%;padding:.5rem;border:1px dashed var(--border-light);border-radius:4px;background-color:var(--surface-alt, rgba(255,255,255,.05));color:var(--text)}[data-theme=light] .avatar-upload-container input[type=file]{background-color:var(--input-bg);border-color:var(--border)}.avatar-preview-container{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:.5rem}.avatar-preview{max-width:100%;max-height:200px;border-radius:8px;object-fit:cover}.remove-avatar-btn{background-color:var(--danger, #e94560);color:#fff;border:none;border-radius:4px;padding:.4rem .75rem;cursor:pointer;font-size:.85rem}[data-theme=light] .remove-avatar-btn{background-color:var(--danger, #e94560);box-shadow:var(--shadow-sm)}.recurring-toggle{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:40;margin-top:30px}.toggle-container{display:flex;align-items:center;gap:10px;position:relative;z-index:40}.toggle-label{font-weight:500;color:var(--text)}[data-theme=light] .toggle-label{color:var(--text)}.schedule-row{display:flex;align-items:center;gap:10px;margin-bottom:20px;width:100%;position:relative;z-index:45}.schedule-select{width:120px;position:relative;z-index:55}.schedule-row:last-child .react-select-container{z-index:55}.schedule-row:last-child .react-select__menu{z-index:9500!important}.schedule-row .react-select-container{z-index:50;min-width:160px;width:180px}.schedule-row .react-select__menu{z-index:9000!important;background-color:var(--surface-dark, #1a2234)!important;border:1px solid var(--primary)!important;box-shadow:0 4px 16px #0009!important;border-radius:6px!important;overflow:hidden!important}.schedule-row .react-select__option{color:var(--text-light, #f3f4f6)!important;background-color:var(--surface-dark, #1a2234)!important;font-weight:600!important;padding:10px 12px!important;border-bottom:1px solid rgba(255,255,255,.1)!important;font-size:1.05rem!important;letter-spacing:.02em!important;text-shadow:none!important;transition:background-color .15s ease!important}.schedule-row .react-select__option--is-focused{background-color:var(--primary)!important;color:#fff!important}.schedule-row .react-select__option--is-selected{background-color:var(--primary-dark)!important;color:#fff!important;font-weight:600!important}[data-theme=dark] .schedule-row .react-select__menu{background-color:var(--surface-dark, #1a2234)!important;color:var(--text-light, #f3f4f6)!important;border:1px solid var(--primary)!important;z-index:12000!important}[data-theme=dark] .schedule-row .react-select__option{color:var(--text-light, #f3f4f6)!important;background-color:var(--surface-dark, #1a2234)!important;font-weight:600!important}[data-theme=dark] .schedule-row .react-select__option--is-focused{background-color:var(--primary)!important;color:#fff!important}[data-theme=dark] .schedule-row .react-select__option--is-selected{background-color:var(--primary-dark)!important;color:#fff!important;font-weight:700!important}.react-select__option{padding:10px 12px!important;font-weight:500!important}.react-select__option--is-focused{background-color:var(--primary-light)!important;color:#fff!important}.react-select__option--is-selected{background-color:var(--primary)!important;color:#fff!important}[data-theme=light] .react-select__option{color:var(--text)!important;background-color:var(--glass-bg)!important}[data-theme=light] .react-select__option--is-focused{background-color:#38bdf81a!important;color:var(--text)!important}[data-theme=light] .react-select__option--is-selected{background-color:var(--primary-dark)!important;color:#fff!important}.schedule-row+.schedule-row{margin-top:25px}.schedule-time{width:100px;position:relative;z-index:40}.schedule-duration{width:60px;position:relative;z-index:40}.duration-label{margin-right:10px;color:var(--text)}[data-theme=light] .duration-label{color:var(--text)}.remove-schedule-btn{background-color:var(--danger, #e94560);color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;position:relative;z-index:40}[data-theme=light] .remove-schedule-btn{background-color:var(--danger, #e94560);box-shadow:var(--shadow-sm)}.add-schedule-btn{background-color:var(--primary-light);color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;margin-top:10px;align-self:flex-start;position:relative;z-index:40}[data-theme=light] .add-schedule-btn{background-color:var(--primary-dark);box-shadow:var(--shadow-sm)}.MuiSwitch-root{width:58px;height:38px}.MuiSwitch-switchBase{padding:9px}.MuiSwitch-thumb{width:20px;height:20px;background-color:#fff}.MuiSwitch-track{border-radius:20px;background-color:#0003!important;opacity:1!important}.Mui-checked+.MuiSwitch-track{background-color:var(--primary-light)!important;opacity:.8!important}[data-theme=light] .MuiSwitch-track{background-color:#0000001a!important}[data-theme=light] .Mui-checked+.MuiSwitch-track{background-color:var(--primary-dark)!important}.group-main-feed{padding:1rem;background:var(--surface);color:var(--text);border-radius:8px;box-shadow:0 2px 8px var(--shadow-color, rgba(0,0,0,.05));transition:background .2s,color .2s;min-width:0;width:100%;box-sizing:border-box;height:auto;overflow:visible}.group-feed-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.group-feed-header h2{color:var(--text);font-size:2rem;font-weight:700;letter-spacing:.02em;margin:0}.group-feed-list{display:flex;flex-direction:column;gap:var(--spacing-lg);margin:0;padding:0;list-style:none}.group-feed-item{display:flex;align-items:flex-start;gap:var(--spacing-md);background:var(--surface);border-radius:var(--border-radius-md);border:1.5px solid var(--border-light);box-shadow:var(--shadow-card);margin-bottom:0;padding:var(--spacing-md);transition:background .2s,box-shadow .2s,border .2s;position:relative}.group-feed-item:nth-child(odd){background:var(--surface-alt, var(--surface));border-left:5px solid var(--accent)}.group-feed-item:nth-child(2n){background:var(--card-bg);border-left:5px solid var(--primary-light)}.group-feed-item:hover{box-shadow:0 4px 16px #38bdf821;transform:translateY(-2px) scale(1.01);border-color:var(--accent)}.group-feed-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid var(--accent);background:var(--surface-alt, var(--surface));margin-right:var(--spacing-md);flex-shrink:0}.group-feed-info{flex:1;display:flex;flex-direction:column;gap:.3rem}.group-feed-name{font-weight:700;color:var(--primary-light);font-size:1.15rem;margin-bottom:.1rem}.group-feed-activity-type{font-size:.98rem;color:var(--accent);font-weight:600;margin-bottom:.1rem}.group-feed-timestamp{font-size:.92rem;color:var(--text-muted);margin-bottom:.2rem}.group-feed-description-container{background:var(--glass-bg);border-radius:var(--border-radius-sm);padding:.7em 1em;margin:.2em 0 .5em;color:var(--text);font-size:1.08rem;box-shadow:0 1px 4px #38bdf812;border:1px solid var(--border-light)}.group-feed-media{margin-top:.5em;margin-bottom:.2em}.group-feed-media-img,.group-feed-media-video{max-width:320px;max-height:220px;border-radius:var(--border-radius-sm);box-shadow:0 2px 8px #38bdf81a;background:var(--surface-alt, var(--surface))}.no-groups-message,.loading-message,.no-activity-message{color:var(--text-muted);text-align:center;margin:2em 0}.group-view{background:var(--background);overflow:visible;box-shadow:var(--shadow-lg);margin-bottom:30px;width:100%}.group-view-back{padding:12px 16px 0;background:var(--surface)}.group-back-btn{background:var(--button-bg);color:var(--button-text);border:none;border-radius:var(--border-radius-sm);padding:6px 14px;font-size:.95rem;font-weight:500;cursor:pointer;box-shadow:var(--neon-glow)}.group-loading{background:var(--surface);color:var(--text);padding:24px 0;text-align:center;font-size:1.2rem;border-radius:12px;margin:32px auto;max-width:400px;box-shadow:0 2px 16px #38bdf814}.group-header{position:relative;width:100%}.group-header-kebab-wrapper{position:absolute!important;top:10px!important;right:10px!important;z-index:100!important}.group-header-kebab-wrapper .gdm-kebab-btn{border:1px solid var(--border-light, rgba(148, 163, 184, .7))!important;background:#0f172acc!important;border-radius:999px;color:#e5e7eb;padding:6px 10px;cursor:pointer;font-size:1rem}.group-header-kebab-wrapper .gdm-kebab-menu{z-index:200!important}.group-header-admin-badge{position:absolute;top:12px;right:4.4rem;z-index:90;display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;border-radius:999px;font-size:.75rem;font-weight:600;white-space:nowrap;background:#38bdf8d9;color:#0c1929;border:1.5px solid rgba(30,64,100,.6);box-shadow:0 2px 8px #00000040;text-transform:uppercase;letter-spacing:.05em}.group-banner{position:relative;width:100%;height:400px;overflow:hidden;border-radius:0;background:linear-gradient(to right,#1a237e,#0d47a1);margin-bottom:0}.banner-edit-icon{position:absolute;top:12px;left:20px;background:#0f172ad9;color:#f9fafb;padding:8px;border-radius:999px;z-index:50;box-shadow:0 2px 8px #0006;border:1px solid rgba(148,163,184,.6);cursor:pointer;font-size:.95rem;display:inline-flex;align-items:center;transition:all .2s ease}.banner-edit-icon:hover{background:#0f172af2;transform:translateY(-1px)}.banner-edit-icon-icon{font-size:1rem}.banner-upload-controls{position:absolute;top:10px;left:70px;background:#000000b3;color:#fff;padding:12px;border-radius:8px;z-index:50;box-shadow:0 2px 8px #0006;display:flex;align-items:center;flex-wrap:wrap;gap:8px;max-width:300px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:1px solid rgba(255,255,255,.2)}.banner-upload-controls input[type=file]{color:#fff;background:#ffffff1a;border-radius:4px;padding:5px;border:1px solid rgba(255,255,255,.3);width:100%}.banner-upload-controls button{background:var(--primary, #4a6bff);color:#fff;border:none;border-radius:4px;padding:6px 12px;cursor:pointer;font-weight:500;transition:all .2s ease}.banner-upload-controls button:hover{background:var(--primary-dark, #3a5bef);transform:translateY(-1px);box-shadow:0 3px 5px #0003}.banner-upload-controls button:disabled{background:#666;cursor:not-allowed;opacity:.7}.close-controls-btn{background:#ff5252!important;color:#fff;border:none;border-radius:4px;padding:6px 12px;cursor:pointer;font-weight:500;transition:all .2s ease}.close-controls-btn:hover{background:#ff1744!important}.group-banner:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:80px;background:linear-gradient(to top,rgba(0,0,0,.5),transparent);pointer-events:none}.group-banner-img{width:100%;height:100%;object-fit:cover;opacity:.9}.group-banner:hover .group-banner-img{transform:scale(1.03)}.banner-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary) 100%)}.group-header-content{padding:0;position:relative;z-index:1;display:block;background:var(--surface)}.group-title-area{display:flex;align-items:center;justify-content:center;width:100%;position:absolute;top:30px;left:0;z-index:10}.group-title-area h2{margin:0;font-size:2.2rem;color:#fff;font-weight:600;letter-spacing:-.02em;line-height:1.2;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.5);background-color:#0000004d;padding:10px 30px;border-radius:8px}.admin-badge{background:var(--primary-light, rgba(56, 189, 248, .2));color:var(--primary);padding:4px 10px;border-radius:12px;font-size:.8rem;font-weight:500;display:inline-flex;align-items:center;height:24px;position:absolute;top:15px;right:4.2rem;z-index:10;box-shadow:0 2px 4px #0000001a}.group-actions{display:flex;gap:15px;justify-content:flex-end;position:absolute;bottom:20px;right:30px;z-index:20;margin:0;top:auto}.join-room-btn,.invite-btn,.share-btn{padding:8px 18px;border-radius:20px;border:none;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 3px 8px #0003;display:flex;align-items:center;justify-content:center;min-width:100px}.join-room-btn{background:#1976d2;color:#fff}.join-room-btn:hover{background:#1565c0;transform:translateY(-2px);box-shadow:0 4px 8px #0000001f}.invite-btn,.share-btn{background:#ffffffe6;color:#333;border:1px solid rgba(0,0,0,.08)}.invite-btn:hover,.share-btn:hover{background:#f5f5f5;transform:translateY(-2px);box-shadow:0 4px 8px #00000014}.group-tabs{display:flex;padding:0 40px;border-bottom:1px solid var(--border-color);background:var(--surface);justify-content:center}.tab-btn{padding:15px 20px;background:none;border:none;border-bottom:2px solid transparent;color:#666;font-weight:500;cursor:pointer;transition:all .2s}.tab-btn:hover{color:#1976d2}.tab-btn.active{color:#1976d2;border-bottom-color:#1976d2}.tab-content{padding:30px 40px;max-width:1200px;margin:0 auto}.group-about{max-width:800px;margin:0 auto}.group-details{background:var(--surface-alt);padding:20px;border-radius:8px;margin-top:20px}.group-details p{margin:10px 0}.group-forum,.group-members,.group-media,.group-files{margin:0 auto;max-width:900px}.media-grid,.members-grid{margin:20px auto}.group-members .user-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.8rem}.members-header{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.members-count{font-size:.9rem;color:var(--muted-text, #6b7280)}@media (min-width: 900px){.group-members .user-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.group-banner{height:250px}.group-header-content{padding:0}.group-title-area{top:20px}.group-title-area h2{font-size:1.5rem;padding:8px 20px}.banner-upload-controls{left:65px;max-width:250px}.group-actions{flex-wrap:wrap;gap:8px;bottom:10px;right:10px;position:absolute;z-index:20}.group-tabs{padding:0;overflow-x:auto}.tab-content{padding:20px}.admin-badge{top:10px;right:10px;font-size:.7rem;padding:3px 8px}}.group-about-tab{background:linear-gradient(135deg,var(--card-bg),var(--surface-light) 80%);border-radius:18px;box-shadow:0 4px 32px #38bdf81a,0 1.5px 8px #38bdf814;padding:2.5rem 2rem;margin:2.5rem auto;max-width:740px;border:2.5px solid var(--accent, #38bdf8);outline:2px solid var(--primary-light, #60a5fa);outline-offset:4px;transition:all .3s cubic-bezier(.4,0,.2,1)}.group-about-tab h2{margin-bottom:2rem;font-size:2.2rem;color:var(--primary);border-bottom:2px solid var(--primary-light, #60a5fa);padding-bottom:.7rem;letter-spacing:.04em;text-shadow:0 0 8px var(--primary-light, #60a5fa)}.group-about-info{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem;margin:2rem 0 1.5rem;padding:1.2rem 1rem;background:linear-gradient(120deg,var(--surface-light, #1e293b) 60%,var(--primary-light, #60a5fa) 100%);border-radius:14px;box-shadow:0 2px 16px #38bdf81a;border:1.5px solid var(--primary-light, #60a5fa)}.group-about-section{margin-bottom:1.2rem;font-size:1.13rem;color:var(--text);padding:1.1rem 1rem 1.1rem 1.2rem;width:100%;box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:baseline;background:linear-gradient(100deg,var(--surface-light, #1e293b) 70%,var(--primary-light, #60a5fa) 120%);border-radius:10px;border:1.5px solid var(--primary-light, #60a5fa);box-shadow:0 0 12px #38bdf81a;position:relative;overflow:hidden}.group-about-section strong{color:var(--primary);margin-right:.7rem;font-weight:700;flex-shrink:0;letter-spacing:.03em;text-shadow:0 0 6px var(--primary-light, #60a5fa)}.group-about-value{font-weight:500;color:var(--text-light);transition:color .2s ease;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;max-width:100%;display:inline-block;margin-left:.2rem;text-shadow:0 0 4px var(--primary-light, #60a5fa33)}.group-about-info .group-about-section{display:flex;flex-wrap:wrap;gap:.3rem}.group-about-section p{margin-top:.5rem;line-height:1.6}.group-schedules{margin-top:2rem;padding:1.2rem 1rem .5rem;background:linear-gradient(120deg,var(--surface-light, #1e293b) 60%,var(--primary-light, #60a5fa) 100%);border-radius:14px;border:1.5px solid var(--primary-light, #60a5fa);box-shadow:0 2px 16px #38bdf81a}.group-schedule-list{margin:1rem 0 0;padding-left:0;list-style:none}.group-schedule-item{margin-bottom:1.1rem;padding:.8rem 1.3rem;background:linear-gradient(90deg,var(--primary-light, #60a5fa) 0%,var(--surface-light, #1e293b) 100%);border-radius:8px;color:var(--text-light);display:flex;align-items:center;transition:transform .2s cubic-bezier(.4,0,.2,1),background-color .2s;border:1.5px solid var(--primary-light, #60a5fa);box-shadow:0 0 10px #38bdf81a}.group-schedule-item:hover{transform:translate(7px) scale(1.03);background:linear-gradient(90deg,var(--primary),var(--primary-light, #60a5fa) 80%);color:var(--text-light)}.schedule-day{font-weight:700;color:var(--primary);margin-right:.7rem;min-width:90px;text-shadow:0 0 6px var(--primary-light, #60a5fa)}.schedule-time{font-family:Orbitron,monospace;margin-right:.7rem;color:var(--text-light);font-size:1.08em}.schedule-duration{color:var(--text-muted);margin-left:auto;font-size:.98em}.group-about-empty-message{color:var(--text-muted);font-style:italic;margin-left:.5rem}.group-about-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;background:linear-gradient(135deg,var(--surface-light, #1e293b),var(--primary-light, #60a5fa) 100%);border-radius:12px;box-shadow:0 2px 8px #38bdf81a}.group-about-loading p{margin-top:1rem;color:var(--primary-light, #60a5fa);text-shadow:0 0 8px var(--primary-light, #60a5fa)}.group-about-error{border-left:4px solid var(--error, #e53935);background:linear-gradient(120deg,var(--surface-light, #1e293b) 60%,#e53935 100%);border-radius:10px}.group-about-error p{color:var(--error, #e53935)}.group-about-empty p{color:var(--text-muted)}@media (max-width: 600px){.group-about-info{grid-template-columns:1fr;padding:.7rem .3rem}.group-schedule-item{flex-direction:column;align-items:flex-start;padding:.7rem}.schedule-day{margin-bottom:.3rem}.schedule-duration{margin-left:0;margin-top:.3rem}.group-about-section{padding:.7rem .5rem .7rem .7rem}}[data-theme=light] .group-about-tab{background:linear-gradient(135deg,var(--card-bg),var(--surface) 80%);color:var(--text)}[data-theme=light] .group-about-tab h2{color:var(--primary-light);text-shadow:0 0 8px var(--primary-light);border-bottom:2px solid var(--primary-light)}[data-theme=light] .group-about-info{background:linear-gradient(120deg,var(--surface, #f1f3f6) 60%,var(--primary-light, #38bdf8) 100%);border:1.5px solid var(--primary-light, #38bdf8)}[data-theme=light] .group-about-section{color:var(--text);background:linear-gradient(100deg,var(--surface, #f1f3f6) 70%,var(--primary-light, #38bdf8) 120%);border:1.5px solid var(--primary-light, #38bdf8)}[data-theme=light] .group-about-section strong{color:var(--primary-light);text-shadow:0 0 6px var(--primary-light, #38bdf8)}[data-theme=light] .group-about-value{color:var(--text-secondary);text-shadow:0 0 4px var(--primary-light, #38bdf8)}[data-theme=light] .group-schedules{background:linear-gradient(120deg,var(--surface, #f1f3f6) 60%,var(--primary-light, #38bdf8) 100%);border:1.5px solid var(--primary-light, #38bdf8)}[data-theme=light] .group-schedule-item{background:linear-gradient(90deg,var(--primary-light, #38bdf8) 0%,var(--surface, #f1f3f6) 100%);color:var(--text);border:1.5px solid var(--primary-light, #38bdf8)}[data-theme=light] .group-schedule-item:hover{background:linear-gradient(90deg,var(--primary-light, #38bdf8),var(--primary, #e3e7ed) 80%);color:var(--text)}[data-theme=light] .schedule-day{color:var(--primary-light);text-shadow:0 0 6px var(--primary-light, #38bdf8)}[data-theme=light] .schedule-time{color:var(--text-secondary)}[data-theme=light] .schedule-duration,[data-theme=light] .group-about-empty-message{color:var(--text-muted)}[data-theme=light] .group-about-loading{background:linear-gradient(135deg,var(--surface, #f1f3f6),var(--primary-light, #38bdf8) 100%)}[data-theme=light] .group-about-loading p{color:var(--primary-light, #38bdf8);text-shadow:0 0 8px var(--primary-light, #38bdf8)}[data-theme=light] .group-about-error{background:linear-gradient(120deg,var(--surface, #f1f3f6) 60%,#e53935 100%)}[data-theme=light] .group-about-error p{color:var(--error, #e53935)}[data-theme=light] .group-about-empty p{color:var(--text-muted)}.forum-tab{background:var(--card-bg);border-radius:10px;box-shadow:0 2px 8px #00000012;padding:2rem;margin:2rem auto;max-width:700px;border:1.5px solid var(--accent, rgba(56, 189, 248, .2));transition:all .3s ease}.forum-tab .social-composer{border-radius:10px;margin-bottom:2rem}.forum-post-input{border:1px solid var(--primary-light, #7e57c2);border-radius:8px;padding:1rem;font-size:1.1rem;resize:vertical;background:var(--input-bg, rgba(30,34,54,.92));color:var(--text, #e0e6f0);box-shadow:0 2px 8px #0000001a;transition:background .2s,color .2s,border .2s}.forum-post-input:focus{outline:none;border-color:var(--primary-light, #7e57c2);background:var(--surface-alt, #23263a);color:var(--text-light, #fff)}.forum-post-actions button{background:var(--surface-alt, var(--surface));border:none;border-radius:6px;padding:6px 10px;cursor:pointer;font-size:1.1rem;transition:background .2s}.forum-post-actions button:hover{background:var(--surface-hover, #e0e0e0)}.forum-post-submit{background:var(--primary, #1976d2);color:var(--on-primary, #fff)}.forum-embed-input{border:1px solid #e0e0e0;border-radius:6px;padding:.5rem 1rem;font-size:1rem;margin-top:.5rem}.forum-media-preview img,.forum-media-preview video,.forum-media-preview audio{max-width:100%;border-radius:8px}.remove-media-btn{position:absolute;top:4px;right:4px;background:#fff;border-radius:50%;cursor:pointer;color:#d32f2f;font-size:1.2rem;z-index:2}.forum-post{background:var(--surface);border-radius:8px;padding:1.2rem 1.5rem;box-shadow:0 1px 4px #0000000a;border-left:3px solid var(--primary-light, rgba(25, 118, 210, .2));transition:transform .2s ease,box-shadow .2s ease}.forum-post:nth-child(odd){border-left-color:var(--accent, #7e57c2);background:var(--surface-alt, var(--surface))}.forum-post:nth-child(2n){border-left-color:var(--primary-light, rgba(25, 118, 210, .2))}.forum-post:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.forum-post-header{display:flex;align-items:center;gap:1rem;margin-bottom:.8rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-light, rgba(0,0,0,.05))}.forum-post-author{font-weight:600;color:var(--primary, #1976d2)}.forum-post-date{color:var(--text-muted, #888);font-size:.95rem}.forum-post-content{font-size:1.1rem;margin-bottom:.7rem;padding:.5rem 0;line-height:1.5}.forum-post-embed a{color:#4a90e2;text-decoration:underline;word-break:break-all}.forum-reactions .add-reaction{color:#888;margin-left:.3rem}.forum-reaction-options{position:absolute;top:120%;left:0;background:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 2px 8px #00000014;padding:.3rem .7rem;display:none;flex-direction:row;gap:.5rem;z-index:10}.forum-reactions:hover .forum-reaction-options,.forum-reactions:focus-within .forum-reaction-options{display:flex}.forum-reaction-options button{background:#fffbe6;border:1.5px solid #ffd600;border-radius:50%;font-size:1.5em;padding:6px 10px;margin:0 2px;cursor:pointer;transition:background .15s,transform .15s,box-shadow .15s;outline:none}.forum-reaction-options button:hover,.forum-reaction-options button:focus{background:#fff176;transform:scale(1.18) rotate(-8deg);box-shadow:0 2px 8px #ffd6002e}.forum-comment-modal{width:600px!important;max-width:90vw;min-width:400px;max-height:80vh;background:var(--card-bg);color:var(--text);border-radius:16px;padding:0;box-shadow:var(--shadow-lg);position:relative;display:flex;flex-direction:column;align-items:stretch;overflow:hidden}.close-modal-x-btn{position:absolute;top:14px;right:18px;background:transparent;border:none;color:var(--text-light);font-size:1.3rem;cursor:pointer;z-index:10;padding:2px 6px;line-height:1;transition:color .18s}.close-modal-x-btn:hover{color:var(--error)}.forum-comment-modal{display:flex;flex-direction:column}.comment-modal-header{position:sticky;top:0;background:var(--card-bg);padding:32px 20px 0;z-index:5;border-radius:16px 16px 0 0}.comment-modal-content{flex:1;overflow-y:auto;padding:20px;max-height:calc(80vh - 220px);background:var(--card-bg);color:var(--text)}.forum-comment-modal textarea{width:100%;min-width:0;max-width:100%;min-height:90px;font-size:1.08rem;border-radius:8px;border:1px solid var(--primary-light);padding:12px 14px;margin-bottom:60px;background:var(--input-bg);color:var(--text);box-sizing:border-box;resize:vertical}.forum-comment-modal .comment-modal-actions{display:flex;flex-direction:row;position:absolute;bottom:20px;right:20px;justify-content:flex-end;align-items:center;gap:12px;width:calc(100% - 40px);margin-top:8px}.forum-comment-modal .comment-modal-actions button{min-width:90px;padding:8px 18px;font-size:1rem;border-radius:6px;border:none;background:var(--primary-light);color:var(--button-text);cursor:pointer;margin:0;transition:background .18s,color .18s}.forum-comment-modal-overlay{position:fixed;inset:0;background-color:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));display:flex;justify-content:center;align-items:center;z-index:1000;padding:0}.close-modal-btn{margin-top:1rem;background:var(--error);color:var(--button-text);border:none;border-radius:6px;padding:8px 16px;cursor:pointer;font-size:1rem}@media (max-width: 700px){.forum-tab,.forum-post,.forum-comment-modal{padding:1rem}}.forum-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;display:inline-block;border:2px solid var(--border-light);background:var(--surface);margin-right:8px}.forum-reaction-options button{background:var(--glass-bg);border:1.5px solid var(--accent);border-radius:50%;font-size:1.5em;padding:6px 10px;margin:0 2px;cursor:pointer;transition:background .15s,transform .15s,box-shadow .15s;outline:none}.forum-reaction-options button:hover,.forum-reaction-options button:focus{background:var(--primary-light);transform:scale(1.18) rotate(-8deg);box-shadow:var(--shadow-sm)}.forum-post-owner-actions{display:flex;flex-direction:row;gap:.5rem;align-items:center}.forum-post-actions button{background:var(--surface-alt, var(--surface));border:1px solid var(--border-light);border-radius:6px;padding:.4rem .7rem;cursor:pointer;display:flex;align-items:center;font-size:.95rem;color:var(--text);transition:background-color .2s ease,color .2s ease,transform .15s ease}.forum-action-btn:hover,.forum-post-actions button:hover{background-color:var(--primary-light);transform:translateY(-1px);box-shadow:var(--shadow-sm);color:var(--button-text)}.reaction-btn,.repost-btn,.share-btn{min-width:60px;display:flex;align-items:center;justify-content:center;margin-right:.2rem}.comment-btn{min-width:70px;display:flex;align-items:center;justify-content:center}.forum-action-btn{display:flex;align-items:center;justify-content:center;gap:.2rem;background-color:var(--surface-alt, #f5f5f5);border:1px solid #ddd;border-radius:8px;padding:.4rem .6rem;font-size:1rem;color:#444;transition:all .2s ease;min-width:60px}.reaction-picker{position:absolute;bottom:calc(100% + 5px);left:0;transform:translate(0);background-color:#fff;border:1px solid #ddd;border-radius:12px;padding:.6rem;display:flex;gap:.4rem;box-shadow:0 3px 12px #00000026;z-index:100;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;min-width:180px;max-width:280px}.reaction-emoji{font-size:1.3rem;cursor:pointer;padding:.3rem;border-radius:50%;transition:background-color .2s ease,transform .15s ease,box-shadow .15s ease;display:flex;align-items:center;gap:.3rem;position:relative}.reaction-emoji:hover{background-color:#e8e8e8;transform:scale(1.2);box-shadow:0 2px 4px #0000001a}.reaction-count{font-size:.8rem;font-weight:700;color:#555;min-width:1rem}.active-reaction{background-color:#e3f2fd;color:#1976d2;border-color:#1976d2;transform:scale(1.05);box-shadow:0 1px 3px #1976d24d}.forum-action-btn.active-reaction{color:#1976d2;background-color:#1976d21a}.forum-action-btn span{font-size:.9rem;color:#444;margin-left:.4rem;font-weight:500}textarea.forum-post-edit-textarea{width:100%;min-height:60px;box-sizing:border-box;resize:vertical;padding:1rem;font-size:1.1rem;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:.5rem}.forum-post-edit-actions{display:flex;flex-direction:row;gap:.5rem;justify-content:flex-end;margin-top:.5rem}.events-page{display:block;width:100%;max-width:var(--page-content-max-width);margin:0 auto;min-height:0;background:transparent;padding:20px;box-sizing:border-box;transition:background .3s}@media (max-width: 900px){.events-page{padding:1.2rem .2rem}}.events-sidebar{background:linear-gradient(135deg,var(--card-bg),var(--surface-light) 80%);border-radius:16px;box-shadow:0 2px 12px #38bdf81a;padding:1.5rem 1rem;min-width:220px;max-width:260px;margin-right:0;border:1.5px solid var(--accent, #38bdf8);outline:1.5px solid var(--primary-light, #60a5fa);outline-offset:2px;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-title{font-size:1.25rem;font-weight:700;color:var(--primary-light, #60a5fa);margin-bottom:1.5rem;letter-spacing:.03em;text-shadow:0 0 6px var(--primary-light, #60a5fa)}.sidebar-tab{background:var(--surface-alt, #e5e7fa);color:var(--primary-light, #554ee2);border:none;border-radius:8px;padding:.5rem 1.3rem;font-size:1.08rem;font-weight:600;cursor:pointer;margin-bottom:.7rem;width:100%;text-align:left;transition:background .2s,color .2s,box-shadow .2s;box-shadow:0 2px 8px #38bdf81a;letter-spacing:.04em}.sidebar-tab.active,.sidebar-tab:hover{background:var(--primary-light, #38bdf8);color:#fff;box-shadow:0 0 16px 2px var(--neon),0 4px 16px #38bdf82e}@media (max-width: 900px){.events-sidebar{margin-right:0;margin-bottom:1.2rem;min-width:100px;max-width:100vw;padding:1.2rem .5rem}}.events-main,.events-content{width:100%;min-width:0;max-width:100%;margin:0;padding:0}.events-main.page-panel{max-width:920px;margin:0 auto}@media (max-width: 1200px){.events-main,.events-content{max-width:98vw}}.event-detail,.event-detail-container{max-width:1040px;width:100%;margin-left:auto;margin-right:auto;padding:0}@media (max-width: 1200px){.event-detail,.event-detail-container{max-width:99vw}}.event-header-content{padding:2rem 2.5rem 1.5rem;display:flex;flex-direction:column;align-items:center;background:transparent;width:100%;box-sizing:border-box;position:relative;margin-top:.5rem}.event-actions{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:1.5rem;justify-content:center;background:transparent;width:100%;box-sizing:border-box}@media (max-width: 700px){.event-header-content{padding:1rem .5rem}.event-actions{gap:.5rem;padding:0 .2rem}}.event-header-actions{position:absolute;top:.5rem;right:.5rem;display:flex;gap:.7rem;z-index:2}.header-action-btn{background:var(--button-bg);color:var(--button-text);border:none;border-radius:var(--border-radius-sm);padding:.5rem 1.2rem;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:var(--neon-glow);transition:background .2s,color .2s}.header-action-btn:hover{background:var(--button-hover);color:#fff}@media (max-width: 900px){.events-page{gap:.3rem}.event-header-actions{position:static;justify-content:flex-end;margin-bottom:.7rem}}[data-theme=dark] .events-sidebar{background:linear-gradient(135deg,var(--card-bg, #181d2f),var(--surface-light, #232336) 80%);box-shadow:0 2px 12px #38bdf81a;border:1.5px solid var(--accent, #38bdf8);outline:1.5px solid var(--primary-light, #38e0ff)}[data-theme=dark] .sidebar-title{color:var(--primary-light, #38e0ff);text-shadow:0 0 6px var(--primary-light, #38e0ff)}[data-theme=dark] .sidebar-tab{background:var(--surface-alt, #232336);color:var(--primary-light, #38e0ff)}[data-theme=dark] .sidebar-tab.active,[data-theme=dark] .sidebar-tab:hover{background:var(--primary-light, #38e0ff);color:#fff;box-shadow:0 0 16px 2px var(--neon),0 4px 16px #38bdf82e}.events-main-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.create-event-btn{background:var(--primary-light, #6c63ff);color:#fff;border:none;border-radius:8px;padding:.5rem 1.3rem;font-size:.95rem;font-weight:500;cursor:pointer;transition:background .2s}.create-event-btn:hover{background:#554ee2}.events-tabs{display:flex;gap:8px;margin-bottom:1.2rem;border-bottom:1px solid var(--border-color, #e5e7eb);padding-bottom:.25rem}.events-tab{background:none;border:none;padding:8px 14px;border-radius:999px;font-size:.95rem;font-weight:500;color:var(--text-muted, #6b7280);cursor:pointer;transition:background .15s ease,color .15s ease,transform .05s ease}.events-tab:hover{background:#6366f114}.events-tab.active{background:linear-gradient(90deg,var(--primary-dark, #1b2a45),var(--primary, #1976d2));color:var(--text-light, #fff)}@media (max-width: 600px){.events-main-header{flex-direction:column;align-items:flex-start;gap:.5rem}.events-tabs{flex-wrap:wrap}}.event-detail-container{background:var(--card-bg, #fff);border-radius:14px;box-shadow:0 4px 24px #00000014;padding:2rem 1.5rem;margin-bottom:2rem;max-width:900px;margin-left:auto;margin-right:auto}.event-detail{background:linear-gradient(135deg,var(--card-bg),var(--surface-light) 80%);border-radius:18px;box-shadow:0 4px 32px #38bdf81a,0 1.5px 8px #38bdf814;padding:0;margin:2.5rem auto;max-width:900px;border:2.5px solid var(--accent, #38bdf8);outline:2px solid var(--primary-light, #60a5fa);outline-offset:4px;transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--text)}.event-detail-header{position:relative;margin-bottom:1.5rem;border-radius:18px 18px 0 0;overflow:visible;background:linear-gradient(120deg,var(--surface-light, #1e293b) 60%,var(--primary-light, #60a5fa) 100%);box-shadow:0 2px 16px #38bdf81a;border-bottom:2px solid var(--primary-light, #60a5fa)}.event-detail-back-btn{position:absolute;top:1rem;left:1rem;z-index:10;background:var(--surface, rgba(255, 255, 255, .8));border:none;border-radius:4px;padding:.5rem 1rem;font-size:.9rem;cursor:pointer;transition:background .2s;color:var(--text, #18181b)}.event-detail-back-btn:hover{background:var(--surface-light, #fff)}.event-header-kebab-wrapper{position:absolute;top:10px;right:10px;z-index:100}.event-header-kebab-menu{z-index:200}.event-header-kebab-btn{background:#0f172acc;color:#e5e7eb;border-radius:999px;border:1px solid rgba(148,163,184,.7);padding:4px 8px;cursor:pointer}.event-header-kebab-menu{position:absolute;top:32px;right:0;background:#0f172af2;border-radius:8px;padding:8px 10px;min-width:200px;box-shadow:0 4px 16px #00000073;border:1px solid rgba(148,163,184,.7);color:#e5e7eb}.event-header-kebab-danger-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#fca5a5;margin:4px 0}.event-header-kebab-item{width:100%;text-align:left;padding:6px 8px;border-radius:6px;border:none;background:transparent;color:#e5e7eb;cursor:pointer}.event-header-kebab-item.danger{background:#b91c1c}.event-banner{width:100%;height:450px;overflow:hidden;background:linear-gradient(135deg,var(--primary-light, #38bdf8) 0%,var(--primary) 100%);position:relative}.event-banner img{width:100%;height:100%;object-fit:cover;opacity:.92}.event-banner:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:80px;background:linear-gradient(to top,rgba(0,0,0,.5),transparent);pointer-events:none}.event-banner-edit-btn{position:absolute;top:3.8rem;left:1.6rem;background:#0f172ad9;color:#f9fafb;border:1px solid rgba(148,163,184,.7);border-radius:999px;padding:.4rem;font-size:.9rem;cursor:pointer;display:inline-flex;align-items:center;z-index:20;box-shadow:0 2px 8px #00000059}.event-banner-admin-badge{position:absolute;top:12px;right:5rem;left:auto;z-index:90;display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;border-radius:999px;font-size:.75rem;font-weight:600;white-space:nowrap;background:#38bdf8d9;color:#0c1929;border:1.5px solid rgba(30,64,100,.6);box-shadow:0 2px 8px #00000040;text-transform:uppercase;letter-spacing:.05em}.event-banner-edit-btn:hover{background:#0f172af5}.event-banner-upload-controls{position:absolute;top:5.6rem;left:1.6rem;background:#000000b3;color:#fff;padding:12px;border-radius:8px;z-index:50;display:flex;align-items:center;flex-wrap:wrap;gap:8px;max-width:320px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-shadow:0 2px 8px #0006;border:1px solid rgba(255,255,255,.2)}.event-banner-upload-controls input[type=file]{color:#fff;background:#ffffff1a;border-radius:4px;padding:5px;border:1px solid rgba(255,255,255,.3)}.event-banner-preview{max-height:60px;border-radius:4px;object-fit:cover}.event-banner-upload-controls button{background:var(--primary, #4a6bff);color:#fff;border:none;border-radius:4px;padding:6px 12px;cursor:pointer;font-weight:500;transition:all .2s ease}.event-banner-upload-controls button:disabled{opacity:.7;cursor:not-allowed}.event-banner-controls-close{background:#ef4444!important}.event-header-content{padding:2rem 2.5rem 1.5rem;display:flex;flex-direction:column;align-items:center;background:transparent}.event-status-badge{display:inline-flex;align-items:center;justify-content:center;padding:.18rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.35rem}.event-status-badge.cancelled{background:#f871712e;color:#fecaca;border:1px solid rgba(248,113,113,.9)}.event-title{font-size:2.2rem;font-weight:700;color:var(--primary-light, #38bdf8);margin-bottom:.5rem;text-align:center;text-shadow:0 0 8px var(--primary-light, #38bdf8),0 0 32px var(--primary-light, #38bdf8);letter-spacing:.04em}.event-info{margin-bottom:1rem;color:#666}.event-info p{margin:.3rem 0}.event-actions{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:1.5rem;justify-content:center;background:transparent}.event-cancelled-message{margin-top:1rem;padding:.75rem 1.1rem;border-radius:.75rem;background:#0f172a99;border:1px solid rgba(248,113,113,.8);color:#fecaca;font-size:.95rem;text-align:center}.attendance-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-right:1rem}.attendance-status{font-size:.9rem;color:var(--text-muted, #666);margin-right:.5rem}.attendance-btn,.leave-btn,.join-virtual-btn,.invite-btn,.share-btn{background:var(--button-bg);color:var(--button-text);border:none;border-radius:12px;padding:.7rem 1.7rem;font-size:1.08rem;font-weight:700;cursor:pointer;box-shadow:var(--neon-glow);transition:background .2s,box-shadow .2s,color .2s;margin-bottom:.2rem}.attendance-btn.active{background:var(--primary-light, #38bdf8);color:#fff;box-shadow:0 0 16px 2px var(--neon),0 4px 16px #38bdf82e}.attendance-btn:hover,.leave-btn:hover,.join-virtual-btn:hover,.invite-btn:hover,.share-btn:hover{background:var(--button-hover);filter:brightness(1.18);box-shadow:0 0 16px 2px var(--neon),0 4px 16px #38bdf82e}.leave-btn{background:var(--error, #ff5252);color:#fff}.leave-btn:hover{background:#e05555}.join-virtual-btn,.invite-btn,.share-btn{background:var(--primary-light, #6c63ff);color:#fff;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.9rem;cursor:pointer;transition:background .2s}.join-virtual-btn:hover,.invite-btn:hover,.share-btn:hover{background:var(--primary, #554ee2)}.invite-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.invite-modal-content{background:var(--card-bg, #fff);border-radius:8px;padding:2rem;width:90%;max-width:500px;position:relative;color:var(--text, #18181b)}.invite-modal .close-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-muted, #666)}.invite-modal h3{margin-bottom:1.5rem;color:var(--primary-light, #554ee2)}.invite-modal .form-group{margin-bottom:1.5rem}.invite-modal label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text, #444)}.invite-modal input{width:100%;padding:.8rem;border:1px solid var(--border, #ddd);border-radius:4px;font-size:1rem;background:var(--input-bg, #fff);color:var(--text, #18181b)}.invite-modal .form-actions{display:flex;justify-content:flex-end}.invite-modal button{background:var(--primary-light, #6c63ff);color:#fff;border:none;border-radius:4px;padding:.7rem 1.5rem;font-size:1rem;cursor:pointer;transition:background .2s}.invite-modal button:hover{background:var(--primary, #554ee2)}.invite-modal button:disabled{background:#b5b2ff;cursor:not-allowed}@media (max-width: 700px){.event-detail{padding:.5rem .1rem}.event-header-content{padding:1rem .5rem}.event-title{font-size:1.3rem}.event-banner{height:120px}}[data-theme=dark] .event-detail{background:linear-gradient(135deg,var(--card-bg, #181d2f),var(--surface-light, #232336) 80%);color:var(--text, #f1f5f9)}[data-theme=dark] .event-detail-header{background:linear-gradient(120deg,var(--surface-light, #232336) 60%,var(--primary-light, #38bdf8) 100%);box-shadow:0 2px 16px #38bdf81a}[data-theme=dark] .event-title{color:var(--primary-light, #38bdf8);text-shadow:0 0 8px var(--primary-light, #38bdf8),0 0 32px var(--primary-light, #38bdf8)}[data-theme=dark] .event-actions{background:transparent}[data-theme=dark] .attendance-btn,[data-theme=dark] .leave-btn,[data-theme=dark] .join-virtual-btn,[data-theme=dark] .invite-btn,[data-theme=dark] .share-btn{background:var(--button-bg);color:var(--button-text);box-shadow:var(--neon-glow)}[data-theme=dark] .admin-badge{background:var(--primary-light, #38bdf8);color:#fff}[data-theme=dark] .invite-modal-content{background:var(--card-bg, #181d2f);color:var(--text, #f1f5f9)}[data-theme=dark] .invite-modal label{color:var(--text, #f1f5f9)}[data-theme=dark] .invite-modal input{background:var(--input-bg, #232336);color:var(--text, #f1f5f9);border:1px solid var(--primary-light, #38bdf8)}[data-theme=dark] .invite-modal .close-btn{color:var(--text-muted, #a3aed6)}[data-theme=dark] .invite-modal h3{color:var(--primary-light, #38bdf8)}[data-theme=light] .event-detail,[data-theme=light] .event-detail-header,[data-theme=light] .event-banner,[data-theme=light] .event-header-content{background:#fff;color:#18181b;border-color:#e0e0e0}[data-theme=light] .event-title{color:#554ee2}[data-theme=light] .admin-badge{background:#554ee2;color:#fff}.event-about-tab{background:var(--card-bg, #f9fafe);border-radius:12px;box-shadow:0 2px 12px #00000012;padding:1.5rem 1rem;margin-bottom:1.5rem;color:var(--text, #444)}.event-about-tab h2{font-size:1.2rem;font-weight:600;color:var(--primary-light, #554ee2);margin-bottom:1rem}.event-about-tab ul{color:var(--text, #444);font-size:1.05rem;line-height:1.7;list-style:disc inside;padding-left:0}[data-theme=dark] .event-about-tab{background:var(--card-bg, #181d2f);color:var(--text, #f1f5f9)}[data-theme=dark] .event-about-tab h2{color:var(--primary-light, #38bdf8)}[data-theme=dark] .event-about-tab ul{color:var(--text, #f1f5f9)}@media (max-width: 600px){.event-about-tab{padding:1rem .3rem}.event-about-tab h2{font-size:1rem}}.modern-event-about-tab{background:linear-gradient(135deg,var(--card-bg),var(--surface-light) 80%);border-radius:18px;box-shadow:0 4px 32px #38bdf81a,0 1.5px 8px #38bdf814;padding:2.5rem 2rem;margin:2.5rem auto;max-width:740px;border:2.5px solid var(--accent, #38bdf8);outline:2px solid var(--primary-light, #60a5fa);outline-offset:4px;transition:all .3s cubic-bezier(.4,0,.2,1)}.event-about-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.event-about-header h2{font-size:2.2rem;color:var(--primary);border-bottom:2px solid var(--primary-light, #60a5fa);padding-bottom:.7rem;letter-spacing:.04em;text-shadow:0 0 8px var(--primary-light, #60a5fa)}.edit-event-btn{background:var(--primary-light, #38bdf8);color:#fff;border:none;border-radius:8px;padding:.5rem 1.2rem;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #38bdf81a;transition:background .2s,color .2s}.edit-event-btn:hover{background:var(--primary, #2563eb)}.event-about-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:2rem 0 1.5rem;padding:1.2rem 1rem;background:linear-gradient(120deg,var(--surface-light, #1e293b) 60%,var(--primary-light, #60a5fa) 100%);border-radius:14px;box-shadow:0 2px 16px #38bdf81a;border:1.5px solid var(--primary-light, #60a5fa)}.event-about-section{margin-bottom:1.2rem;font-size:1.13rem;color:var(--text);padding:1.1rem 1rem 1.1rem 1.2rem;width:100%;box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:baseline;background:linear-gradient(100deg,var(--surface-light, #1e293b) 70%,var(--primary-light, #60a5fa) 120%);border-radius:10px;border:1.5px solid var(--primary-light, #60a5fa);box-shadow:0 0 12px #38bdf81a;position:relative;overflow:hidden}.event-about-section strong{color:var(--primary);margin-right:.7rem;font-weight:700;flex-shrink:0;letter-spacing:.03em;text-shadow:0 0 6px var(--primary-light, #60a5fa)}.event-about-section span{font-weight:500;color:var(--text-light);transition:color .2s ease;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;max-width:100%;display:inline-block;margin-left:.2rem;text-shadow:0 0 4px var(--primary-light, #60a5fa33)}.event-about-edit-form{display:flex;flex-direction:column;gap:1.2rem;margin:2rem 0 1.5rem;padding:1.2rem 1rem;background:linear-gradient(120deg,var(--surface-light, #1e293b) 60%,var(--primary-light, #60a5fa) 100%);border-radius:14px;box-shadow:0 2px 16px #38bdf81a;border:1.5px solid var(--primary-light, #60a5fa)}.event-about-edit-form label{font-weight:600;color:var(--primary-light, #60a5fa);margin-bottom:.3rem;display:block}.event-about-edit-form input,.event-about-edit-form textarea,.event-about-edit-form select{width:100%;padding:.7rem 1rem;border-radius:8px;border:1.5px solid var(--primary-light, #60a5fa);background:var(--input-bg, #181d2f);color:var(--text-light, #fff);font-size:1.08rem;margin-top:.2rem;margin-bottom:.5rem;box-shadow:0 1px 4px #38bdf812;transition:border .2s,background .2s}.event-about-edit-form input:focus,.event-about-edit-form textarea:focus,.event-about-edit-form select:focus{border-color:var(--primary, #2563eb);outline:none}.event-about-edit-actions{display:flex;gap:1rem;margin-top:1.2rem}.event-about-edit-actions button{background:var(--primary-light, #38bdf8);color:#fff;border:none;border-radius:8px;padding:.5rem 1.2rem;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #38bdf81a;transition:background .2s,color .2s}.event-about-edit-actions .cancel-btn{background:#e53935;color:#fff}.event-about-edit-actions button:disabled{opacity:.7;cursor:not-allowed}.event-about-error{color:var(--error, #e53935);margin-top:.5rem;font-weight:600}@media (max-width: 700px){.modern-event-about-tab{padding:1.2rem .5rem}.event-about-header h2{font-size:1.3rem}.event-about-info-grid{grid-template-columns:1fr;padding:.7rem .3rem}.event-about-section{padding:.7rem .5rem .7rem .7rem}}[data-theme=dark] .modern-event-about-tab{background:linear-gradient(135deg,var(--card-bg, #181d2f),var(--surface-light, #232336) 80%);color:var(--text, #f1f5f9)}[data-theme=dark] .event-about-header h2{color:var(--primary-light, #38bdf8);text-shadow:0 0 8px var(--primary-light, #38bdf8);border-bottom:2px solid var(--primary-light, #38bdf8)}[data-theme=dark] .event-about-info-grid{background:linear-gradient(120deg,var(--surface-light, #232336) 60%,var(--primary-light, #38bdf8) 100%);border:1.5px solid var(--primary-light, #38bdf8)}[data-theme=dark] .event-about-section{color:var(--text, #f1f5f9);background:linear-gradient(100deg,var(--surface-light, #232336) 70%,var(--primary-light, #38bdf8) 120%);border:1.5px solid var(--primary-light, #38bdf8)}[data-theme=dark] .event-about-section strong{color:var(--primary-light, #38bdf8);text-shadow:0 0 6px var(--primary-light, #38bdf8)}[data-theme=dark] .event-about-section span{color:var(--text-light, #f1f5f9);text-shadow:0 0 4px var(--primary-light, #38bdf8)}[data-theme=dark] .event-about-edit-form{background:linear-gradient(120deg,var(--surface-light, #232336) 60%,var(--primary-light, #38bdf8) 100%);border:1.5px solid var(--primary-light, #38bdf8)}[data-theme=dark] .event-about-edit-form label{color:var(--primary-light, #38bdf8)}[data-theme=dark] .event-about-edit-form input,[data-theme=dark] .event-about-edit-form textarea,[data-theme=dark] .event-about-edit-form select{background:var(--input-bg, #181d2f);color:var(--text-light, #f1f5f9);border:1.5px solid var(--primary-light, #38bdf8)}[data-theme=dark] .event-about-edit-actions button{background:var(--primary-light, #38bdf8);color:#fff}[data-theme=dark] .event-about-edit-actions .cancel-btn{background:#e53935;color:#fff}.event-about-description-section{grid-column:1 / -1;background:linear-gradient(100deg,var(--surface-light, #1e293b) 70%,var(--primary-light, #60a5fa) 120%);font-size:1.25rem;font-weight:600;color:var(--text);padding:1.5rem 1.2rem;border-radius:14px;margin-bottom:1.5rem;box-shadow:0 2px 12px #38bdf81a}.event-about-description{font-size:1.18rem;font-weight:500;color:var(--text);margin-left:.5rem;word-break:break-word;line-height:1.7}[data-theme=light] .event-about-section,[data-theme=light] .event-about-description-section{color:var(--text);background:linear-gradient(100deg,var(--surface, #f1f3f6) 70%,var(--primary-light, #38e0ff) 120%);border:1.5px solid var(--primary-light, #38e0ff);box-shadow:0 2px 12px #38e0ff1a}[data-theme=light] .event-about-description{color:var(--text);font-weight:600;text-shadow:none}[data-theme=light] .event-about-section,[data-theme=light] .event-about-description-section{-webkit-backdrop-filter:none;backdrop-filter:none;opacity:1}.forum-tab{background:linear-gradient(135deg,var(--glass-bg),var(--surface-light) 80%);border-radius:var(--border-radius-md);box-shadow:var(--shadow-card);padding:2.5rem 1.5rem;margin:2.5rem auto;max-width:760px;border:var(--glass-border);outline:2px solid var(--primary-light);outline-offset:4px;transition:all .3s cubic-bezier(.4,0,.2,1)}.forum-tab .social-composer{border-radius:var(--border-radius-sm);margin-bottom:2rem}.forum-post-form{display:flex;flex-direction:column;gap:.7rem;margin-bottom:2rem}.forum-post-input{border:1.5px solid var(--primary-light);border-radius:var(--border-radius-sm);padding:1.1rem;font-size:1.13rem;resize:vertical;background:var(--input-bg);color:var(--text-light);box-shadow:0 2px 8px #38e0ff1a;transition:background .2s,color .2s,border .2s}.forum-post-input:focus{outline:none;border-color:var(--primary-light);background:var(--glass-bg);color:var(--text-light)}.forum-post-actions{display:flex;align-items:center;gap:.7rem}.forum-post-actions button{background:var(--surface-alt, var(--surface));border:none;border-radius:var(--border-radius-sm);padding:8px 14px;cursor:pointer;font-size:1.13rem;transition:background .2s;color:var(--primary-light);box-shadow:0 2px 8px #38e0ff1a}.forum-post-actions button:hover{background:var(--primary-light);color:#fff}.forum-post-submit{background:var(--button-bg);color:var(--button-text);border-radius:var(--border-radius-sm);box-shadow:var(--neon-glow)}.forum-post-submit:disabled{background:#b0c4de;cursor:not-allowed}.forum-embed-input{border:1.5px solid var(--primary-light);border-radius:var(--border-radius-sm);padding:.7rem 1.1rem;font-size:1.08rem;margin-top:.5rem;background:var(--input-bg);color:var(--text-light)}.forum-media-preview{margin-top:.7rem;position:relative}.forum-media-preview img,.forum-media-preview video,.forum-media-preview audio{max-width:100%;border-radius:var(--border-radius-sm);box-shadow:var(--shadow-md)}.remove-media-btn{position:absolute;top:4px;right:4px;background:var(--glass-bg);border-radius:50%;cursor:pointer;color:var(--error);font-size:1.2rem;z-index:2;border:none;box-shadow:0 2px 8px #38e0ff1a}.forum-posts-list{display:flex;flex-direction:column;gap:1.5rem}.forum-post{background:linear-gradient(100deg,var(--glass-bg) 70%,var(--primary-light) 120%);border-radius:var(--border-radius-sm);padding:1.3rem 1.5rem;box-shadow:var(--shadow-sm);border-left:3px solid var(--primary-light);border:1.5px solid var(--primary-light);transition:transform .2s ease,box-shadow .2s ease}.forum-post:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.forum-post-header{display:flex;align-items:center;gap:1rem;margin-bottom:.8rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-light)}.forum-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;display:inline-block;border:2px solid var(--primary-light);background:var(--surface);margin-right:8px;box-shadow:0 2px 8px #38e0ff1a}.forum-display-name{color:var(--neon);text-shadow:var(--neon-glow);font-family:Orbitron,Segoe UI,Arial,sans-serif;font-size:1.15em}.forum-post-date{color:var(--text-muted);font-size:.95rem}.forum-post-content{font-size:1.13rem;margin-bottom:.7rem;padding:.5rem 0;line-height:1.5;color:var(--text-light)}.forum-post-media{margin-bottom:.7rem}.forum-post-embed a{color:var(--primary-light);text-decoration:underline;word-break:break-all}.forum-post-actions-bar{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;margin-top:.5rem;padding:0 .5rem}.reaction-container{position:relative;display:inline-block}.forum-action-btn{display:flex;align-items:center;justify-content:center;gap:.2rem;background:var(--glass-bg);border:1.5px solid var(--primary-light);border-radius:var(--border-radius-sm);padding:.4rem .6rem;font-size:1rem;color:var(--primary-light);transition:all .2s ease;min-width:60px;box-shadow:0 2px 8px #38e0ff1a}.forum-action-btn svg{font-size:1.1rem;margin-right:2px}.forum-action-btn.active-reaction{color:var(--neon);background:var(--primary-light);box-shadow:var(--neon-glow)}.forum-action-btn:hover{background:var(--primary-light);color:#fff;box-shadow:var(--neon-glow)}.reaction-picker{position:absolute;bottom:calc(100% + 5px);left:0;transform:translate(0);background:var(--glass-bg);border:1.5px solid var(--primary-light);border-radius:var(--border-radius-md);padding:.7rem;display:flex;gap:.4rem;box-shadow:var(--shadow-md);z-index:100;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;min-width:180px;max-width:280px}.reaction-container:hover .reaction-picker,.reaction-container:focus-within .reaction-picker{opacity:1!important;visibility:visible!important}.reaction-emoji{font-size:1.3rem;cursor:pointer;padding:.3rem;border-radius:50%;transition:background-color .2s ease,transform .15s ease,box-shadow .15s ease;display:flex;align-items:center;gap:.3rem;position:relative;background:var(--surface-light);color:var(--primary-light);box-shadow:0 2px 8px #38e0ff1a}.reaction-emoji:hover{background:var(--primary-light);color:#fff;transform:scale(1.2);box-shadow:var(--neon-glow)}.reaction-count{font-size:.8rem;font-weight:700;color:var(--neon);min-width:1rem}.active-reaction{background:var(--primary-light);color:#fff;box-shadow:var(--neon-glow)}.no-posts{color:var(--text-muted);text-align:center;margin:2rem 0}@media (max-width: 700px){.forum-tab{padding:1rem .3rem}.forum-post{padding:1rem}}[data-theme=dark] .forum-tab{background:linear-gradient(135deg,var(--glass-bg, #181d2f),var(--surface-light, #232336) 80%);box-shadow:var(--shadow-card)}[data-theme=dark] .forum-post{background:linear-gradient(100deg,var(--glass-bg, #232336) 70%,var(--primary-light, #38e0ff) 120%);border:1.5px solid var(--primary-light, #38e0ff)}[data-theme=dark] .forum-post-header{border-bottom:1px solid var(--border-light, #232336)}[data-theme=dark] .forum-avatar{border:2px solid var(--primary-light, #38e0ff)}[data-theme=dark] .forum-display-name{color:var(--neon, #00ffe7);text-shadow:var(--neon-glow)}[data-theme=dark] .forum-post-content{color:var(--text-light, #f1f5f9)}[data-theme=dark] .forum-action-btn{background:var(--glass-bg, #232336);color:var(--primary-light, #38e0ff);border:1.5px solid var(--primary-light, #38e0ff)}[data-theme=dark] .forum-action-btn.active-reaction{color:var(--neon, #00ffe7);background:var(--primary-light, #38e0ff);box-shadow:var(--neon-glow)}[data-theme=dark] .forum-action-btn:hover{background:var(--primary-light, #38e0ff);color:#fff;box-shadow:var(--neon-glow)}[data-theme=dark] .reaction-picker{background:var(--glass-bg, #232336);border:1.5px solid var(--primary-light, #38e0ff);box-shadow:var(--shadow-md)}[data-theme=dark] .reaction-emoji{background:var(--surface-light, #232336);color:var(--primary-light, #38e0ff)}[data-theme=dark] .reaction-emoji:hover{background:var(--primary-light, #38e0ff);color:#fff;box-shadow:var(--neon-glow)}[data-theme=dark] .reaction-count{color:var(--neon, #00ffe7)}.event-hosts-guests-tab{background:linear-gradient(135deg,var(--card-bg),var(--surface-light) 80%);border-radius:14px;box-shadow:0 2px 12px #38bdf81a;padding:2rem 1.2rem;margin-bottom:1.5rem;border:1.5px solid var(--accent, #38bdf8);outline:1.5px solid var(--primary-light, #60a5fa);outline-offset:2px;transition:all .3s cubic-bezier(.4,0,.2,1)}.hosts-section,.guests-section,.attendees-section{margin-bottom:1.5rem}.event-hosts-guests-tab h3{font-size:1.18rem;color:var(--primary-light, #60a5fa);margin-bottom:1rem;border-bottom:2px solid var(--primary-light, #60a5fa);padding-bottom:.5rem;letter-spacing:.03em;text-shadow:0 0 6px var(--primary-light, #60a5fa)}.event-hosts-guests-tab p{color:#888;font-size:.98rem;padding:.5rem 0}.people-grid{margin-top:.5rem}@media (min-width: 900px){.event-hosts-guests-tab .user-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.person-card{display:flex;align-items:center;padding:1.1rem;border-radius:10px;background:linear-gradient(100deg,var(--surface-light, #1e293b) 70%,var(--primary-light, #60a5fa) 120%);box-shadow:0 1px 4px #38bdf81a;border:1.5px solid var(--primary-light, #60a5fa);transition:transform .2s ease,box-shadow .2s ease}.person-card:hover{transform:translateY(-2px);box-shadow:0 3px 6px #38bdf826}.person-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;margin-right:1rem;background-color:#e0e0ff;display:flex;align-items:center;justify-content:center;border:2px solid var(--primary-light, #60a5fa)}.person-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{font-size:1.2rem;font-weight:700;color:var(--primary-light, #60a5fa)}.person-info{flex:1}.person-name{font-weight:600;margin-bottom:.25rem;color:var(--text-light);font-size:1.08rem}.person-role{font-size:.95rem;color:var(--text-muted);text-transform:capitalize}@media (max-width: 700px){.event-hosts-guests-tab{padding:1rem .3rem}.people-grid{grid-template-columns:1fr}}[data-theme=dark] .event-hosts-guests-tab{background:linear-gradient(135deg,var(--card-bg, #181d2f),var(--surface-light, #232336) 80%);box-shadow:0 2px 12px #38bdf81a}[data-theme=dark] .person-card{background:linear-gradient(100deg,var(--surface-light, #232336) 70%,var(--primary-light, #38bdf8) 120%);border:1.5px solid var(--primary-light, #38bdf8)}[data-theme=dark] .person-avatar{background-color:#232336;border:2px solid var(--primary-light, #38bdf8)}[data-theme=dark] .person-name{color:var(--text-light, #f1f5f9)}[data-theme=dark] .person-role{color:var(--text-muted, #a3aed6)}.event-tabs{background:linear-gradient(135deg,var(--card-bg),var(--surface-light) 80%);border-radius:14px;box-shadow:0 2px 12px #38bdf81a;padding:1.5rem 1rem;margin-bottom:1.5rem;border:1.5px solid var(--accent, #38bdf8);outline:1.5px solid var(--primary-light, #60a5fa);outline-offset:2px;transition:all .3s cubic-bezier(.4,0,.2,1)}.event-tabs-nav{display:flex;gap:.7rem;margin-bottom:1.2rem;justify-content:center}.event-tab-btn{background:var(--surface-alt, #e5e7fa);color:var(--primary-light, #554ee2);border:none;border-radius:8px;padding:.5rem 1.3rem;font-size:1.08rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s;box-shadow:0 2px 8px #38bdf81a;letter-spacing:.04em}.event-tab-btn.active,.event-tab-btn:hover{background:var(--primary-light, #38bdf8);color:#fff;box-shadow:0 0 16px 2px var(--neon),0 4px 16px #38bdf82e}.event-tab-content{margin-top:1rem}@media (max-width: 700px){.event-tabs{padding:1rem .3rem}.event-tab-btn{font-size:.95rem;padding:.3rem .7rem}}[data-theme=dark] .event-tabs{background:linear-gradient(135deg,var(--card-bg, #181d2f),var(--surface-light, #232336) 80%);box-shadow:0 2px 12px #38bdf81a}[data-theme=dark] .event-tab-btn{background:var(--surface-alt, #232336);color:var(--primary-light, #38bdf8)}[data-theme=dark] .event-tab-btn.active,[data-theme=dark] .event-tab-btn:hover{background:var(--primary-light, #38bdf8);color:#fff;box-shadow:0 0 16px 2px var(--neon),0 4px 16px #38bdf82e}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));display:flex;align-items:center;justify-content:center;z-index:1000}.create-event-modal{background:linear-gradient(135deg,var(--card-bg),var(--surface-light) 80%);border-radius:var(--border-radius-md);box-shadow:var(--shadow-card);padding:2.5rem 2rem;width:100%;max-width:440px;position:relative;animation:fadeIn .3s;border:var(--glass-border);outline:2px solid var(--primary-light);outline-offset:4px;color:var(--text)}@keyframes fadeIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.close-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;transition:color .2s}.close-btn:hover{color:var(--error)}.create-event-modal h2{margin-bottom:1.5rem;font-size:1.6rem;color:var(--primary-light);text-align:center;text-shadow:0 0 8px var(--primary-light)}.form-group{margin-bottom:1.2rem;display:flex;flex-direction:column}.form-group label{font-weight:600;margin-bottom:.4rem;color:var(--primary-light);letter-spacing:.02em}.form-group input,.form-group select,.form-group textarea{padding:.7rem 1rem;border:1.5px solid var(--primary-light);border-radius:var(--border-radius-sm);font-size:1.08rem;outline:none;background:var(--input-bg);color:var(--text-light);box-shadow:0 1px 4px #38e0ff12;transition:border .2s,background .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent)}.image-preview-container{margin-top:.5rem;display:flex;align-items:center;gap:.7rem}.image-preview-container img{width:60px;height:60px;object-fit:cover;border-radius:8px;border:1.5px solid var(--primary-light)}.remove-image-btn{background:var(--error);color:#fff;border:none;border-radius:6px;padding:.3rem .7rem;font-size:.95rem;cursor:pointer;transition:background .2s}.remove-image-btn:hover{background:#c0392b}.form-actions{display:flex;justify-content:flex-end;gap:.7rem;margin-top:1.5rem}.create-btn{background:var(--button-bg);color:var(--button-text);border:none;border-radius:var(--border-radius-sm);padding:.7rem 1.5rem;font-size:1.08rem;font-weight:700;cursor:pointer;box-shadow:var(--neon-glow);transition:background .2s,box-shadow .2s}.create-btn:hover{background:var(--button-hover);box-shadow:0 0 16px 2px var(--neon),0 4px 16px #38e0ff2e}.cancel-btn{background:var(--surface-light);color:var(--text);border:none;border-radius:var(--border-radius-sm);padding:.7rem 1.1rem;font-size:1.08rem;cursor:pointer;transition:background .2s}.cancel-btn:hover{background:var(--primary-light);color:#fff}@media (max-width: 500px){.create-event-modal{padding:1.2rem .7rem;max-width:98vw}}[data-theme=dark] .create-event-modal{background:linear-gradient(135deg,var(--card-bg, #181d2f),var(--surface-light, #232336) 80%);color:var(--text);border:var(--glass-border);outline:2px solid var(--primary-light)}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select,[data-theme=dark] .form-group textarea{background:var(--input-bg, #181d2f);color:var(--text-light, #f1f5f9);border:1.5px solid var(--primary-light, #38e0ff)}[data-theme=dark] .form-group label{color:var(--primary-light, #38e0ff)}[data-theme=dark] .create-btn{background:var(--button-bg);color:var(--button-text);box-shadow:var(--neon-glow)}[data-theme=dark] .create-btn:hover{background:var(--button-hover);color:#fff}[data-theme=dark] .cancel-btn{background:var(--surface-light, #232336);color:var(--text, #f1f5f9)}.discover-section{width:100%;max-width:var(--page-content-max-width);margin:0 auto;padding:20px}.discover-section .page-panel{max-width:920px;margin:0 auto}.section-description{color:var(--text-muted);font-size:1.1rem;margin-bottom:28px;line-height:1.5}.filter-container{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;background:#ffffffb3;padding:16px;border-radius:12px;box-shadow:0 2px 10px #0000000d}.filter-select{padding:8px 12px;border-radius:8px;border:1px solid var(--primary-light);background-color:#fff;min-width:180px;box-shadow:0 1px 3px #0000000d}.search-input{flex:1;min-width:200px;padding:10px 15px;border-radius:8px;border:1px solid var(--primary-light);background-color:#fff;box-shadow:0 1px 3px #0000000d}.find-matches-btn{padding:10px 20px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 5px #0000001a}.discover-header{margin-bottom:20px}.discover-title{font-size:2rem;color:var(--primary);margin-bottom:10px;font-weight:600}.discover-content{background:#ffffff80;border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000000f}@media (max-width: 700px){.discover-section{padding:16px 3vw 32px}.discover-content{padding:16px;border-radius:12px}.discover-title{font-size:1.6rem}.filter-container{flex-direction:column;padding:12px}.search-input,.filter-select{width:100%}}.join-video-btn{display:inline-block;margin-top:8px;padding:10px 20px;background:var(--primary);color:#fff;border-radius:8px;text-decoration:none;font-weight:700;transition:all .2s ease;box-shadow:0 3px 10px #0000001a}.join-video-btn:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 5px 15px #00000026}.skeleton-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}@media (max-width: 900px){.skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.skeleton-grid{grid-template-columns:1fr}}.skeleton-card{border-radius:12px;border:1px solid rgba(0,0,0,.06);background:#fff9;padding:14px;overflow:hidden}.skeleton-line{height:12px;border-radius:8px;background:linear-gradient(90deg,#b4b4b42e 25%,#b4b4b452 37%,#b4b4b42e 63%);background-size:400% 100%;animation:discover-skeleton-shimmer 1.2s ease-in-out infinite}.skeleton-line.sm{height:10px}.skeleton-line.lg{height:16px}.skeleton-row{display:flex;align-items:center;gap:12px}.skeleton-avatar{width:42px;height:42px;border-radius:999px;background:linear-gradient(90deg,#b4b4b42e 25%,#b4b4b452 37%,#b4b4b42e 63%);background-size:400% 100%;animation:discover-skeleton-shimmer 1.2s ease-in-out infinite;flex:0 0 auto}.skeleton-spacer{height:10px}@keyframes discover-skeleton-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.discover-list-footer{margin-top:12px;min-height:44px;display:flex;align-items:center;justify-content:center}.discover-inline-loading{color:var(--text-muted);font-size:.95rem}[data-theme=light] .discover-container{background:var(--background);color:var(--text)}[data-theme=light] .discover-header,[data-theme=light] .discover-tabs,[data-theme=light] .discover-filters,[data-theme=light] .discover-grid{color:var(--text)}[data-theme=light] .discover-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);color:var(--text)}[data-theme=light] .discover-card:hover{box-shadow:var(--shadow-md);border-color:var(--accent)}[data-theme=light] .discover-card h3,[data-theme=light] .discover-card h4{color:var(--text)}[data-theme=light] .discover-card p{color:var(--text-secondary)}[data-theme=light] .discover-container button,[data-theme=light] .discover-filters button,[data-theme=light] .discover-card button{background:var(--button-bg) \!important;color:var(--button-text) \!important}[data-theme=light] .discover-container button.secondary,[data-theme=light] .discover-filters button[class*=reset],[data-theme=light] .discover-card button.outline{background:var(--surface) \!important;color:var(--text) \!important;border:2px solid var(--border) \!important}[data-theme=light] .filter-button,[data-theme=light] .tab-button{background:transparent \!important;color:var(--text) \!important;border:1px solid var(--border) \!important}[data-theme=light] .filter-button.active,[data-theme=light] .tab-button.active{background:var(--accent) \!important;color:var(--text-dark) \!important;border-color:var(--accent) \!important}.discover-tabs{display:flex;gap:16px;margin-bottom:28px;border-bottom:2px solid rgba(0,0,0,.05);padding-bottom:10px}.tab-button{font-size:1.05rem;padding:8px 22px;border-radius:8px 8px 0 0;background:var(--surface-light);color:var(--primary);border:1px solid transparent;border-bottom:none;cursor:pointer;transition:all .25s ease;position:relative;font-weight:500}.tab-button.active{background:var(--primary);color:var(--text-light);box-shadow:0 -2px 10px #0000001a}.tab-button:hover:not(.active){background:#4299e11a;transform:translateY(-3px)}.tab-button.active:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:var(--primary)}@media (max-width: 600px){.discover-tabs{flex-wrap:wrap;gap:8px}.tab-button{font-size:.95rem;padding:6px 16px;flex:1;text-align:center}}.filter-container{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;background:#ffffffb3;padding:16px;border-radius:12px;box-shadow:0 2px 10px #0000000d;align-items:center}.filter-container *,.filter-container *:before,.filter-container *:after{box-sizing:border-box}.users-filters-grid{width:100%;display:grid;grid-template-columns:repeat(12,1fr);gap:12px;align-items:end}.users-filter-item{grid-column:span 3;min-width:0;display:flex;flex-direction:column;gap:6px}.users-filter-item--search{grid-column:span 6}.users-filter-item--toggle{grid-column:span 6;display:flex;flex-direction:column;gap:6px;justify-content:flex-start}.users-filter-item--cta{grid-column:1 / -1;display:flex;justify-content:center;align-items:center;margin-top:8px}.users-toggle{display:flex;align-items:center;gap:8px;color:var(--text-dark);white-space:nowrap;font-size:14px;cursor:pointer;height:42px;margin-top:0}[data-theme=dark] .users-toggle{color:#e2e8f0eb}@media (max-width: 1100px){.users-filter-item{grid-column:span 4}.users-filter-item--search{grid-column:span 8}.users-filter-item--toggle{grid-column:span 12}}@media (max-width: 700px){.users-filter-item,.users-filter-item--search,.users-filter-item--toggle{grid-column:1 / -1}}.groups-filters-grid{width:100%;display:grid;grid-template-columns:repeat(12,1fr);gap:12px;align-items:start}.groups-filter-item{grid-column:span 4;min-width:0;display:flex;flex-direction:column;gap:6px}.groups-filter-item--time{grid-column:span 4}.groups-filter-item--search{grid-column:span 12}@media (max-width: 1100px){.groups-filter-item,.groups-filter-item--time{grid-column:span 6}.groups-filter-item--search{grid-column:span 12}}@media (max-width: 700px){.groups-filter-item,.groups-filter-item--time,.groups-filter-item--search{grid-column:1 / -1}}.events-filters-grid{width:100%;display:grid;grid-template-columns:repeat(12,1fr);gap:12px;align-items:start}.events-filter-item{grid-column:span 4;min-width:0;display:flex;flex-direction:column;gap:6px}.events-filter-item--search{grid-column:span 8}.events-filter-item--toggles{grid-column:span 12;display:flex;flex-direction:column;gap:6px}.events-toggle{display:flex;align-items:center;gap:8px;color:var(--text-dark);white-space:nowrap;font-size:14px;cursor:pointer}[data-theme=dark] .events-toggle{color:#e2e8f0eb}@media (max-width: 1100px){.events-filter-item{grid-column:span 6}.events-filter-item--search,.events-filter-item--toggles{grid-column:span 12}}@media (max-width: 700px){.events-filter-item,.events-filter-item--search,.events-filter-item--toggles{grid-column:1 / -1}}[data-theme=dark] .filter-container{background:#0f172a9e;border:1px solid rgba(56,189,248,.18);box-shadow:0 10px 30px #00000059;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filter-group{display:flex;align-items:center;gap:8px;flex:0 1 auto;min-width:180px;max-width:250px}.search-group{display:flex;align-items:center;flex:0 1 auto;min-width:180px;max-width:250px}.button-group{display:flex;align-items:center;flex:0 0 auto}.filter-label{font-weight:500;color:var(--primary);white-space:nowrap}[data-theme=dark] .filter-label{color:#e2e8f0e6}.filter-select{font-size:.95rem;padding:8px 12px;border-radius:8px;border:1px solid var(--primary-light);background-color:#fff;color:var(--text-dark);width:100%;min-width:0;height:42px;line-height:1.2;box-shadow:0 1px 3px #0000000d;transition:all .2s ease}[data-theme=dark] .filter-select{background:#020617a6;color:#e2e8f0eb;border:1px solid rgba(148,163,184,.35);box-shadow:0 6px 16px #00000059}.filter-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px #4299e133;outline:none}.search-input{font-size:.95rem;padding:8px 12px;border-radius:8px;border:1px solid var(--primary-light);background-color:#fff;color:var(--text-dark);width:100%;height:42px;line-height:1.2;box-shadow:0 1px 3px #0000000d;transition:all .2s ease}[data-theme=dark] .search-input{background:#020617a6;color:#e2e8f0eb;border:1px solid rgba(148,163,184,.35);box-shadow:0 6px 16px #00000059}[data-theme=dark] .search-input::placeholder{color:#94a3b8cc}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #4299e133;outline:none}.find-matches-btn{background:var(--primary);color:#fff;border:none;padding:10px 32px;border-radius:6px;cursor:pointer;font-weight:600;transition:background .2s;min-width:200px;max-width:300px}.find-matches-btn:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 8px #00000026}@media (max-width: 768px){.filter-container{flex-direction:column;align-items:stretch;padding:12px}.filter-group,.search-group,.button-group{width:100%;max-width:none}}.user-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.8rem;margin-top:1.5rem;width:100%}@media (max-width: 800px){.user-grid{grid-template-columns:1fr}}.user-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:var(--glass-border);border-radius:var(--border-radius-md);padding:1.4rem 1.2rem 1.2rem;transition:transform var(--transition-fast),box-shadow var(--transition-fast);cursor:pointer;display:flex;flex-direction:column;align-items:center;min-height:240px;outline:none;position:relative;overflow:hidden;box-shadow:var(--shadow-card)}.user-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--primary-light),var(--primary));opacity:0;transition:opacity .3s ease}.user-card:hover,.user-card:focus{transform:translateY(-4px);box-shadow:0 0 16px #38bdf826;border-color:var(--neon)}.user-card:hover:before,.user-card:focus:before{opacity:1}.user-avatar-wrapper{position:relative;margin-bottom:1rem;display:flex;align-items:center;justify-content:center}.user-online-dot{position:absolute;bottom:2px;right:2px;width:14px;height:14px;background:#38d39f;border:2px solid var(--text-light);border-radius:50%;box-shadow:0 1px 4px #38d39f4d;z-index:3}.user-badge{position:absolute;top:-8px;right:-8px;padding:.25rem .8rem;border-radius:10px;font-size:.8rem;font-weight:600;letter-spacing:.5px;box-shadow:0 3px 10px #00000026;z-index:2}.verified-badge{background:#fbbf24;color:var(--text-light);left:-8px;right:auto}.mutual-badge{background:#805ad5;color:var(--text-light);top:auto;bottom:-8px;right:-8px}.favorite-btn{position:absolute;top:10px;left:10px;background:none;border:none;cursor:pointer;z-index:4;font-size:1.4rem;color:#f59e42;transition:all .2s ease}.favorite-btn:hover{transform:scale(1.2)}.favorite-btn.favorited{color:#e53e3e}.user-avatar{width:70px;height:70px;border-radius:50%;object-fit:cover;border:3px solid #e2e8f0;background:#f3f4f6;font-size:1.8rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000001a}.user-avatar-fallback{color:var(--text-light);font-weight:700;font-size:1.8rem;text-transform:uppercase}.new-badge{background:#38a169;color:var(--text-light);right:auto;left:-8px}.connected-badge{background:#3182ce;color:var(--text-light);right:auto;left:-8px}.user-info{text-align:center;margin-bottom:1rem;width:100%}.user-name{font-size:1.25rem;font-weight:600;color:var(--neon);text-shadow:0 0 6px var(--neon);font-family:Orbitron,sans-serif;letter-spacing:.04em;margin-bottom:.4rem}.user-languages{font-size:1rem;color:#4a5568;margin-bottom:.5rem;display:flex;flex-direction:column;gap:4px}.user-occupation{font-size:.95rem;color:#718096;margin-bottom:.5rem}.user-interests{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin-bottom:.5rem}.user-interest{background:#e2e8f0;color:#4a5568;font-size:.85rem;padding:.2rem .8rem;border-radius:10px;font-weight:500;transition:all .2s ease}.user-interest:hover{background:var(--primary-light);color:var(--text-light)}.user-card-actions{margin-top:auto;display:flex;justify-content:center;align-items:center;gap:.8rem;width:100%}.connect-btn{padding:10px 20px;border-radius:var(--border-radius-sm);border:1.5px solid var(--accent);background:linear-gradient(90deg,var(--primary) 0%,var(--primary-light) 100%);color:var(--button-text);font-family:Orbitron,sans-serif;font-size:.9rem;letter-spacing:.04em;cursor:pointer;transition:all var(--transition-fast);flex:1;text-align:center}.connect-btn:hover{background:#3182ce;transform:translateY(-2px);box-shadow:0 4px 10px #4299e166}.connect-btn:disabled{background:#a0aec0;cursor:not-allowed;box-shadow:none}.message-btn{padding:10px 20px;border-radius:var(--border-radius-sm);border:1.5px solid var(--text-secondary);background:var(--glass-bg);color:var(--text-secondary);font-family:Orbitron,sans-serif;font-size:.9rem;letter-spacing:.04em;cursor:pointer;transition:all var(--transition-fast);flex:1;text-align:center}.message-btn:hover{background:#4299e11a;transform:translateY(-2px)}.self-badge{background:#e2e8f0;color:#444;font-size:.9rem;padding:.2rem .8rem;border-radius:10px;font-weight:500}@media (max-width: 768px){.user-grid{gap:1.2rem}}@media (max-width: 600px){.user-grid{grid-template-columns:1fr;gap:1rem}.user-card{padding:1.2rem 1rem 1rem;min-height:200px}.user-avatar{width:60px;height:60px;font-size:1.5rem}.user-name{font-size:1.1rem}}.user-card{animation:fadeInUserCard .5s}@keyframes fadeInUserCard{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.quick-actions-dropdown{position:absolute;top:10px;right:10px;z-index:10}.quick-actions-btn{background:none;border:none;font-size:1.3rem;cursor:pointer;color:#888;transition:all .2s ease}.quick-actions-btn:hover{color:#3182ce;transform:scale(1.1)}.quick-actions-menu{position:absolute;top:32px;right:0;background:var(--text-light);border-radius:12px;box-shadow:0 4px 20px #00000026;min-width:180px;padding:.6rem 0;display:flex;flex-direction:column;gap:.2rem;z-index:20;animation:fadeInMenu .2s ease}@keyframes fadeInMenu{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.quick-actions-menu button{background:none;border:none;width:100%;text-align:left;padding:.6rem 1.2rem;font-size:.95rem;color:#2d3748;cursor:pointer;transition:all .15s ease}.quick-actions-menu button:hover{background:#f1f5f9;padding-left:1.5rem}[data-theme=light] .user-card{background:#fff!important;border:1.5px solid var(--border)!important;box-shadow:var(--shadow-sm)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;opacity:1!important}[data-theme=light] .user-card:before{background:linear-gradient(90deg,var(--accent),#60a5fa)!important;opacity:.15!important}[data-theme=light] .user-name{color:var(--text) \!important;text-shadow:none \!important}[data-theme=light] .user-languages,[data-theme=light] .user-occupation{color:var(--text-secondary) \!important}[data-theme=light] .user-interest{background:#e2e8f0 \!important;color:#334155 \!important}[data-theme=light] .connect-btn{background:var(--button-bg) \!important;color:var(--button-text) \!important;border:1px solid transparent \!important}[data-theme=light] .connect-btn:hover{background:var(--button-hover) \!important}[data-theme=light] .message-btn{background:var(--surface) \!important;color:var(--text) \!important;border:2px solid var(--border) \!important}[data-theme=light] .quick-actions-menu{background:#fff \!important;color:var(--text) \!important;border:1px solid var(--border) \!important}[data-theme=light] .quick-actions-menu button{color:var(--text) \!important}.danger-zone-label{padding:6px 0 4px;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#f87171e6;font-weight:600;margin-top:12px}.danger-action-btn{background:#b91c1c;color:#fee2e2;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:background .18s ease,transform .12s ease}.danger-action-btn:hover{background:#991b1b;transform:translateY(-1px)}[data-theme=light] .verified-badge{background:#fde047 \!important;color:#1f2937 \!important}[data-theme=light] .mutual-badge{background:#93c5fd \!important;color:#1e3a8a \!important}[data-theme=light] .new-badge{background:#86efac \!important;color:#14532d \!important}[data-theme=light] .self-badge{background:#e2e8f0 \!important;color:#334155 \!important}[data-theme=light] .user-hover-modal{background:#fff \!important;color:var(--text) \!important;border:1px solid var(--border) \!important;box-shadow:var(--shadow-md) \!important;-webkit-backdrop-filter:none \!important;backdrop-filter:none \!important}.incoming-requests{background:var(--surface-light);border-radius:10px;padding:16px 20px;margin-bottom:18px;box-shadow:0 1px 4px #0000000a}.incoming-requests h3{margin-top:0;margin-bottom:10px;color:var(--primary)}.incoming-request-item{display:flex;align-items:center;gap:10px;margin-bottom:10px}.incoming-request-item button{font-size:.95rem;padding:3px 12px;border-radius:6px;border:none;cursor:pointer;background:var(--primary-light);color:var(--text-light)}.incoming-request-item button:last-child{background:#e53935}.connections-suggestions-modal{position:fixed;inset:0;background:#0a1428d9;z-index:1000;display:flex;align-items:center;justify-content:center}.connections-suggestions-modal>.connections-list{background:var(--surface);border-radius:14px;padding:32px 32px 24px;max-width:480px;width:100%;box-shadow:0 4px 24px #0000002e}.suggestions-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.connection-item.suggestion{background:var(--surface-light);border:1px dashed var(--primary-light)}.close-suggestions-btn{background:#e53935;margin-left:auto;font-size:1.2rem;padding:2px 10px}.connection-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;margin-right:16px;border:2px solid var(--primary-light)}@media (max-width: 600px){.connections-suggestions-modal>.connections-list{padding:16px 4px;max-width:98vw}.connection-avatar{width:36px;height:36px}}.groups-section{padding:20px}.group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.8rem;margin-top:1.5rem}@media (max-width: 800px){.group-grid{grid-template-columns:1fr}}.create-group-btn{background:var(--primary);color:#fff;padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-weight:500;margin-bottom:20px}.create-group-modal{position:fixed;inset:0;background:#000000bf;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal-content{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:var(--glass-border);border-radius:var(--border-radius-lg);padding:30px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:var(--shadow-lg)}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.modal-content::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}.form-buttons{position:sticky;bottom:0;background:var(--glass-bg);padding:20px 0;margin-top:20px;border-top:var(--glass-border);display:flex;gap:10px;justify-content:flex-end}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;font-weight:500}.form-group input,.form-group textarea,.form-group select{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px}.form-group textarea{min-height:100px;resize:vertical}.form-buttons{display:flex;gap:12px;margin-top:24px}.submit-btn,.cancel-btn{padding:10px 20px;border-radius:6px;border:none;cursor:pointer;font-weight:500}.submit-btn{background:var(--primary);color:#fff}.cancel-btn{background:#f0f0f0;color:#333}.groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;padding:20px}.group-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:var(--glass-border);border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--shadow-card);transition:transform var(--transition-fast),box-shadow var(--transition-fast);display:flex;flex-direction:column;min-height:320px;padding:24px;position:relative}.group-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary) 0%,var(--primary-light) 100%)}.group-card-header{display:flex;flex-direction:column}.group-card-avatar-thumb{width:100%;aspect-ratio:4 / 3;border-radius:var(--border-radius-md);overflow:hidden;margin-bottom:10px;background:#000}.group-avatar-thumb{width:100%;height:100%;object-fit:cover;display:block}.group-avatar-fallback-thumb{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#111827;color:var(--text-light);font-size:1.6rem;font-weight:600}.group-card-title-section{margin-top:12px}.group-card-title{font-family:Orbitron,sans-serif;letter-spacing:.04em;font-size:1rem;font-weight:600;color:var(--primary-light);text-shadow:0 0 6px var(--primary-light);margin:0 0 6px}.group-card-body{margin-top:10px}.group-card-meta{display:flex;flex-direction:column;gap:6px}.group-meta-row{display:flex;flex-wrap:wrap;gap:6px}.group-meta-row.schedule{flex-direction:column;align-items:flex-start;gap:2px}.group-meta-row.schedule .schedule-badge{margin-top:0}.group-meta-chip{padding:2px 8px;border-radius:999px;background:var(--glass-bg);color:var(--text-secondary);font-size:.78rem;letter-spacing:.03em}.group-meta-row.categories .category-badge{margin-right:4px;margin-bottom:4px}.group-card-description{margin-top:10px;font-size:.85rem;color:var(--text-secondary);line-height:1.4}.group-meta-chip.recurring-chip{background:linear-gradient(90deg,var(--primary) 0%,var(--accent) 100%);color:var(--button-text)}.category-badge.more-toggle{border:none!important;outline:none!important;box-shadow:none!important;background:var(--primary-light)!important;color:var(--primary)!important;padding:4px 8px!important;border-radius:12px!important;font-size:.8rem!important;font-weight:500;font-family:inherit;cursor:pointer}.category-badge.more-toggle:hover,.category-badge.more-toggle:focus{filter:brightness(1.1);border:none!important;box-shadow:none!important}.admin-badge{position:absolute;top:10px;right:10px;background:linear-gradient(90deg,var(--primary) 0%,var(--accent) 100%);color:#fff;padding:4px 12px;border-radius:12px;font-size:.8rem;font-family:Orbitron,sans-serif;letter-spacing:.04em;box-shadow:0 0 8px var(--neon);z-index:2}.group-admin-actions{position:absolute;top:10px;left:10px;display:flex;gap:8px;z-index:2}.edit-group-btn,.delete-group-btn{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:var(--glass-border);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.edit-group-btn:hover,.delete-group-btn:hover{background:var(--primary);border-color:var(--neon);box-shadow:0 0 8px var(--neon)}.delete-group-btn:hover{background:var(--danger)}.capacity-badge{position:absolute;top:10px;right:10px;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));padding:6px 12px;border-radius:var(--border-radius-sm);font-size:.9rem;font-family:Orbitron,sans-serif;letter-spacing:.04em;display:flex;align-items:center;gap:6px;border:var(--glass-border);color:var(--text-light)}.activity-indicator{width:8px;height:8px;border-radius:50%;margin-right:6px;animation:pulse 2s infinite}.activity-indicator.high{background:#4caf50}.activity-indicator.medium{background:#ffc107}.activity-indicator.low{background:#ff5722}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}to{transform:scale(1);opacity:1}}.quick-actions{position:absolute;right:10px;bottom:10px;display:flex;gap:8px;opacity:0;transform:translateY(10px);transition:all .3s ease}.group-card:hover{transform:translateY(-4px);box-shadow:0 0 16px #38bdf826;border-color:var(--neon)}.group-card:hover .quick-actions{opacity:1;transform:translateY(0)}.quick-action-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:var(--glass-border);color:var(--text-light);cursor:pointer;transition:all var(--transition-fast)}.quick-action-btn:hover{background:linear-gradient(90deg,var(--primary) 0%,var(--primary-light) 100%);transform:scale(1.1);border-color:var(--neon);box-shadow:0 0 12px var(--neon)}.group-meta{display:flex;gap:16px;margin:12px 0;color:var(--text-secondary);font-size:.95rem;letter-spacing:.02em}.join-room-btn{display:inline-block;background:var(--primary);color:#fff;text-decoration:none;padding:8px 16px;border-radius:6px;margin-top:12px;font-size:14px}.join-room-btn:hover{background:var(--primary-dark)}.group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.active-room-badge{background:linear-gradient(90deg,var(--success) 0%,var(--accent) 100%);color:var(--text-light);padding:6px 12px;border-radius:var(--border-radius-sm);font-size:.9rem;font-family:Orbitron,sans-serif;letter-spacing:.04em;border:1.5px solid var(--success)}.join-video-btn{display:flex;align-items:center;gap:8px;background:var(--primary);color:#fff;text-decoration:none;padding:8px 16px;border-radius:6px;transition:all .2s ease}.join-video-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.membership-status{padding:4px 8px;border-radius:4px;font-size:.9rem;background:#f0f0f0}.membership-status.is-member{background:var(--primary-light);color:var(--primary)}.group-actions{display:flex;gap:10px;margin-top:15px;flex-wrap:wrap}.join-group-btn,.leave-group-btn{padding:8px 16px;border-radius:6px;border:none;cursor:pointer;font-weight:500;font-size:14px;transition:all .2s ease}.join-group-btn{padding:10px 20px;border-radius:var(--border-radius-sm);border:1.5px solid var(--accent);background:linear-gradient(90deg,var(--primary) 0%,var(--primary-light) 100%);color:var(--button-text);font-family:Orbitron,sans-serif;font-size:.9rem;letter-spacing:.04em;cursor:pointer;transition:all var(--transition-fast);flex:1;text-align:center}.leave-group-btn{padding:10px 20px;border-radius:var(--border-radius-sm);border:1.5px solid var(--text-secondary);background:var(--glass-bg);color:var(--text-secondary);font-family:Orbitron,sans-serif;font-size:.9rem;letter-spacing:.04em;cursor:pointer;transition:all var(--transition-fast);flex:1;text-align:center}.join-group-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.leave-group-btn:hover{background:#e0e0e0;color:#333}.group-card-actions{display:flex;gap:10px;margin-top:14px}.group-card-actions .see-details-btn,.group-card-actions .join-btn{padding:8px 14px;border-radius:var(--border-radius-sm);border:1.5px solid var(--accent);background:linear-gradient(90deg,var(--primary) 0%,var(--primary-light) 100%);color:var(--button-text);font-family:Orbitron,sans-serif;font-size:.85rem;letter-spacing:.04em;cursor:pointer;transition:all var(--transition-fast);flex:1;text-align:center}.group-card-actions .see-details-btn:hover,.group-card-actions .join-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.group-card-actions .join-btn.joined{background:var(--glass-bg);border-color:var(--text-secondary);color:var(--text-secondary);cursor:default;box-shadow:none}.schedule-inputs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:10px}.checkbox-label{display:flex;align-items:center;gap:8px;margin-top:8px}.preview-btn{background:var(--secondary);color:#fff;padding:8px 16px;border-radius:6px;border:none;cursor:pointer;font-size:14px}.join-waiting-list-btn{background:#ff9800;color:#fff;padding:8px 16px;border-radius:6px;border:none;cursor:pointer;font-size:14px}.activity-item{display:flex;justify-content:space-between;padding:8px 0;font-size:.9rem;color:#666}.activity-participants{color:var(--primary)}.quick-join-badge{background:#4caf50;color:#fff;padding:2px 6px;border-radius:4px;font-size:.8rem;margin-left:8px}.room-preview-modal{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.room-preview-modal .modal-content{background:#fff;padding:24px;border-radius:12px;min-width:300px;max-width:500px}.quick-join-toggle{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:4px;border:1px solid var(--primary);background:transparent;color:var(--primary);cursor:pointer;transition:all .2s ease}.quick-join-toggle.active{background:var(--primary);color:#fff}.quick-join-toggle i{font-size:14px}.schedule-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}.schedule-inputs select,.schedule-inputs input{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px}.room-history{margin-top:16px;padding-top:16px;border-top:1px solid #eee}.room-history h4{font-size:.9rem;color:var(--text-secondary);margin-bottom:8px}.activity-item{display:flex;justify-content:space-between;padding:8px 0;font-size:.85rem;color:var(--text-secondary)}.activity-date{color:var(--text-secondary)}.activity-participants{color:var(--primary);font-weight:500}.activity-duration{color:var(--text-secondary)}.join-waiting-list-btn{background:#ff9800;color:#fff;padding:8px 16px;border-radius:6px;border:none;cursor:pointer;font-size:14px;transition:all .2s ease}.join-waiting-list-btn:disabled{background:#ccc;cursor:not-allowed}.join-waiting-list-btn:hover:not(:disabled){background:#f57c00}.room-status{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.participant-count{font-size:.9rem;color:var(--text-secondary);display:flex;align-items:center;gap:4px}.category-badge{padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:500;background:var(--primary-light);color:var(--primary);margin-right:8px}.schedule-badge{display:flex;align-items:center;gap:4px;font-size:.85rem;color:var(--text-secondary);margin-top:8px}.schedule-badge i{font-size:14px}.capacity-indicator{display:flex;align-items:center;gap:4px;font-size:.85rem;color:var(--text-secondary)}.capacity-indicator .progress-bar{width:60px;height:4px;background:#eee;border-radius:2px;overflow:hidden}.capacity-indicator .progress{height:100%;background:var(--primary);transition:width .3s ease}.schedule-section{margin:20px 0}.schedule-row{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:10px;margin-bottom:10px;align-items:center}.add-schedule-btn{background:var(--primary-light);color:var(--primary);padding:8px 16px;border:1px dashed var(--primary);border-radius:6px;cursor:pointer;width:100%;margin-top:10px}.remove-schedule-btn{background:#f44;color:#fff;padding:8px;border:none;border-radius:4px;cursor:pointer}.add-schedule-btn:hover{background:var(--primary-light);transform:translateY(-1px)}.remove-schedule-btn:hover{background:#c00}I .group-avatar-upload{margin-bottom:1rem}.image-upload-area{border:2px dashed var(--border-color);border-radius:8px;padding:1rem;text-align:center;cursor:pointer;transition:all .3s ease;min-height:120px;display:flex;align-items:center;justify-content:center}.image-upload-area:hover{border-color:var(--primary-color)}.image-upload-area.has-image{border-style:solid}.image-preview-container{position:relative;width:100%}.image-preview-container img{max-width:100%;max-height:200px;border-radius:4px}.remove-image-btn{position:absolute;top:8px;right:8px;background:#0009;color:#fff;border:none;border-radius:4px;padding:4px 8px;cursor:pointer}.remove-image-btn:hover{background:#000c}.upload-placeholder{display:flex;flex-direction:column;gap:4px}.upload-placeholder small{color:var(--text-secondary)}.group-avatar-preview{width:56px;height:56px;border-radius:50%;object-fit:cover;margin-right:12px;border:2px solid var(--primary-light)}.group-avatar-upload-btn{display:inline-block;background:var(--glass-bg);color:var(--accent);border:var(--glass-border);border-radius:8px;padding:6px 14px;font-size:.95rem;cursor:pointer;margin-bottom:10px;transition:background var(--transition-fast),color var(--transition-fast)}.group-avatar-upload-btn:hover{background:var(--primary-light);color:var(--primary)}.remove-avatar-btn{background:transparent;color:var(--error);border:none;font-size:1.1rem;cursor:pointer;margin-left:8px;vertical-align:middle}.remove-avatar-btn:hover{text-decoration:underline}.schedule-row{background:var(--glass-bg);border-radius:var(--border-radius-sm);padding:10px 14px;margin-bottom:10px;box-shadow:0 2px 8px #38bdf80f;border:var(--glass-border);align-items:center}.schedule-row input,.schedule-row select{background:var(--input-bg);color:var(--text);border:1.5px solid var(--input-border);border-radius:6px;padding:6px 10px;font-size:.95rem;margin-right:8px}.schedule-row input:focus,.schedule-row select:focus{border-color:var(--input-focus);box-shadow:0 0 6px var(--accent);outline:none}.add-schedule-btn,.remove-schedule-btn{background:var(--primary-light);color:var(--primary);border:1.5px dashed var(--primary);border-radius:6px;padding:6px 14px;font-size:.95rem;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.add-schedule-btn:hover,.remove-schedule-btn:hover{background:var(--primary);color:var(--button-text)}.category-multiselect{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.category-multiselect .category-badge{background:var(--gradient-secondary);color:var(--text-light);border-radius:12px;padding:4px 10px;font-size:.85rem;font-weight:500;box-shadow:0 0 6px var(--accent)}.capacity-indicator .progress-bar{width:80px;height:6px;background:var(--surface);border-radius:3px;overflow:hidden;margin-left:8px}.capacity-indicator .progress{height:100%;background:var(--primary-light);transition:width .3s ease}.waiting-list-badge{background:var(--warning);color:var(--text-light);border-radius:10px;padding:3px 10px;font-size:.85rem;margin-left:8px;font-family:Orbitron,sans-serif;letter-spacing:.04em;box-shadow:0 0 6px var(--warning)}.quick-join-btn{background:var(--accent);color:var(--primary);border:none;border-radius:var(--border-radius-sm);padding:8px 18px;font-size:1rem;font-family:Orbitron,sans-serif;font-weight:700;cursor:pointer;box-shadow:0 0 8px var(--neon);transition:background var(--transition-fast),color var(--transition-fast)}.quick-join-btn:hover{background:var(--primary-light);color:var(--button-text)}.room-preview-modal{background:var(--glass-bg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);padding:32px;max-width:540px;margin:0 auto;color:var(--text);position:relative;z-index:1001}.room-preview-modal .close-btn{position:absolute;top:12px;right:12px;background:none;border:none;color:var(--text-light);font-size:1.5rem;cursor:pointer}@media (max-width: 600px){.group-card{padding:12px;min-height:220px}.room-preview-modal{padding:16px;max-width:98vw}.group-avatar-preview{width:48px;height:48px}}.group-modal-overlay{position:fixed;inset:0;background:#0f172ab3;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));display:flex;align-items:center;justify-content:center;z-index:1200}.group-details-modal{background:var(--glass-bg);border-radius:var(--border-radius-lg);border:var(--glass-border);box-shadow:var(--shadow-lg);width:90%;max-width:820px;max-height:88vh;overflow:hidden;position:relative;display:flex;flex-direction:column}.gdm-header{width:100%;max-height:260px;overflow:hidden}.gdm-banner{width:100%;height:100%;object-fit:cover;display:block}.gdm-banner-placeholder{width:100%;height:220px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top,var(--primary) 0%,#020617 55%);color:var(--text-light);font-size:3rem;font-family:Orbitron,sans-serif}.gdm-close-btn{position:absolute;top:14px;right:14px;background:#0f172ab3;border-radius:999px;border:1px solid var(--border-light);width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--text-light);cursor:pointer;z-index:2}.gdm-kebab-wrapper{position:absolute;top:14px;right:56px;z-index:3}.gdm-kebab-btn{border:1px solid var(--border-light)!important;background:#0f172ab3!important;border-radius:999px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--text-light);cursor:pointer}.gdm-kebab-menu{position:absolute;top:36px;right:0;min-width:180px;background:#0f172af5;border-radius:12px;border:var(--glass-border);box-shadow:var(--shadow-lg);padding:6px 0}.gdm-menu-item{width:100%;padding:8px 14px;background:transparent;border:none;display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:.9rem;cursor:pointer}.gdm-menu-item:hover{background:#0f172ae6;color:var(--text-light)}.gdm-menu-danger-label{padding:4px 14px 2px;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#f87171e6;opacity:.9}.gdm-menu-item.danger{margin-top:4px;border-top:1px solid rgba(248,113,113,.6);background:#b91c1c;color:#fee2e2}.gdm-menu-item.danger:hover{background:#7f1d1d;color:#fef2f2}.gdm-content{padding:16px 20px 8px;flex:1;min-height:0;overflow-y:auto}.gdm-title{margin:0 0 10px;font-family:Orbitron,sans-serif;letter-spacing:.05em;font-size:1.2rem;color:var(--primary-light);text-shadow:0 0 8px var(--primary-light)}.gdm-info-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.gdm-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#0f172ad9;border:1px solid rgba(148,163,184,.5);font-size:.8rem;color:var(--text-secondary)}.gdm-categories{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.gdm-category-chip{padding:4px 9px;border-radius:999px;font-size:.78rem;background:var(--primary-light);color:var(--primary)}.gdm-description{margin-bottom:14px;font-size:.9rem;color:var(--text-secondary);line-height:1.5}.gdm-schedules h4{margin:0 0 6px;display:flex;align-items:center;gap:6px;font-size:.9rem;color:var(--text-light)}.gdm-schedule-list{display:flex;flex-direction:column;gap:6px}.gdm-schedule-item{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#0f172acc;border:1px solid rgba(148,163,184,.5);font-size:.8rem;color:var(--text-secondary)}.gdm-actions{display:flex;justify-content:flex-end;gap:10px;padding:10px 20px 16px;border-top:1px solid rgba(148,163,184,.3);background:linear-gradient(to top,rgba(15,23,42,.85),transparent)}.gdm-action-btn{padding:8px 16px;border-radius:999px;border:1.5px solid transparent;font-family:Orbitron,sans-serif;font-size:.85rem;letter-spacing:.05em;cursor:pointer}.gdm-action-btn.primary{background:linear-gradient(90deg,var(--primary) 0%,var(--accent) 100%);color:var(--button-text)}.gdm-action-btn.secondary{background:#0f172ae6;color:var(--text-secondary);border-color:#94a3b880}.gdm-action-btn.outline{background:transparent;color:var(--text-secondary);border-color:#94a3b8e6}.gdm-action-btn.danger-outline{color:#f87171;border-color:#f87171b3}.gdm-action-btn.danger-outline:hover{background:#f8717126;border-color:#f87171}.event-section{margin-top:24px;padding:20px;background:linear-gradient(135deg,var(--card-bg),var(--surface-light) 80%);border-radius:16px;box-shadow:0 2px 12px #38bdf81a;border:1.5px solid var(--accent, #38bdf8);outline:1.5px solid var(--primary-light, #60a5fa);outline-offset:2px;transition:all .3s cubic-bezier(.4,0,.2,1)}.event-section:hover{box-shadow:0 3px 16px #38bdf82e;transform:translateY(-1px)}.create-event-btn{font-size:1rem;padding:8px 20px;border-radius:8px;background:var(--primary-light);color:var(--text-light);border:none;cursor:pointer;margin-bottom:18px;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.create-event-btn:hover{transform:translateY(-2px);background:var(--primary);box-shadow:0 4px 12px #00000026}.event-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.event-section-title{font-size:1.5rem;color:var(--primary);margin:0;font-weight:600}@media (max-width: 600px){.event-section{margin-top:12px;padding:15px}.event-section-header{flex-direction:column;align-items:flex-start;gap:10px}}[data-theme=dark] .event-section{background:linear-gradient(135deg,var(--card-bg, #181d2f),var(--surface-light, #232336) 80%);box-shadow:0 2px 12px #38bdf81a}.event-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.8rem;margin-top:1.5rem;width:100%}@media (max-width: 800px){.event-grid{grid-template-columns:1fr}}.event-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:var(--glass-border);border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--shadow-card);transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast);display:flex;flex-direction:column;min-height:0;position:relative}.event-card-image{width:100%;aspect-ratio:1 / 1;border-radius:var(--border-radius-md);overflow:hidden;margin-bottom:10px;position:relative;background:#000}.event-card-image img{width:100%;height:100%;object-fit:contain;transition:transform var(--transition-normal);display:block}.event-card:hover .event-card-image img{transform:scale(1.05)}.event-card-content{padding:14px}.event-avatars{display:flex;align-items:center;gap:6px;margin:6px 14px 0}.event-avatar{width:22px;height:22px;border-radius:50%;background:#2a3141;color:#e4e6eb;display:inline-flex;align-items:center;justify-content:center;font-size:12px;border:1px solid rgba(255,255,255,.12)}.event-avatar.img{width:22px;height:22px;border-radius:50%;object-fit:cover;display:inline-block;border:1px solid rgba(255,255,255,.12);background:#000}.event-avatar.more{background:#39455e;font-weight:600}.event-card:hover,.event-card:focus{transform:translateY(-4px);box-shadow:0 0 16px #38bdf826;border-color:var(--neon)}.event-card h3{color:var(--primary-light);text-shadow:0 0 6px var(--primary-light);margin:0 0 8px;font-family:Orbitron,sans-serif;letter-spacing:.04em;font-size:1rem;font-weight:600}.event-date,.event-time,.event-language{margin:4px 0;font-size:.9rem;color:var(--text-secondary);display:flex;align-items:center;gap:6px;letter-spacing:.02em;border-radius:var(--border-radius-md);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.event-status-chip{display:inline-flex;align-items:center;justify-content:center;padding:.15rem .5rem;border-radius:999px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-top:.25rem}.event-status-chip.cancelled{background:#f8717124;color:#fecaca;border:1px solid rgba(248,113,113,.85)}.event-actions{display:flex;gap:10px;margin-top:10px}.view-details-btn,.attend-btn{padding:8px 14px;border-radius:var(--border-radius-sm);border:1.5px solid var(--accent);background:linear-gradient(90deg,var(--primary) 0%,var(--primary-light) 100%);color:var(--button-text);font-family:Orbitron,sans-serif;font-size:.85rem;letter-spacing:.04em;cursor:pointer;transition:all var(--transition-fast);flex:1;text-align:center}.view-details-btn:hover,.attend-btn:hover{background:linear-gradient(90deg,var(--primary-light) 0%,var(--accent) 100%);border-color:var(--neon);box-shadow:0 0 12px var(--neon)}.attend-btn.attending{background:linear-gradient(90deg,var(--success) 0%,var(--accent) 100%);border-color:var(--success)}.no-events{text-align:center;grid-column:1 / -1;color:var(--text-secondary);padding:60px;font-family:Orbitron,sans-serif;letter-spacing:.04em;border:var(--glass-border);border-radius:var(--border-radius-md);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}@media (max-width: 768px){.event-card-image{height:140px}}.create-event-form-container{display:flex;justify-content:center;align-items:flex-start;padding:2rem 0}.create-event-form{background:var(--surface);border:var(--glass-border);border-radius:var(--border-radius-md);box-shadow:var(--shadow-card);padding:2rem 2.5rem 1.5rem;max-width:400px;width:100%;display:flex;flex-direction:column;gap:1.1rem;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.create-event-form h2{margin-bottom:.5rem;font-size:1.3rem;color:var(--text-light);text-align:center;font-family:Orbitron,Segoe UI,Arial,sans-serif;text-shadow:0 0 6px var(--neon)}.create-event-form label{display:flex;flex-direction:column;font-size:1rem;color:var(--text-light);gap:.3rem;font-family:Orbitron,Segoe UI,Arial,sans-serif}.create-event-form input,.create-event-form textarea{padding:.5rem .7rem;border:1.5px solid var(--input-border);border-radius:var(--border-radius-sm);font-size:1rem;margin-top:.2rem;background:var(--input-bg);color:var(--text-light);transition:all var(--transition-fast);font-family:Segoe UI,Arial,sans-serif}.create-event-form input:focus,.create-event-form textarea:focus{border-color:var(--accent);box-shadow:0 0 8px var(--accent);outline:none}.create-event-form textarea{resize:vertical;min-height:70px}.event-form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:.7rem}.cancel-btn,.create-btn{padding:.5rem 1.2rem;border:1.5px solid var(--accent);border-radius:var(--border-radius-sm);font-size:1rem;cursor:pointer;font-weight:500;transition:all var(--transition-fast);font-family:Orbitron,Segoe UI,Arial,sans-serif}.cancel-btn{background:var(--surface);color:var(--text-light)}.cancel-btn:hover{background:var(--primary-dark);box-shadow:0 0 8px var(--accent)}.create-btn{background:var(--button-bg);color:var(--button-text)}.create-btn:hover{background:var(--button-hover);box-shadow:var(--neon-glow)}.create-event-form input[type=date],.create-event-form input[type=time]{color-scheme:dark;background:var(--input-bg);color:var(--text-light)}.create-event-form input::placeholder,.create-event-form textarea::placeholder{color:var(--text-muted);opacity:.7}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.event-details-modal{background:var(--glass-bg);border-radius:var(--border-radius-md);padding:18px;width:85%;max-width:600px;max-height:92vh;overflow-y:auto;position:relative;box-shadow:var(--shadow-card);border:var(--glass-border);color:var(--text)}.close-btn{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-muted);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);transition:all var(--transition-fast);z-index:10}.close-btn:hover{color:var(--text-light);background-color:var(--surface);transform:scale(1.1)}.event-header{margin-bottom:var(--spacing-lg);position:relative}.event-header h2{margin:0;font-size:24px;color:var(--text-light);text-shadow:var(--neon-glow)}.event-status-badge{display:inline-flex;align-items:center;justify-content:center;padding:.16rem .6rem;border-radius:999px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--spacing-xs);margin-right:var(--spacing-xs)}.event-status-badge.cancelled{background:#f8717124;color:#fecaca;border:1px solid rgba(248,113,113,.85)}.event-image{width:100%;height:400px;margin-bottom:var(--spacing-md);border-radius:var(--border-radius-md);overflow:hidden;border:var(--glass-border);box-shadow:var(--shadow-md);position:relative;background:#000}.event-image:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to top,var(--glass-bg),transparent);z-index:1}.event-image img{width:100%;height:100%;object-fit:contain;display:block}.event-modal-banner-edit-btn{position:absolute;top:10px;left:10px;background:#0f172ad9;color:#f9fafb;border:1px solid rgba(148,163,184,.7);border-radius:999px;padding:.35rem;font-size:.9rem;cursor:pointer;display:inline-flex;align-items:center;z-index:2;box-shadow:0 2px 8px #00000059}.event-modal-banner-edit-btn:hover{background:#0f172af5}.host-badge{display:inline-block;background:var(--gradient-primary);color:var(--text-light);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:12px;margin-left:var(--spacing-sm);box-shadow:var(--neon-glow)}.event-info{margin-bottom:var(--spacing-lg)}.event-info p{margin:var(--spacing-sm) 0;color:var(--text-muted)}.event-info p span{font-weight:700;color:var(--text-light);margin-right:var(--spacing-sm)}.event-info .description{white-space:pre-wrap;line-height:1.5}.event-cancelled-message{margin-top:var(--spacing-sm);padding:.65rem .9rem;border-radius:var(--border-radius-md);background:#0f172a99;border:1px solid rgba(248,113,113,.8);color:#fecaca;font-size:.9rem}.attendees-section{margin-bottom:24px}.attendees-section h3{margin-bottom:var(--spacing-md);color:var(--text-light)}.attendees-scroll{max-height:260px;overflow-y:auto;padding-right:6px}.attendees-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-md)}.attendee-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-sm);background:var(--surface);border-radius:var(--border-radius-sm);border:var(--glass-border);transition:transform var(--transition-fast)}.attendee-item:hover{transform:translateY(-2px)}.attendee-avatar{width:48px;height:48px;border-radius:50%;margin-bottom:var(--spacing-sm);object-fit:cover;border:2px solid var(--accent);box-shadow:var(--neon-glow)}.attendee-meta{display:flex;flex-direction:column;align-items:center;gap:4px}.attendee-name{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-light)}.role-badge{background:var(--surface-2, rgba(255,255,255,.06));color:var(--text-muted);border:1px solid var(--border-light);padding:2px 6px;border-radius:999px;font-size:10px;text-transform:capitalize}.role-badge.host{background:var(--gradient-primary);color:var(--text-light);border-color:transparent}.host-tag{background:var(--gradient-primary);color:var(--text-light);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:10px;margin-top:var(--spacing-xs);box-shadow:var(--neon-glow)}.modal-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.host-actions{display:flex;gap:var(--spacing-sm);flex:1}.attend-btn,.edit-btn,.cancel-btn,.share-btn{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:var(--glass-border);background:var(--button-bg);color:var(--button-text);box-shadow:var(--shadow-sm)}.attend-btn:hover,.edit-btn:hover,.cancel-btn:hover,.share-btn:hover{background:var(--button-hover);box-shadow:var(--neon-glow);transform:translateY(-2px)}.attend-btn{background:var(--gradient-primary);flex:1}.attend-btn.attending{background:var(--gradient-secondary)}.edit-btn{background:var(--gradient-primary);flex:1}.cancel-btn{background:var(--gradient-secondary);flex:1}.share-btn{background:var(--gradient-primary)}.edit-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:500;color:var(--text-light);margin-bottom:var(--spacing-xs)}.form-input,.form-textarea{padding:10px 14px;border:1.5px solid var(--input-border);border-radius:var(--border-radius-sm);font-size:14px;background:var(--input-bg);color:var(--text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus,.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 8px var(--accent);outline:none}.form-textarea{resize:vertical;min-height:100px}.event-image-upload{margin-bottom:16px}.image-upload-area{border:2px dashed var(--border-light);border-radius:var(--border-radius-md);padding:24px;text-align:center;cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);background:var(--glass-bg)}.image-upload-area:hover{border-color:var(--accent);box-shadow:0 0 8px var(--accent)}.image-upload-area.has-image{border-style:solid;padding:0;cursor:default}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-secondary);padding:var(--spacing-md) 0}.upload-placeholder small{color:var(--text-muted)}.upload-placeholder:before{content:"📷";font-size:24px;margin-bottom:var(--spacing-sm)}.image-preview-container{position:relative;width:100%;border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.image-preview-container img{width:100%;height:auto;display:block;transition:transform var(--transition-normal)}.image-preview-container:hover img{transform:scale(1.02)}.remove-image-btn{position:absolute;top:8px;right:8px;background-color:var(--glass-bg);color:var(--text-light);border:1px solid var(--accent);padding:6px 10px;border-radius:var(--border-radius-sm);cursor:pointer;font-size:12px;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));transition:all var(--transition-fast);z-index:2}.remove-image-btn:hover{background-color:var(--accent);box-shadow:var(--neon-glow)}.edit-actions{display:flex;gap:12px;margin-top:24px}.save-btn,.cancel-btn{flex:1;padding:10px;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.save-btn{background-color:#4caf50;color:#fff}.save-btn:hover{background-color:#45a049}.cancel-btn:hover{background-color:#d32f2f}.course-card{background:var(--card-bg);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);width:240px;min-width:200px;max-width:260px;padding:var(--spacing-md);display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:box-shadow var(--transition-fast),transform var(--transition-fast);outline:none}.course-card:focus,.course-card:hover{box-shadow:0 0 16px 2px var(--neon),var(--shadow-lg);transform:translateY(-4px) scale(1.03)}.course-thumbnail{width:100%;height:120px;background:var(--surface-light);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-sm);display:flex;align-items:center;justify-content:center;overflow:hidden}.thumbnail-placeholder{color:var(--text-muted);font-size:1.1rem;font-style:italic}.course-info{width:100%;text-align:left}.course-title{color:var(--primary-light);font-size:1.1rem;margin-bottom:var(--spacing-xs);font-family:Orbitron,Segoe UI,Arial,sans-serif}.course-desc{color:var(--text-secondary);font-size:.98rem;margin-bottom:var(--spacing-xs)}.course-meta{display:flex;justify-content:space-between;color:var(--text-muted);font-size:.92rem;margin-bottom:var(--spacing-xs)}.course-price{color:var(--secondary);font-weight:700;font-size:1rem;text-align:right}@media (max-width: 600px){.course-card{width:90vw;min-width:0;max-width:100vw;padding:var(--spacing-sm)}.course-thumbnail{height:80px}}.course-carousel{width:100%;overflow-x:auto;padding-bottom:var(--spacing-sm)}.carousel-track{display:flex;gap:var(--spacing-md);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:var(--spacing-sm)}.carousel-track>*{scroll-snap-align:start}@media (max-width: 600px){.carousel-track{gap:var(--spacing-xs)}}.academy-landing{width:100%;max-width:var(--page-content-max-width);margin:0 auto;display:flex;flex-direction:column;align-items:stretch;color:var(--text);padding:32px 24px;box-sizing:border-box;gap:32px}.academy-landing-panel{width:100%;max-width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;gap:32px}.academy-landing-panel>section{max-width:100%;box-sizing:border-box}.academy-landing-main{width:100%;text-align:center;padding:48px 24px;background:var(--glass-bg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.academy-welcome h1{font-size:2.2rem;color:var(--primary-light);margin-bottom:12px;font-family:Orbitron,Segoe UI,Arial,sans-serif;font-weight:700}.academy-welcome p{font-size:1.15rem;color:var(--text-secondary);margin:0}.academy-banner{width:100%;max-width:900px;background:var(--glass-bg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-card);padding:var(--spacing-lg) var(--spacing-md);margin-bottom:var(--spacing-md);text-align:center;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.academy-banner h1{font-size:2.2rem;color:var(--primary-light);margin-bottom:var(--spacing-xs);font-family:Orbitron,Segoe UI,Arial,sans-serif}.academy-banner p{font-size:1.1rem;color:var(--text-secondary)}.academy-discover{width:100%;max-width:100%;padding:32px;background:var(--glass-bg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));box-sizing:border-box}.academy-discover h2{font-size:1.5rem;color:var(--accent);margin-bottom:20px;font-weight:700}.academy-discover .course-carousel{max-width:100%;overflow-x:auto}.academy-login-area{width:100%;max-width:600px;margin:var(--spacing-md) 0;background:var(--surface-light);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);padding:var(--spacing-md);text-align:center}.login-placeholder{color:var(--text-muted);font-size:1rem}.academy-work-with-us{width:100%;padding:32px;background:var(--glass-bg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));text-align:center}.academy-work-with-us h2{color:var(--secondary);font-size:1.35rem;margin-bottom:12px;font-weight:700}.academy-work-with-us p{font-size:1.05rem;color:var(--text-secondary);margin:0}.academy-work-with-us a{color:var(--primary-light);text-decoration:underline;font-weight:600;transition:color .15s ease}.academy-work-with-us a:hover{color:var(--accent)}@media (max-width: 768px){.academy-landing{padding:20px 16px;gap:24px}.academy-landing-panel{gap:24px}.academy-landing-main{padding:32px 20px}.academy-welcome h1{font-size:1.6rem}.academy-welcome p{font-size:1rem}.academy-banner,.academy-discover,.academy-login-area,.academy-work-with-us{padding:24px 20px;border-radius:var(--border-radius-md)}.academy-banner h1{font-size:1.3rem}.academy-discover h2,.academy-work-with-us h2{font-size:1.1rem}}.dashboard-btn{display:block;margin:var(--spacing-sm) auto;padding:var(--spacing-xs) var(--spacing-md);background-color:var(--primary);color:var(--text-on-primary);border:none;border-radius:var(--border-radius-sm);font-weight:600;cursor:pointer;transition:background-color .3s ease}.dashboard-btn:hover{background-color:var(--primary-dark)}[data-theme=light] .academy-landing{background:var(--background);color:var(--text)}[data-theme=light] .academy-landing-main,[data-theme=light] .academy-discover,[data-theme=light] .academy-work-with-us{background:#fff;border:1px solid rgba(203,213,225,.6);box-shadow:0 4px 16px #0f172a14}[data-theme=light] .academy-welcome h1{color:var(--text)}[data-theme=light] .academy-welcome p{color:var(--text-secondary)}[data-theme=light] .academy-discover h2,[data-theme=light] .academy-work-with-us h2{color:var(--text)}[data-theme=light] .academy-work-with-us a{color:var(--primary)}[data-theme=light] .academy-work-with-us a:hover{color:var(--primary-dark)}[data-theme=light] .academy-hero,[data-theme=light] .academy-section{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm)}[data-theme=light] .academy-hero h1,[data-theme=light] .academy-section h2,[data-theme=light] .academy-section h3{color:var(--text)}[data-theme=light] .academy-hero p,[data-theme=light] .academy-section p{color:var(--text-secondary)}[data-theme=light] .academy-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm)}[data-theme=light] .academy-card:hover{box-shadow:var(--shadow-md);border-color:var(--accent)}[data-theme=dark] .role-entry-panel{background:#182030f2;border-radius:16px;box-shadow:0 0 18px #38bdf8;padding:32px}[data-theme=dark] .role-entry-title{color:#38bdf8;font-weight:700;margin-bottom:18px;text-align:center}[data-theme=dark] .role-entry-label{color:#7ef9ff;font-weight:600;font-size:1.04rem}[data-theme=dark] .role-select{width:100%;border-radius:8px;padding:8px 12px;background:#222e44f7;color:#7ef9ff;border:2px solid #38bdf8;margin-bottom:16px;font-weight:500;font-size:1.04rem;box-shadow:0 0 8px #38bdf8}[data-theme=dark] .role-enter-btn{width:100%;background:linear-gradient(90deg,#38bdf8,#7ef9ff);color:#10131a;border:none;border-radius:8px;padding:10px 0;font-weight:700;font-size:1.08rem;box-shadow:0 0 10px #38bdf8;cursor:pointer;margin-top:6px}[data-theme=dark] .impersonate-badge{background:linear-gradient(90deg,#38bdf8,#7ef9ff);color:#10131a;border-radius:6px;font-size:.91rem;font-weight:700;padding:2px 8px;margin-top:8px;display:inline-block;box-shadow:0 0 8px #38bdf8;letter-spacing:.03em}[data-theme=light] .role-entry-panel{background:#fff!important;border:2px solid rgba(203,213,225,.8)!important;box-shadow:0 12px 36px #0f172a1f,0 6px 18px #0f172a14!important;border-radius:16px!important;padding:28px!important}[data-theme=light] .role-entry-title{color:var(--text)!important;font-weight:700;margin-bottom:18px;text-align:center}[data-theme=light] .role-entry-label{color:var(--text-secondary)!important;font-weight:600;font-size:1.04rem}[data-theme=light] .role-select{width:100%;border-radius:8px;padding:10px 12px;background:#fff!important;color:var(--text)!important;border:2px solid #cbd5e1!important;margin-bottom:16px;font-weight:500;font-size:1.02rem;box-shadow:none!important}[data-theme=light] .role-enter-btn{width:100%;background:var(--button-bg)!important;color:var(--button-text)!important;border:none!important;border-radius:10px;padding:12px 0;font-weight:700;font-size:1.06rem;box-shadow:0 6px 20px #2563eb40!important;cursor:pointer}[data-theme=light] .role-enter-btn:hover{background:var(--button-hover)!important}[data-theme=light] .impersonate-badge{background:var(--accent)!important;color:#0f172a!important;border-radius:6px;font-size:.91rem;font-weight:700;padding:2px 8px;margin-top:8px;display:inline-block}[data-theme=light] .academy-banner{background:#fff \!important;border:2px solid rgba(203,213,225,.8) \!important;box-shadow:var(--shadow-card) \!important}[data-theme=light] .academy-login-area{background:#fff \!important;border:2px solid rgba(203,213,225,.8) \!important;box-shadow:var(--shadow-lg) \!important}[data-theme=light] .academy-login-area select{background:#fff \!important;border:2px solid #cbd5e1 \!important;color:var(--text) \!important}[data-theme=light] .academy-login-area .dashboard-btn,[data-theme=light] .academy-login-area button{background:var(--button-bg) \!important;color:var(--button-text) \!important;border:none \!important;box-shadow:0 6px 20px #2563eb40 \!important}[data-theme=light] .academy-login-area .dashboard-btn:hover,[data-theme=light] .academy-login-area button:hover{background:var(--button-hover) \!important}[data-theme=light] .role-entry-panel{background:#fff \!important;border:2px solid rgba(203,213,225,.8) \!important;box-shadow:0 12px 36px #0f172a1f,0 6px 18px #0f172a14 \!important;border-radius:16px \!important}[data-theme=light] .role-entry-panel h2{color:var(--text) \!important;text-shadow:none \!important}[data-theme=light] .role-entry-panel select{background:#fff \!important;color:var(--text) \!important;border:2px solid #cbd5e1 \!important;box-shadow:none \!important}[data-theme=light] .role-entry-panel button{background:var(--button-bg) \!important;color:var(--button-text) \!important;border:none \!important;box-shadow:0 6px 20px #2563eb40 \!important}[data-theme=light] .role-entry-panel button:hover{background:var(--button-hover) \!important}[data-theme=light] .role-entry-panel span{background:var(--accent) \!important;color:#0f172a \!important;box-shadow:0 0 0 transparent \!important}.academy-role-launcher-gutter{position:fixed;left:max(16px,calc((100vw - var(--page-content-max-width, 1000px)) / 2 - 88px));top:calc(var(--header-height, 70px) + var(--page-shell-padding, 30px) + 20px);width:64px;display:flex;justify-content:center;align-items:flex-start;z-index:20}.academy-role-launcher-btn{width:78px;height:78px;border-radius:999px;border:2px solid var(--primary-light, #7c4dff);background:radial-gradient(circle at 30% 0,#38bdf8fa,#0f172afa);color:var(--button-text, #fff);display:inline-flex;align-items:center;justify-content:center;gap:0;box-shadow:0 0 22px #38bdf8e6;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .2s ease}.academy-role-launcher-btn:hover{transform:translateY(-1px) scale(1.04);box-shadow:0 0 24px #38bdf8}.academy-role-launcher-btn:active{transform:translateY(0) scale(.97);box-shadow:0 0 12px #38bdf8b3}.academy-role-launcher-icon{font-size:2.6rem}.academy-role-launcher-arrow{font-size:1.6rem;margin-left:-8px;transform:scaleX(-1)}.academy-role-dock-overlay{position:fixed;inset:0;background:#0f172a8c;z-index:1000;display:flex;align-items:flex-start;justify-content:flex-start;padding:calc(var(--header-height, 70px) + 24px) 0 24px 0}.academy-role-dock-panel{position:relative;margin-left:max(20px,calc((100vw - var(--page-content-max-width, 1000px)) / 2 - 88px));width:520px;max-width:calc(100vw - 40px);display:flex;flex-direction:column;background:var(--card-bg, #232336);border:2px solid #38bdf8;border-radius:18px;box-shadow:0 12px 48px #38bdf866,0 0 32px #38bdf840;animation:academy-dock-enter .28s cubic-bezier(.34,1.56,.64,1);transform-origin:top left}@keyframes academy-dock-enter{0%{opacity:0;transform:scale(.3) translate(-20px)}60%{opacity:1;transform:scale(1.02) translate(0)}to{opacity:1;transform:scale(1) translate(0)}}.academy-role-dock-header{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid rgba(56,189,248,.3)}.academy-role-dock-title{font-weight:700;font-size:1.15rem;color:#38bdf8}.academy-role-dock-close{background:transparent;border:none;color:var(--text-muted, #9aa0a6);font-size:1.25rem;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .15s,color .15s}.academy-role-dock-close:hover{background:#ffffff14;color:var(--text-light, #fff)}.academy-role-dock-body{padding:8px 22px 22px}.academy-role-dock-body .role-entry-panel{margin-top:0!important;max-width:none!important}[data-theme=light] .academy-role-launcher-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#2563eb;box-shadow:0 4px 16px #2563eb59}[data-theme=light] .academy-role-launcher-btn:hover{box-shadow:0 6px 20px #2563eb80}[data-theme=light] .academy-role-dock-panel{background:#fff;border-color:#cbd5e1;box-shadow:0 12px 48px #0f172a26,0 0 0 1px #cbd5e180}[data-theme=light] .academy-role-dock-header{border-bottom-color:#e2e8f0}[data-theme=light] .academy-role-dock-title{color:var(--text)}[data-theme=light] .academy-role-dock-close{color:var(--text-secondary)}[data-theme=light] .academy-role-dock-close:hover{background:#0000000d;color:var(--text)}@media (max-width: 900px){.academy-role-launcher-gutter{display:none}.academy-role-dock-overlay{align-items:center;justify-content:center;padding:20px}.academy-role-dock-panel{margin-left:0;width:100%;max-width:400px;transform-origin:center center}}.academy-mobile-role-fab{display:none}@media (max-width: 900px){.academy-mobile-role-fab{display:inline-flex;position:fixed;bottom:24px;right:24px;z-index:100;width:60px;height:60px;border-radius:999px;border:2px solid #38bdf8;background:radial-gradient(circle at 30% 0,#38bdf8fa,#0f172afa);color:#fff;align-items:center;justify-content:center;gap:0;box-shadow:0 4px 20px #38bdf899;cursor:pointer}.academy-mobile-role-fab svg:last-child{margin-left:-4px;transform:scaleX(-1)}[data-theme=light] .academy-mobile-role-fab{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#2563eb;box-shadow:0 4px 16px #2563eb66}}.lms-layout{display:flex;min-height:100vh;background:transparent}.lms-sidebar{width:250px;background:#0a1e3ceb;border-right:2px solid #00eaff44;box-shadow:2px 0 16px #0000001f;padding:2rem .5rem 2rem 1.2rem;display:flex;flex-direction:column;z-index:10}.lms-sidebar nav{width:100%}.lms-sidebar ul{list-style:none;padding:0;margin:0}.lms-sidebar .sidebar-section{margin-bottom:2.2rem}.lms-sidebar .sidebar-section-title{color:#00eaff;font-size:1.05rem;font-weight:600;margin-bottom:.7rem;letter-spacing:.04em;padding-left:.2em}.lms-sidebar li{margin-bottom:.5rem;display:flex;align-items:center}.lms-sidebar .sidebar-link{color:#b2eaff;text-decoration:none;font-size:1.08rem;padding:.45em .8em .45em .5em;border-radius:8px;display:flex;align-items:center;transition:background .18s,color .18s;gap:.7em}.lms-sidebar .sidebar-link.active{background:#00eaff33;color:#00eaff;font-weight:600}.lms-sidebar .sidebar-link .sidebar-icon{font-size:1.2em;margin-right:.2em}.lms-sidebar .badge{background:#ff3b3b;color:#fff;border-radius:10px;font-size:.85em;padding:.1em .6em;margin-left:.5em;font-weight:600}@media (max-width: 900px){.lms-sidebar{width:60px;padding:1rem .2rem}.lms-sidebar .sidebar-link{font-size:1.2em;padding:.5em;justify-content:center}.lms-sidebar .sidebar-section-title{display:none}}.lms-main-content{flex:1;padding:2rem 2.5rem;min-width:0}.lms-main-graphic.student{width:120px;height:120px;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20aria-hidden='true'%20role='img'%20class='iconify%20iconify--logos'%20width='31.88'%20height='32'%20preserveAspectRatio='xMidYMid%20meet'%20viewBox='0%200%20256%20257'%3e%3cdefs%3e%3clinearGradient%20id='IconifyId1813088fe1fbc01fb466'%20x1='-.828%25'%20x2='57.636%25'%20y1='7.652%25'%20y2='78.411%25'%3e%3cstop%20offset='0%25'%20stop-color='%2341D1FF'%3e%3c/stop%3e%3cstop%20offset='100%25'%20stop-color='%23BD34FE'%3e%3c/stop%3e%3c/linearGradient%3e%3clinearGradient%20id='IconifyId1813088fe1fbc01fb467'%20x1='43.376%25'%20x2='50.316%25'%20y1='2.242%25'%20y2='89.03%25'%3e%3cstop%20offset='0%25'%20stop-color='%23FFEA83'%3e%3c/stop%3e%3cstop%20offset='8.333%25'%20stop-color='%23FFDD35'%3e%3c/stop%3e%3cstop%20offset='100%25'%20stop-color='%23FFA800'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3cpath%20fill='url(%23IconifyId1813088fe1fbc01fb466)'%20d='M255.153%2037.938L134.897%20252.976c-2.483%204.44-8.862%204.466-11.382.048L.875%2037.958c-2.746-4.814%201.371-10.646%206.827-9.67l120.385%2021.517a6.537%206.537%200%200%200%202.322-.004l117.867-21.483c5.438-.991%209.574%204.796%206.877%209.62Z'%3e%3c/path%3e%3cpath%20fill='url(%23IconifyId1813088fe1fbc01fb467)'%20d='M185.432.063L96.44%2017.501a3.268%203.268%200%200%200-2.634%203.014l-5.474%2092.456a3.268%203.268%200%200%200%203.997%203.378l24.777-5.718c2.318-.535%204.413%201.507%203.936%203.838l-7.361%2036.047c-.495%202.426%201.782%204.5%204.151%203.78l15.304-4.649c2.372-.72%204.652%201.36%204.15%203.788l-11.698%2056.621c-.732%203.542%203.979%205.473%205.943%202.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505%204.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z'%3e%3c/path%3e%3c/svg%3e") center/contain no-repeat;opacity:.13;margin-top:1.5rem}.lms-main-graphic.teacher{width:120px;height:120px;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20aria-hidden='true'%20role='img'%20class='iconify%20iconify--logos'%20width='31.88'%20height='32'%20preserveAspectRatio='xMidYMid%20meet'%20viewBox='0%200%20256%20257'%3e%3cdefs%3e%3clinearGradient%20id='IconifyId1813088fe1fbc01fb466'%20x1='-.828%25'%20x2='57.636%25'%20y1='7.652%25'%20y2='78.411%25'%3e%3cstop%20offset='0%25'%20stop-color='%2341D1FF'%3e%3c/stop%3e%3cstop%20offset='100%25'%20stop-color='%23BD34FE'%3e%3c/stop%3e%3c/linearGradient%3e%3clinearGradient%20id='IconifyId1813088fe1fbc01fb467'%20x1='43.376%25'%20x2='50.316%25'%20y1='2.242%25'%20y2='89.03%25'%3e%3cstop%20offset='0%25'%20stop-color='%23FFEA83'%3e%3c/stop%3e%3cstop%20offset='8.333%25'%20stop-color='%23FFDD35'%3e%3c/stop%3e%3cstop%20offset='100%25'%20stop-color='%23FFA800'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3cpath%20fill='url(%23IconifyId1813088fe1fbc01fb466)'%20d='M255.153%2037.938L134.897%20252.976c-2.483%204.44-8.862%204.466-11.382.048L.875%2037.958c-2.746-4.814%201.371-10.646%206.827-9.67l120.385%2021.517a6.537%206.537%200%200%200%202.322-.004l117.867-21.483c5.438-.991%209.574%204.796%206.877%209.62Z'%3e%3c/path%3e%3cpath%20fill='url(%23IconifyId1813088fe1fbc01fb467)'%20d='M185.432.063L96.44%2017.501a3.268%203.268%200%200%200-2.634%203.014l-5.474%2092.456a3.268%203.268%200%200%200%203.997%203.378l24.777-5.718c2.318-.535%204.413%201.507%203.936%203.838l-7.361%2036.047c-.495%202.426%201.782%204.5%204.151%203.78l15.304-4.649c2.372-.72%204.652%201.36%204.15%203.788l-11.698%2056.621c-.732%203.542%203.979%205.473%205.943%202.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505%204.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z'%3e%3c/path%3e%3c/svg%3e") center/contain no-repeat;opacity:.13;margin-top:1.5rem}.lms-main-graphic.designer{width:120px;height:120px;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20aria-hidden='true'%20role='img'%20class='iconify%20iconify--logos'%20width='31.88'%20height='32'%20preserveAspectRatio='xMidYMid%20meet'%20viewBox='0%200%20256%20257'%3e%3cdefs%3e%3clinearGradient%20id='IconifyId1813088fe1fbc01fb466'%20x1='-.828%25'%20x2='57.636%25'%20y1='7.652%25'%20y2='78.411%25'%3e%3cstop%20offset='0%25'%20stop-color='%2341D1FF'%3e%3c/stop%3e%3cstop%20offset='100%25'%20stop-color='%23BD34FE'%3e%3c/stop%3e%3c/linearGradient%3e%3clinearGradient%20id='IconifyId1813088fe1fbc01fb467'%20x1='43.376%25'%20x2='50.316%25'%20y1='2.242%25'%20y2='89.03%25'%3e%3cstop%20offset='0%25'%20stop-color='%23FFEA83'%3e%3c/stop%3e%3cstop%20offset='8.333%25'%20stop-color='%23FFDD35'%3e%3c/stop%3e%3cstop%20offset='100%25'%20stop-color='%23FFA800'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3cpath%20fill='url(%23IconifyId1813088fe1fbc01fb466)'%20d='M255.153%2037.938L134.897%20252.976c-2.483%204.44-8.862%204.466-11.382.048L.875%2037.958c-2.746-4.814%201.371-10.646%206.827-9.67l120.385%2021.517a6.537%206.537%200%200%200%202.322-.004l117.867-21.483c5.438-.991%209.574%204.796%206.877%209.62Z'%3e%3c/path%3e%3cpath%20fill='url(%23IconifyId1813088fe1fbc01fb467)'%20d='M185.432.063L96.44%2017.501a3.268%203.268%200%200%200-2.634%203.014l-5.474%2092.456a3.268%203.268%200%200%200%203.997%203.378l24.777-5.718c2.318-.535%204.413%201.507%203.936%203.838l-7.361%2036.047c-.495%202.426%201.782%204.5%204.151%203.78l15.304-4.649c2.372-.72%204.652%201.36%204.15%203.788l-11.698%2056.621c-.732%203.542%203.979%205.473%205.943%202.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505%204.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z'%3e%3c/path%3e%3c/svg%3e") center/contain no-repeat;opacity:.13;margin-top:1.5rem}.lms-main-graphic.manager{width:120px;height:120px;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20aria-hidden='true'%20role='img'%20class='iconify%20iconify--logos'%20width='31.88'%20height='32'%20preserveAspectRatio='xMidYMid%20meet'%20viewBox='0%200%20256%20257'%3e%3cdefs%3e%3clinearGradient%20id='IconifyId1813088fe1fbc01fb466'%20x1='-.828%25'%20x2='57.636%25'%20y1='7.652%25'%20y2='78.411%25'%3e%3cstop%20offset='0%25'%20stop-color='%2341D1FF'%3e%3c/stop%3e%3cstop%20offset='100%25'%20stop-color='%23BD34FE'%3e%3c/stop%3e%3c/linearGradient%3e%3clinearGradient%20id='IconifyId1813088fe1fbc01fb467'%20x1='43.376%25'%20x2='50.316%25'%20y1='2.242%25'%20y2='89.03%25'%3e%3cstop%20offset='0%25'%20stop-color='%23FFEA83'%3e%3c/stop%3e%3cstop%20offset='8.333%25'%20stop-color='%23FFDD35'%3e%3c/stop%3e%3cstop%20offset='100%25'%20stop-color='%23FFA800'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3cpath%20fill='url(%23IconifyId1813088fe1fbc01fb466)'%20d='M255.153%2037.938L134.897%20252.976c-2.483%204.44-8.862%204.466-11.382.048L.875%2037.958c-2.746-4.814%201.371-10.646%206.827-9.67l120.385%2021.517a6.537%206.537%200%200%200%202.322-.004l117.867-21.483c5.438-.991%209.574%204.796%206.877%209.62Z'%3e%3c/path%3e%3cpath%20fill='url(%23IconifyId1813088fe1fbc01fb467)'%20d='M185.432.063L96.44%2017.501a3.268%203.268%200%200%200-2.634%203.014l-5.474%2092.456a3.268%203.268%200%200%200%203.997%203.378l24.777-5.718c2.318-.535%204.413%201.507%203.936%203.838l-7.361%2036.047c-.495%202.426%201.782%204.5%204.151%203.78l15.304-4.649c2.372-.72%204.652%201.36%204.15%203.788l-11.698%2056.621c-.732%203.542%203.979%205.473%205.943%202.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505%204.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z'%3e%3c/path%3e%3c/svg%3e") center/contain no-repeat;opacity:.13;margin-top:1.5rem}.lms-main-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;background:var(--lms-main-bg, #f8fafc);border-radius:18px;box-shadow:0 2px 16px #00000012;margin:2rem auto;padding:2.5rem 2rem 2rem;max-width:540px}.lms-main-welcome h1{font-size:2.2rem;font-weight:700;color:#2a3a4b;margin-bottom:.5rem}.lms-main-desc{color:#4b5563;font-size:1.1rem;margin-bottom:2rem;text-align:center}.lms-main-graphic.admin{width:120px;height:120px;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20aria-hidden='true'%20role='img'%20class='iconify%20iconify--logos'%20width='31.88'%20height='32'%20preserveAspectRatio='xMidYMid%20meet'%20viewBox='0%200%20256%20257'%3e%3cdefs%3e%3clinearGradient%20id='IconifyId1813088fe1fbc01fb466'%20x1='-.828%25'%20x2='57.636%25'%20y1='7.652%25'%20y2='78.411%25'%3e%3cstop%20offset='0%25'%20stop-color='%2341D1FF'%3e%3c/stop%3e%3cstop%20offset='100%25'%20stop-color='%23BD34FE'%3e%3c/stop%3e%3c/linearGradient%3e%3clinearGradient%20id='IconifyId1813088fe1fbc01fb467'%20x1='43.376%25'%20x2='50.316%25'%20y1='2.242%25'%20y2='89.03%25'%3e%3cstop%20offset='0%25'%20stop-color='%23FFEA83'%3e%3c/stop%3e%3cstop%20offset='8.333%25'%20stop-color='%23FFDD35'%3e%3c/stop%3e%3cstop%20offset='100%25'%20stop-color='%23FFA800'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3cpath%20fill='url(%23IconifyId1813088fe1fbc01fb466)'%20d='M255.153%2037.938L134.897%20252.976c-2.483%204.44-8.862%204.466-11.382.048L.875%2037.958c-2.746-4.814%201.371-10.646%206.827-9.67l120.385%2021.517a6.537%206.537%200%200%200%202.322-.004l117.867-21.483c5.438-.991%209.574%204.796%206.877%209.62Z'%3e%3c/path%3e%3cpath%20fill='url(%23IconifyId1813088fe1fbc01fb467)'%20d='M185.432.063L96.44%2017.501a3.268%203.268%200%200%200-2.634%203.014l-5.474%2092.456a3.268%203.268%200%200%200%203.997%203.378l24.777-5.718c2.318-.535%204.413%201.507%203.936%203.838l-7.361%2036.047c-.495%202.426%201.782%204.5%204.151%203.78l15.304-4.649c2.372-.72%204.652%201.36%204.15%203.788l-11.698%2056.621c-.732%203.542%203.979%205.473%205.943%202.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505%204.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z'%3e%3c/path%3e%3c/svg%3e") center/contain no-repeat;opacity:.13;margin-top:1.5rem}[data-theme=light] .admin-lms-main{background:var(--background);color:var(--text)}[data-theme=light] .admin-lms-main h1,[data-theme=light] .admin-lms-main h2,[data-theme=light] .admin-lms-main h3,[data-theme=light] .admin-lms-main h4,[data-theme=light] .admin-lms-main p,[data-theme=light] .admin-lms-main span,[data-theme=light] .admin-lms-main div{color:var(--text)}[data-theme=light] .admin-lms-main button{background:var(--button-bg);color:var(--button-text);border:1px solid transparent}[data-theme=light] .admin-lms-main button:hover{background:var(--button-hover)}[data-theme=light] .admin-lms-main .card,[data-theme=light] .admin-lms-main .panel{background:var(--surface);border:2px solid var(--border);box-shadow:var(--shadow-sm)}[data-theme=light] .admin-lms-main input,[data-theme=light] .admin-lms-main textarea,[data-theme=light] .admin-lms-main select{background:var(--input-bg);border:2px solid var(--input-border);color:var(--text)}[data-theme=light] .admin-lms-main label{color:var(--text-secondary)}[data-theme=light] .admin-lms-main{background:linear-gradient(135deg,#f0f4f8,#e8eef5,#f5f8fb,#eef3f9,#f0f5fa) \!important;background-attachment:fixed \!important;min-height:100vh \!important;padding:32px \!important}[data-theme=light] .admin-lms-main:before{content:"" \!important;position:fixed \!important;top:0 \!important;left:0 \!important;right:0 \!important;bottom:0 \!important;background:radial-gradient(circle at 20% 50%,rgba(59,130,246,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(147,197,253,.08) 0%,transparent 50%) \!important;pointer-events:none \!important;z-index:0 \!important}[data-theme=light] .admin-lms-main>*{position:relative \!important;z-index:1 \!important}[data-theme=light] .admin-lms-main .content-section,[data-theme=light] .admin-lms-main .main-content{background:#fff \!important;border-radius:20px \!important;padding:28px \!important;box-shadow:0 10px 40px #0f172a14,0 4px 16px #0f172a0a,0 0 0 1px #e2e8f0cc \!important;border:1px solid rgba(203,213,225,.5) \!important}[data-theme=light] .admin-lms-main h1{color:var(--text) \!important;font-weight:700 \!important;font-size:2rem \!important;margin-bottom:24px \!important;text-shadow:none \!important;position:relative \!important;padding-bottom:16px \!important}[data-theme=light] .admin-lms-main h1:after{content:"" \!important;position:absolute \!important;bottom:0 \!important;left:0 \!important;width:60px \!important;height:4px \!important;background:linear-gradient(90deg,var(--accent) 0%,#60a5fa 100%) \!important;border-radius:2px \!important}.superadmin-lms-main{padding:2.5rem 2rem 2rem;color:var(--text-light, #fff);background:transparent;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.lms-welcome-section{background:#00000059;border-radius:18px;box-shadow:0 4px 32px #0000002e;padding:2.5rem 2.5rem 2rem;margin-top:2rem;max-width:700px;width:100%;display:flex;flex-direction:column;align-items:center}.lms-welcome-section h1{font-size:2.2rem;font-weight:700;color:#00eaff;margin-bottom:1.2rem;letter-spacing:.02em;text-align:center}.lms-intro{font-size:1.15rem;color:#b2eaff;margin-bottom:1.5rem;text-align:center}@media (max-width: 600px){.lms-welcome-section{padding:1.2rem;margin-top:1rem}.superadmin-lms-main{padding:1rem}}[data-theme=light] .super-admin-lms-main{background:var(--background);color:var(--text)}[data-theme=light] .super-admin-lms-main h1,[data-theme=light] .super-admin-lms-main h2,[data-theme=light] .super-admin-lms-main h3,[data-theme=light] .super-admin-lms-main h4,[data-theme=light] .super-admin-lms-main p,[data-theme=light] .super-admin-lms-main span,[data-theme=light] .super-admin-lms-main div,[data-theme=light] .super-admin-lms-main label{color:var(--text)}[data-theme=light] .super-admin-lms-main button{background:var(--button-bg);color:var(--button-text);border:1px solid transparent}[data-theme=light] .super-admin-lms-main button:hover{background:var(--button-hover)}[data-theme=light] .super-admin-lms-main .card,[data-theme=light] .super-admin-lms-main .panel{background:var(--surface);border:2px solid var(--border);box-shadow:var(--shadow-sm)}[data-theme=light] .super-admin-lms-main input,[data-theme=light] .super-admin-lms-main textarea,[data-theme=light] .super-admin-lms-main select{background:var(--input-bg);border:2px solid var(--input-border);color:var(--text)}[data-theme=light] .super-admin-lms-main,[data-theme=light] .superadmin-lms-main{background:linear-gradient(135deg,#f0f4f8,#e8eef5,#f5f8fb,#eef3f9,#f0f5fa) \!important}[data-theme=light] .super-admin-lms-main:before,[data-theme=light] .superadmin-lms-main:before{content:""!important;position:fixed!important;inset:0!important;background:radial-gradient(circle at 20% 50%,rgba(59,130,246,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(147,197,253,.08) 0%,transparent 50%)!important;pointer-events:none!important;z-index:0!important}[data-theme=light] .super-admin-lms-main>*,[data-theme=light] .superadmin-lms-main>*{position:relative!important;z-index:1!important}[data-theme=light] .super-admin-lms-main .content-section,[data-theme=light] .super-admin-lms-main .main-content,[data-theme=light] .superadmin-lms-main .content-section,[data-theme=light] .superadmin-lms-main .main-content{background:#fff!important;border-radius:20px!important;padding:28px!important;box-shadow:0 10px 40px #0f172a14,0 4px 16px #0f172a0a,0 0 0 1px #e2e8f0cc!important;border:1px solid rgba(203,213,225,.5)!important}[data-theme=light] .super-admin-lms-main h1,[data-theme=light] .superadmin-lms-main h1{color:var(--text)!important;font-weight:700!important;font-size:2rem!important;margin-bottom:24px!important;padding-bottom:16px!important;position:relative!important}[data-theme=light] .super-admin-lms-main h1:after,[data-theme=light] .superadmin-lms-main h1:after{content:""!important;position:absolute!important;bottom:0!important;left:0!important;width:60px!important;height:4px!important;background:linear-gradient(90deg,var(--accent) 0%,#60a5fa 100%)!important;border-radius:2px!important}[data-theme=light] .lms-welcome-section{background:#fff!important;color:var(--text)!important;border:2px solid rgba(203,213,225,.8)!important;box-shadow:var(--shadow-card)!important;background:#fff \!important;color:var(--text) \!important;border:2px solid rgba(203,213,225,.8) \!important;box-shadow:var(--shadow-card) \!important}[data-theme=light] .lms-welcome-section h1,[data-theme=light] .lms-welcome-section p{color:var(--text) \!important}[data-theme=light] .super-admin-lms-main .tile,[data-theme=light] .super-admin-lms-main .kpi,[data-theme=light] .super-admin-lms-main .stat,[data-theme=light] .super-admin-lms-main .widget,[data-theme=light] .super-admin-lms-main .card,[data-theme=light] .super-admin-lms-main .panel{background:#fff \!important;color:var(--text) \!important;border:1px solid var(--border) \!important;box-shadow:var(--shadow-sm) \!important}[data-theme=light] .super-admin-lms-main .tile:hover,[data-theme=light] .super-admin-lms-main .card:hover{box-shadow:var(--shadow-md) \!important;border-color:var(--accent) \!important}.virtual-cafe-section{display:flex;flex-direction:column;gap:30px;padding:20px;width:100%;max-width:var(--page-content-max-width);margin:0 auto;box-sizing:border-box;background:transparent}.virtual-cafe-panel{width:100%;box-sizing:border-box;background:linear-gradient(135deg,var(--card-bg, #181d2f),var(--surface-light, #232336) 80%);border-radius:16px;box-shadow:0 2px 12px #38bdf81a;border:1.5px solid var(--accent, #38bdf8);outline:1.5px solid var(--primary-light, #60a5fa);outline-offset:2px;padding:20px 22px 22px}.room-card-image{width:100%;aspect-ratio:1 / 1;border-radius:var(--border-radius-md);overflow:hidden;margin-bottom:10px;position:relative;background:#000}.room-card-image img{width:100%;height:100%;object-fit:contain;display:block;transition:transform var(--transition-normal)}.room-card:hover .room-card-image img{transform:scale(1.03)}.room-card-caption{position:absolute;left:0;right:0;bottom:0;padding:10px;background:linear-gradient(to top,#0000008c,#00000026,#0000)}.room-meta-inline{color:#ccd3db;font-size:.8rem}.section-description{color:var(--text-muted, #b0b8c1)}.cafe-actions{display:flex;align-items:center;gap:20px;margin-bottom:20px}.filter-options{display:flex;gap:10px}.filter-select{padding:6px 12px;border-radius:6px;border:1px solid var(--border, #2e3a4a);background:var(--card-bg, #1f2430);color:var(--text, #e4e6eb)}.rooms-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2.4rem;row-gap:2rem;margin-top:1.5rem;width:100%;max-width:920px;margin-left:auto;margin-right:auto;padding:12px 14px 16px;box-sizing:border-box;justify-content:center}@media (max-width: 900px){.rooms-grid{grid-template-columns:1fr;gap:1.6rem;max-width:100%}}.room-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:var(--glass-border);border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--shadow-card);transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast);display:flex;flex-direction:column;min-height:0;position:relative;color:var(--text, #e4e6eb);padding:12px 14px 14px;width:100%;max-width:380px;margin-left:auto;margin-right:auto;margin-bottom:6px}.room-title{font-weight:600;margin-bottom:8px;color:var(--neon);text-shadow:0 0 6px var(--neon);font-family:Orbitron,sans-serif;letter-spacing:.04em;font-size:.95rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden}.room-meta{font-size:.85rem;color:var(--text-muted, #b0b8c1);margin-bottom:8px;display:flex;flex-direction:column;gap:4px}.room-description{color:var(--text, #e4e6eb);font-size:.85rem;line-height:1.35;max-height:3.2em;overflow:hidden}.room-language-line{font-size:.85rem;color:var(--text-muted, #b0b8c1)}.room-datetime{font-size:.8rem;color:var(--text-muted, #9aa3ad);margin-top:2px}.room-chips{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 8px}.chip{background:var(--surface, #0f131a);border:1px solid var(--border-light, rgba(255, 255, 255, .08));color:var(--text-muted, #b0b8c1);border-radius:999px;padding:3px 6px;font-size:11px}.room-participants{font-size:11px;color:var(--text-muted, #b0b8c1);margin-top:4px}.room-avatars{display:flex;align-items:center;gap:6px;margin:6px 0}.room-avatar{width:22px;height:22px;border-radius:50%;background:#2a3141;color:#e4e6eb;display:inline-flex;align-items:center;justify-content:center;font-size:12px;border:1px solid rgba(255,255,255,.12)}.room-avatar.img{width:22px;height:22px;border-radius:50%;object-fit:cover;display:inline-block;border:1px solid rgba(255,255,255,.12);background:#000}.room-avatar.more{background:#39455e;font-weight:600}.room-participants-count{margin-left:8px}.room-card-actions{display:flex;gap:10px;margin-top:10px}.room-card-actions .join-room-button,.room-card-actions .join-parent-entity-button{flex:1}.room-card.skeleton{position:relative;overflow:hidden;height:120px;flex:1 1 260px;background:linear-gradient(90deg,#ffffff0f 25%,#ffffff1f 37%,#ffffff0f 63%);background-size:400% 100%;border-radius:10px;animation:cafe-shimmer 1.2s ease-in-out infinite;border:1px solid var(--border-light, rgba(255, 255, 255, .08))}@keyframes cafe-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.join-room-button.loading{opacity:.7;cursor:default}.vc-error-banner{background:#f443361f;color:var(--danger, #ff6b6b);border:1px solid rgba(244,67,54,.3);padding:10px 12px;border-radius:8px;margin:10px 0 0}.vc-toast-stack{position:fixed;right:calc(var(--connections-rail-reserve, 220px) + 16px);bottom:20px;display:flex;flex-direction:column;gap:8px;z-index:100001;pointer-events:none}.vc-toast{pointer-events:auto;background:var(--surface, #0f131a);color:var(--text, #e4e6eb);border:1px solid var(--border-light, rgba(255, 255, 255, .08));border-radius:10px;padding:10px 12px;box-shadow:var(--shadow-md, 0 10px 30px rgba(0, 0, 0, .25))}.vc-toast.info{border-color:var(--border-light, rgba(255, 255, 255, .08))}.vc-toast.error{border-color:#f4433680;color:#ff948f}.no-rooms-message{color:var(--text-muted, #b0b8c1);padding:40px;text-align:center;width:100%}.vc-tabs{display:flex;gap:16px;margin-bottom:20px;border-bottom:2px solid rgba(148,163,184,.25);padding-bottom:10px}.vc-tab{font-size:1.05rem;padding:8px 22px;border-radius:8px 8px 0 0;background:#0f172ae6;color:var(--primary-light, #60a5fa);border:1px solid transparent;border-bottom:none;cursor:pointer;transition:all .25s ease;position:relative;font-weight:500}.vc-tab.active{background:linear-gradient(135deg,var(--primary, #3b82f6),var(--accent, #a855f7));color:var(--text-light, #f9fafb);box-shadow:0 -2px 10px #0f172a99}.vc-tab:hover:not(.active){background:#2563eb40;transform:translateY(-2px)}.vc-tab.active:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:var(--primary, #3b82f6)}@media (max-width: 600px){.vc-tabs{flex-wrap:wrap;gap:8px}.vc-tab{font-size:.95rem;padding:6px 16px;flex:1;text-align:center}}.create-room-button{background:var(--primary, #6e8efb);color:var(--text-light, #fff);border:none;border-radius:6px;padding:10px 20px;font-weight:700;cursor:pointer;transition:background .2s}.create-room-button:hover{background:var(--primary-dark, #4e6edb)}.room-card{background:var(--card-bg, #1f2430);border-radius:10px;padding:20px;min-width:220px;min-height:120px;box-shadow:0 2px 8px #00000026;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s,box-shadow .2s}.room-card:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 6px 18px #00000040}.room-title{font-size:1.1em;font-weight:700;margin-bottom:8px}.room-meta{font-size:.95em;color:var(--text-muted, #b0b8c1);margin-bottom:8px}.join-room-button{padding:10px 20px;border-radius:var(--border-radius-sm);border:1.5px solid var(--accent);background:linear-gradient(90deg,var(--primary) 0%,var(--primary-light) 100%);color:var(--button-text);font-family:Orbitron,sans-serif;font-size:.85rem;letter-spacing:.04em;cursor:pointer;transition:all var(--transition-fast);align-self:flex-start}.join-room-button:disabled{background:var(--disabled-bg, #444);cursor:not-allowed}.join-room-button:hover:not(:disabled){background:linear-gradient(90deg,var(--primary-light) 0%,var(--accent) 100%);border-color:var(--neon);box-shadow:0 0 12px var(--neon)}.join-parent-entity-button{margin-top:8px;padding:6px 10px;border-radius:6px;border:1px solid var(--border-light, rgba(255, 255, 255, .18));background:#0f131ad9;color:var(--text-muted, #cbd5f5);font-size:.8rem;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.join-parent-entity-button:hover{background:#586eff1f;border-color:var(--primary, #6e8efb);color:var(--text, #e4e6eb)}.create-room-form{background:var(--card-bg);border-radius:16px;padding:28px;margin-top:12px;box-shadow:0 14px 40px #00000059;border:1px solid var(--border, rgba(255, 255, 255, .08));max-width:720px;width:100%;display:grid;gap:14px}.create-room-form h2{margin-bottom:4px}.create-room-form input[type=text],.create-room-form input[type=number],.create-room-form input[type=time],.create-room-form select,.create-room-form textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border, #2e3a4a);background:var(--surface, #161b26);color:var(--text, #e4e6eb);font-size:.95rem;outline:none}.create-room-form textarea{min-height:120px;resize:vertical}.create-room-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:6px}.create-room-actions button{background:linear-gradient(135deg,#6e8efb,#5ab1ff);color:var(--text-light, #f4f6fb);border:none;padding:10px 16px;border-radius:10px;cursor:pointer;transition:transform .15s,box-shadow .15s;font-weight:600}.create-room-actions button:hover{transform:translateY(-1px);box-shadow:0 6px 16px #5ab1ff40}.create-room-actions button.ghost{background:transparent;border:1px solid var(--border, rgba(255, 255, 255, .12));color:var(--text, #e4e6eb);box-shadow:none}.banner-upload-field{margin-top:4px;display:flex;flex-direction:column;gap:4px}.banner-label-row{display:flex;justify-content:space-between;align-items:baseline;font-size:.85rem}.banner-label{font-weight:500;color:var(--text, #e4e6eb)}.banner-helper{font-size:.75rem;color:var(--text-muted, #b0b8c1)}#room-banner-input{display:block!important;position:static!important;opacity:1!important;width:100%;max-width:100%;margin-top:4px;cursor:pointer}#room-banner-input::-webkit-file-upload-button{padding:6px 10px;border-radius:6px;border:1px solid var(--border, #2e3a4a);background:#0f172af2;color:var(--text-light, #f9fafb);cursor:pointer}#room-banner-input::file-selector-button{padding:6px 10px;border-radius:6px;border:1px solid var(--border, #2e3a4a);background:#0f172af2;color:var(--text-light, #f9fafb);cursor:pointer}.banner-input{margin-top:2px;padding:6px 8px;border-radius:8px;border:1px solid var(--border, #2e3a4a);background:var(--surface, #161b26);color:var(--text, #e4e6eb);font-size:.9rem}.banner-file-name{margin-top:4px;font-size:.8rem;color:var(--text-muted, #b0b8c1);word-break:break-all}.banner-preview{margin-top:8px;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.1);max-height:180px}.banner-preview img{width:100%;height:100%;object-fit:cover;display:block}.video-chat-room{display:flex;flex-direction:column;width:100%;height:100%;background:var(--bg-dark, #0f131a);border-radius:0;overflow:hidden;position:relative;margin-top:0;border:none}.video-chat-room.presentation-mode,.video-chat-room.fullscreen-mode{position:fixed;top:0;left:0;width:100vw;height:100vh;margin:0;border-radius:0;z-index:9999;border:none}.vc-main-content{display:flex;flex-direction:column;width:100%;height:100%}.vc-header{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#0f131af2;border-bottom:1px solid var(--border-light, rgba(255, 255, 255, .08))}.vc-brand{font-family:Orbitron,sans-serif;font-size:1.2rem;font-weight:700;background:linear-gradient(90deg,#6e8efb,#a777e3);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:1px}.vc-header-controls{display:flex;align-items:center;gap:16px}.session-timer{font-family:JetBrains Mono,monospace;color:var(--text-muted, #b0b8c1);font-size:.9rem;background:#ffffff0d;padding:6px 12px;border-radius:6px}.leave-room-btn{background:var(--danger, #f44336);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-weight:600;font-size:.85rem;cursor:pointer;transition:background .2s}.leave-room-btn:hover{background:var(--danger-dark, #d32f2f)}.vc-body{flex:1;display:flex;overflow:hidden;position:relative}.vc-content-area{flex:1;display:flex;flex-direction:column;position:relative;background:#000;overflow:hidden}.focus-content-wrapper{flex:1;width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.vc-sidebar{width:320px;min-width:320px;background:var(--surface, #181a20);border-left:1px solid var(--border-light, rgba(255, 255, 255, .08));display:flex;flex-direction:column;height:100%}.vc-sidebar-section{display:flex;flex-direction:column;overflow:hidden}.vc-sidebar-header{padding:12px 16px;font-size:.9rem;font-weight:600;color:var(--text-muted, #b0b8c1);background:#0003;border-bottom:1px solid var(--border-light, rgba(255, 255, 255, .05));text-transform:uppercase;letter-spacing:.05em}.chat-section{flex:1;min-height:300px;border-bottom:1px solid var(--border-light, rgba(255, 255, 255, .08))}.participants-section{height:40%;min-height:200px}.vc-toolbar-container{height:80px;background:#0f131af2;border-top:1px solid var(--border-light, rgba(255, 255, 255, .08));display:flex;align-items:center;justify-content:center;padding:0 24px}.vc-toolbar{display:flex;gap:12px;align-items:center;background:#ffffff08;padding:10px 20px;border-radius:16px;border:1px solid rgba(255,255,255,.05)}.vc-toolbar-group{display:flex;align-items:center;gap:8px}.vc-toolbar-divider{width:1px;height:24px;background:#ffffff1a;margin:0 8px}.vc-tool{width:44px;height:44px;border-radius:12px;border:none;background:transparent;color:var(--text-muted, #b0b8c1);font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.vc-tool:hover{background:#ffffff1a;color:#fff;transform:translateY(-2px)}.vc-tool.active{background:var(--primary, #6e8efb);color:#fff;box-shadow:0 4px 12px #6e8efb4d}.chat-sidebar{height:100%;background:transparent;padding:0;border-radius:0}.chat-messages{padding:16px}.chat-input-row{padding:12px 16px;background:#0003;margin-top:0}.participants-panel{background:transparent;border:none;padding:0;margin:0;height:100%;max-height:none}.participants-body{padding:0;margin:0;height:100%}.participants-list{padding:8px 0}.participant-item{padding:8px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:background .2s}.participant-item:hover{background:#ffffff0d}.presentation-mode .vc-sidebar,.presentation-mode .vc-header,.presentation-mode .vc-toolbar-container{display:none}.voice-activation-toggle{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:8px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.1);z-index:10}.switch-label{display:flex;align-items:center;gap:8px;cursor:pointer;color:#fff;font-size:.9rem}@media (max-width: 900px){.video-chat-room{height:calc(100vh - 80px);margin-top:10px}.vc-body{flex-direction:column}.vc-sidebar{width:100%;height:40%;min-height:200px;border-left:none;border-top:1px solid var(--border-light, rgba(255, 255, 255, .08))}.vc-content-area{height:60%}.vc-sidebar-section{flex-direction:row;height:100%}.chat-section,.participants-section{width:50%;height:100%;border-bottom:none;border-right:1px solid var(--border-light, rgba(255, 255, 255, .08))}}.unified-room-layout{display:grid;grid-template-rows:60px 1fr 80px;grid-template-columns:1fr var(--sidebar-width);height:100%;width:100%;background:var(--background);color:var(--text, #0f172a);overflow:hidden}.unified-room-layout.sidebar-expanded{--sidebar-width: 320px}.unified-room-layout.sidebar-collapsed{--sidebar-width: 60px}.url-header{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:var(--vc-header-bg, rgba(15, 23, 42, .96));border-bottom:1px solid var(--border-light, rgba(148, 163, 184, .35))}.url-header-left,.url-header-center,.url-header-right{flex:1}.url-header-center{display:flex;justify-content:center}.url-header-right{display:flex;justify-content:flex-end;align-items:center;gap:12px}.url-cafe-title,.url-room-title{font-size:18px;font-weight:600;letter-spacing:.5px}.url-session-time{font-size:16px;font-weight:500;padding:6px 16px;background:var(--chip-bg, rgba(148, 163, 184, .16));border-radius:999px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.url-leave-btn{padding:8px 20px;background:var(--error, #ef4444);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.url-leave-btn:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.url-main-content{grid-column:1;grid-row:2;background:var(--surface);overflow:hidden;display:flex;flex-direction:column}.url-main-inner{flex:1;position:relative;overflow:hidden;min-height:0}.url-participant-strip{height:120px;flex-shrink:0;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;gap:12px;padding:12px;overflow-x:auto;overflow-y:hidden;border-top:1px solid rgba(255,255,255,.1)}.url-participant-strip::-webkit-scrollbar{height:6px}.url-participant-strip::-webkit-scrollbar-track{background:#ffffff0d}.url-participant-strip::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.url-strip-participant{position:relative;width:118px;height:118px;flex:0 0 118px;border-radius:8px;overflow:hidden;background:#0f1419}.url-strip-video{width:100%;height:100%;object-fit:cover}.url-strip-avatar{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:32px;background:linear-gradient(135deg,#1e293b,#0f172a);color:#94a3b8}.url-strip-name{position:absolute;bottom:4px;left:4px;padding:2px 8px;background:#000000b3;border-radius:4px;font-size:11px;font-weight:500;max-width:calc(100% - 8px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.url-participant-strip.collapsed{height:32px;padding:4px 12px;justify-content:center;align-items:center}.url-strip-toggle{flex-shrink:0;width:28px;height:24px;border-radius:6px;border:1px solid rgba(148,163,184,.5);background:#0f172acc;color:#f8fafce6;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease,border-color .15s ease,transform .1s ease}.url-strip-toggle:hover{background:#38bdf840;border-color:#38bdf8cc;transform:translateY(-1px)}.url-strip-empty{color:#94a3b8cc;font-size:13px;font-style:italic}.url-sidebar{grid-column:2;grid-row:2 / 4;position:relative;background:var(--surface, #020617);border-left:1px solid var(--border-light, rgba(148, 163, 184, .35));display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.url-sidebar-toggle{position:absolute;left:0;top:50%;transform:translateY(-50%);width:24px;height:60px;background:#667eeae6;border:none;border-radius:0 8px 8px 0;color:#fff;font-size:20px;cursor:pointer;z-index:100;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.url-sidebar-toggle:hover{background:#667eea;width:28px}.url-my-video-section{padding:16px;border-bottom:1px solid rgba(255,255,255,.1)}.url-my-video-container{position:relative;width:100%;aspect-ratio:4 / 3;background:#000;border-radius:12px;overflow:hidden;margin-bottom:12px}.url-my-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.url-my-video-label{position:absolute;bottom:8px;left:8px;padding:4px 12px;background:#000000b3;border-radius:6px;font-size:13px;font-weight:500}.url-media-controls{display:flex;gap:8px;justify-content:center}.url-control-btn{flex:1;padding:10px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:18px;cursor:pointer;transition:all .2s ease}.url-control-btn:hover{background:#fff3;transform:translateY(-2px)}.url-control-btn.active{background:#22c55e33;border-color:#22c55e80}.url-control-btn.inactive{background:#ef444433;border-color:#ef444480}.url-tabs{display:flex;gap:4px;padding:12px 16px 0;border-bottom:1px solid rgba(255,255,255,.1)}.url-tab{flex:1;padding:10px;background:transparent;border:none;border-bottom:2px solid transparent;color:#fff9;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.url-tab:hover{color:#ffffffe6;background:#ffffff0d}.url-tab.active{color:#667eea;border-bottom-color:#667eea}.url-chat-section{flex:1;display:flex;flex-direction:column;overflow:hidden}.url-messages{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.url-messages::-webkit-scrollbar{width:6px}.url-messages::-webkit-scrollbar-track{background:#ffffff0d}.url-messages::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.url-message{display:flex;flex-direction:column;gap:4px}.url-message-user{font-weight:600;font-size:13px;color:#667eea}.url-message-text{font-size:14px;color:#ffffffe6;word-wrap:break-word}.url-chat-input-form{display:flex;gap:8px;padding:12px 16px;background:#0003;border-top:1px solid rgba(255,255,255,.1)}.url-chat-input{flex:1;padding:10px 14px;background:var(--input-bg, rgba(15, 23, 42, .85));border:1px solid var(--input-border, rgba(148, 163, 184, .6));border-radius:8px;color:var(--text, #e5e7eb);font-size:14px;outline:none;transition:all .2s ease}.url-chat-input::placeholder{color:var(--text-muted, rgba(148, 163, 184, .8))}.url-chat-input:focus{background:var(--surface-light, rgba(15, 23, 42, .95));border-color:var(--input-focus, #2563eb)}.url-send-btn{padding:10px 16px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;font-size:16px;cursor:pointer;transition:all .2s ease}.url-send-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.url-participants-section{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.url-participants-section::-webkit-scrollbar{width:6px}.url-participants-section::-webkit-scrollbar-track{background:#ffffff0d}.url-participants-section::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.url-participant-item{position:relative;display:flex;align-items:center;justify-content:space-between;padding:12px;background:#ffffff0d;border-radius:8px;transition:all .2s ease}.url-participant-item:hover{background:#ffffff1a}.url-participant-item.presenter{background:#ffffff1f;box-shadow:0 0 0 1px #38bdf880}.url-participant-name{font-size:14px;font-weight:500}.url-participant-status{display:flex;gap:8px;font-size:16px}.url-participant-badges{position:absolute;top:6px;right:8px;display:flex;gap:4px}.url-participant-badge{padding:2px 6px;border-radius:999px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;background:#0f172ad9;color:#e5e7eb;border:1px solid rgba(148,163,184,.6)}.url-participant-badge.presenter{background:linear-gradient(135deg,#0ea5e9,#22c55e);color:#0f172a;border:none}.url-participant-badge.you{background:#22c55e2e;border-color:#22c55eb3;color:#bbf7d0}.status-on{opacity:1}.status-off{opacity:.3}.url-toolbar{grid-column:1;grid-row:3;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;gap:16px;padding:0 24px}.vc-toolbar-group{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:#0f172a99}.vc-toolbar-group+.vc-toolbar-group,.vc-toolbar-group+.vc-tool{border-left:1px solid rgba(148,163,184,.5);padding-left:16px}.vc-presentation-split{height:100%;max-height:100%;display:flex}.vc-presentation-split .split-view-layout{flex:1;min-height:0}.vc-tool{min-width:36px;height:36px;border-radius:999px;border:1px solid rgba(148,163,184,.5);background:#0f172ab3;color:#f8fafce6;display:inline-flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .1s ease}.vc-tool:hover{background:#38bdf833;border-color:#38bdf8cc;transform:translateY(-1px)}.vc-tool.active{background:linear-gradient(135deg,#0ea5e9,#22c55e);border-color:transparent;color:#0f172a}.vc-tool.disabled,.vc-tool:disabled{opacity:.4;cursor:not-allowed;transform:none}.vc-tool.disabled:hover,.vc-tool:disabled:hover{background:#0f172ab3;border-color:#94a3b880;transform:none}.vc-bg-audio-indicator{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#16a34a2e;border:1px solid rgba(52,211,153,.7);color:#f0fdfaf2;font-size:13px}.vc-bg-audio-indicator-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:#10b98138;box-shadow:0 0 #10b98173;animation:vc-bg-audio-pulse 1.6s ease-out infinite}.vc-bg-audio-panel{position:fixed;right:24px;bottom:104px;z-index:40;width:min(520px,100% - 48px);max-width:520px;background:#0f172af5;border-radius:12px;box-shadow:0 18px 45px #0f172acc;border:1px solid rgba(148,163,184,.6);padding:8px 8px 10px}.vc-bg-audio-panel .cafe-media-player{max-height:260px}.vc-bg-audio-panel-close{position:absolute;top:6px;right:8px;width:22px;height:22px;border-radius:999px;border:none;background:#0f172ae6;color:#f8fafce6;cursor:pointer;font-size:14px;line-height:1}.vc-bg-audio-panel-close:hover{background:#1e40aff2}.cafe-media-rewind-row{display:flex;justify-content:flex-end;gap:6px;margin-bottom:6px}.cafe-media-rewind-btn{padding:2px 8px;border-radius:999px;border:1px solid rgba(148,163,184,.7);background:#0f172ae6;color:#f8fafce6;font-size:11px;cursor:pointer}.cafe-media-rewind-btn:hover{background:#3b82f6e6;border-color:#bfdbfef2}.vc-bg-audio-indicator-text{white-space:nowrap;opacity:.9}@keyframes vc-bg-audio-pulse{0%{box-shadow:0 0 #10b9818c;transform:scale(1)}70%{box-shadow:0 0 0 10px #10b98100;transform:scale(1.05)}to{box-shadow:0 0 #10b98100;transform:scale(1)}}.vc-main-with-bg-audio-indicator{position:relative;width:100%;height:100%}.vc-bg-audio-indicator-icon-only{position:absolute;top:12px;right:16px;z-index:5;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;background:#10b98140;box-shadow:0 0 #10b98173;animation:vc-bg-audio-pulse 1.6s ease-out infinite}.unified-room-layout.sidebar-collapsed .url-my-video-section,.unified-room-layout.sidebar-collapsed .url-tabs,.unified-room-layout.sidebar-collapsed .url-chat-section,.unified-room-layout.sidebar-collapsed .url-participants-section{display:none}.pip-video-feed{position:fixed;width:260px;height:195px;background:#000;border-radius:12px;box-shadow:0 8px 24px #00000080;z-index:1000;overflow:hidden;cursor:grab;border:2px solid rgba(255,255,255,.1);transition:box-shadow .2s ease}.pip-video-feed:hover{box-shadow:0 12px 32px #0009;border-color:#ffffff4d}.pip-video-feed.dragging{cursor:grabbing;transform:scale(1.02);box-shadow:0 16px 40px #000000b3}.pip-video-container{position:relative;width:100%;height:100%}.pip-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.pip-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 40%);display:flex;flex-direction:column;justify-content:flex-end;padding:8px;opacity:0;transition:opacity .2s ease}.pip-video-feed:hover .pip-overlay{opacity:1}.pip-label{position:absolute;top:8px;left:8px;font-size:12px;font-weight:500;color:#fff;background:#0009;padding:2px 6px;border-radius:4px;text-shadow:0 1px 2px rgba(0,0,0,.8)}.pip-controls{display:flex;justify-content:center;gap:8px}.pip-btn{width:28px;height:28px;border-radius:50%;border:none;background:#fff3;color:#fff;font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.pip-btn:hover{background:#fff6;transform:scale(1.1)}.pip-btn.off{background:#ef4444cc}.pip-btn.expand{background:#667eeacc}.pip-btn.expand:hover{background:#667eea}.cafe-whiteboard-root{display:flex;flex-direction:column;gap:8px}.wb-shape-size-slider{width:70px;margin:4px auto 0;accent-color:#22d3ee}.cafe-whiteboard--presentation .wb-shape-size-slider{writing-mode:vertical-lr;direction:rtl;-webkit-appearance:none;appearance:none;width:6px;height:80px;border-radius:999px;background:#0f172ae6;border:1px solid rgba(148,163,184,.7);cursor:pointer;display:block;margin:6px auto 0}.pos-rel{position:relative}.fill{width:100%;height:100%;position:relative}.toolbar-spacer{flex:1}.wb-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:var(--surface, rgba(255, 255, 255, .06));padding:8px;border-radius:8px;border:1px solid var(--border-light, rgba(255, 255, 255, .12))}.cafe-whiteboard--presentation{position:relative;display:flex;flex-direction:column;gap:0;height:100%}.cafe-whiteboard--presentation .wb-controls{position:absolute;left:14px;top:50%;transform:translateY(-50%);flex-direction:column;align-items:center;flex-wrap:nowrap;padding:12px 10px;gap:10px;border-radius:999px;background:radial-gradient(circle at 0% 0%,#3b82f6fa,#0f172afa);box-shadow:0 0 22px #38bdf873,0 20px 50px #0f172ae6;border:1px solid rgba(148,163,184,.6);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;color:#e5f3ff;max-height:calc(100% - 40px);overflow-y:auto}.cafe-whiteboard--presentation .wb-controls .toolbar-spacer{display:none}.cafe-whiteboard--presentation .wb-controls .wb-btn,.cafe-whiteboard--presentation .wb-controls .wb-small{border-radius:999px;width:34px;height:34px;padding:0;background:radial-gradient(circle at 30% 0%,#f8fafc29,#0f172ae6);border:1px solid rgba(148,197,255,.9);color:#e5f3ff;box-shadow:0 0 10px #3b82f699}.cafe-whiteboard--presentation .wb-controls .wb-btn.active{background:linear-gradient(135deg,#0ea5e9,#22c55e);color:#0f172a;border-color:transparent;box-shadow:0 0 14px #22c55ee6}.cafe-whiteboard--presentation .wb-color,.cafe-whiteboard--presentation .wb-fill{margin:6px 0}.cafe-whiteboard--presentation .wb-color input[type=color]{width:30px;height:30px;padding:0;border-radius:999px;border:2px solid rgba(148,163,184,.7);background:transparent}.cafe-whiteboard--presentation .canvas-wrap{margin-left:0;padding-left:0}.wb-btn,.wb-small,.wb-swatch{appearance:none;border:1px solid var(--border-light, rgba(255, 255, 255, .12));background:var(--button-bg, transparent);color:var(--text, #e4e6eb);border-radius:8px;padding:6px 10px;font:inherit;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px}.cafe-whiteboard--presentation .wb-controls .wb-btn,.cafe-whiteboard--presentation .wb-controls .wb-small{border-radius:999px;width:34px;height:34px;padding:0;background:radial-gradient(circle at 30% 0%,#f8fafc33,#0f172ae6);border:1px solid rgba(148,197,255,.95);color:#e5f3ff;box-shadow:0 0 10px #3b82f6b3}.cafe-whiteboard--presentation .wb-controls .wb-btn svg{width:18px;height:18px;stroke:currentColor}.wb-swatch{width:28px;height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center}.wb-swatch span{display:block;width:100%;border-radius:4px}.wb-btn svg{width:18px;height:18px;display:block;stroke:currentColor}.wb-btn.active,.wb-swatch.active{box-shadow:var(--neon-glow);background:var(--button-hover, rgba(255, 255, 255, .08))}.wb-btn:hover,.wb-small:hover,.wb-swatch:hover{transform:translateY(-1px);box-shadow:var(--neon-glow)}.wb-popover{position:absolute;top:36px;left:0;display:flex;gap:6px;background:var(--glass-bg, #1f2430);border:1px solid var(--border-light, rgba(255, 255, 255, .12));border-radius:8px;padding:6px;z-index:5;box-shadow:var(--shadow-md, 0 8px 24px rgba(0, 0, 0, .35))}.wb-color{margin-left:8px}.wb-fill{display:inline-flex;align-items:center;gap:4px}.wb-textbox{position:absolute;background:#fff;border:1px solid var(--border-light, rgba(0, 0, 0, .2));border-radius:6px;padding:6px;box-shadow:0 2px 8px #00000040;min-width:160px;z-index:3;cursor:move}.wb-pending .wb-small{padding:4px 8px;border-radius:6px;font-size:12px}.canvas-wrap{overflow:hidden;border-radius:8px;max-width:100%;box-sizing:border-box}.canvas-wrap canvas{display:block;max-width:100%;height:auto}.cafe-whiteboard--presentation .wb-controls .wb-btn,.cafe-whiteboard--presentation .wb-controls .wb-small{border-radius:999px!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;background:#1e3a8ad9!important;border:2px solid rgba(147,197,253,.9)!important;color:#f0f9ff!important;box-shadow:0 0 12px #3b82f6cc,inset 0 1px #ffffff26!important}.cafe-whiteboard--presentation .wb-controls .wb-btn svg{width:20px!important;height:20px!important;stroke:#f0f9ff!important;stroke-width:2.5!important}.cafe-whiteboard--presentation .wb-controls .wb-btn.active{background:linear-gradient(135deg,#22d3ee,#34d399)!important;color:#0f172a!important;border-color:#a7f3d0!important;box-shadow:0 0 18px #22d39ae6!important}.cafe-whiteboard--presentation .wb-controls .wb-btn.active svg{stroke:#0f172a!important}.cafe-whiteboard--presentation .wb-controls .wb-fill{display:flex!important;flex-direction:column!important;align-items:center!important;gap:2px!important;color:#f0f9ff!important;font-size:12px!important;font-weight:500!important}.cafe-whiteboard--presentation .wb-controls .wb-fill input[type=checkbox]{width:16px!important;height:16px!important;accent-color:#22d3ee!important}.cafe-whiteboard--presentation .wb-controls .wb-color input[type=color]{width:32px!important;height:32px!important;border-radius:999px!important;border:2px solid rgba(147,197,253,.9)!important;padding:0!important;cursor:pointer!important}.cafe-whiteboard--presentation .wb-popover{left:50px!important;top:0!important;flex-direction:column!important;background:#1e3a8af2!important;border:1px solid rgba(147,197,253,.7)!important;border-radius:12px!important;padding:8px!important;box-shadow:0 0 16px #3b82f699!important}.cafe-whiteboard--presentation .wb-popover .wb-swatch{border-radius:6px!important;width:36px!important;height:28px!important;background:#0f172ad9!important;border:1px solid rgba(147,197,253,.7)!important;color:#f0f9ff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:16px!important;padding:4px 6px!important}.cafe-whiteboard--presentation .wb-popover .wb-swatch:hover{background:#3b82f680!important;border-color:#93c5fd!important}.cafe-whiteboard--presentation .wb-popover .wb-swatch span{display:block!important;width:100%!important;min-height:2px!important;border-radius:3px!important}@keyframes wb-pointer-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.canvas-wrap.tool-pen canvas{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5l4 4L7 21H3v-4L16.5 3.5z'/%3E%3C/svg%3E") 2 22,crosshair}.canvas-wrap.tool-eraser canvas{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23fff' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 3l5 5-9 9H7l-4-4 9-9z'/%3E%3Cpath d='M6 17h7'/%3E%3C/svg%3E") 12 22,crosshair}.canvas-wrap.tool-line canvas,.canvas-wrap.tool-rect canvas,.canvas-wrap.tool-square canvas,.canvas-wrap.tool-circle canvas,.canvas-wrap.tool-arrow canvas{cursor:crosshair}.canvas-wrap.tool-select canvas{cursor:move}.canvas-wrap.tool-select.dragging canvas{cursor:grabbing}.canvas-wrap.tool-text canvas{cursor:text}.canvas-wrap.tool-pointer canvas{cursor:pointer}.wb-selection-highlight{position:absolute;pointer-events:none;z-index:5;border:2px dashed rgba(34,211,154,.9);border-radius:4px;box-shadow:0 0 12px #22d39a99;animation:wb-selection-pulse .8s ease-in-out infinite}@keyframes wb-selection-pulse{0%,to{box-shadow:0 0 8px #22d39a80;border-color:#22d39ae6}50%{box-shadow:0 0 20px #22d39ae6;border-color:#38bdf8e6}}:root{--react-pdf-annotation-layer: 1;--annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");--input-focus-border-color: Highlight;--input-focus-outline: 1px solid Canvas;--input-unfocused-border-color: transparent;--input-disabled-border-color: transparent;--input-hover-border-color: black;--link-outline: none}@media screen and (forced-colors: active){:root{--input-focus-border-color: CanvasText;--input-unfocused-border-color: ActiveText;--input-disabled-border-color: GrayText;--input-hover-border-color: Highlight;--link-outline: 1.5px solid LinkText}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid selectedItem}.annotationLayer .linkAnnotation:hover{-webkit-backdrop-filter:invert(100%);backdrop-filter:invert(100%)}}.annotationLayer{position:absolute;top:0;left:0;pointer-events:none;transform-origin:0 0;z-index:3}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg) translate(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg) translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg) translateY(-100%)}.annotationLayer canvas{position:absolute;width:100%;height:100%}.annotationLayer section{position:absolute;text-align:initial;pointer-events:auto;box-sizing:border-box;margin:0;transform-origin:0 0}.annotationLayer .linkAnnotation{outline:var(--link-outline)}.textLayer.selecting~.annotationLayer section{pointer-events:none}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{position:absolute;font-size:1em;top:0;left:0;width:100%;height:100%}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a:hover{opacity:.2;background:#ff0;box-shadow:0 2px 10px #ff0}.annotationLayer .textAnnotation img{position:absolute;cursor:pointer;width:100%;height:100%;top:0;left:0}.annotationLayer .textWidgetAnnotation :is(input,textarea),.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{background-image:var(--annotation-unfocused-field-background);border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px * var(--scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .textWidgetAnnotation :is(input,textarea)[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled]{background:none;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover{border:2px solid var(--input-hover-border-color)}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation.checkBox input:hover{border-radius:2px}.annotationLayer .textWidgetAnnotation :is(input,textarea):focus,.annotationLayer .choiceWidgetAnnotation select:focus{background:none;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-image:none;background-color:transparent}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{background-color:CanvasText;content:"";display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{height:80%;left:45%;width:1px}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;height:50%;left:30%;top:20%;width:50%}.annotationLayer .textWidgetAnnotation input.comb{font-family:monospace;padding-left:2px;padding-right:0}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{appearance:none}.annotationLayer .popupTriggerArea{height:100%;width:100%}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{position:absolute}.annotationLayer .popupWrapper{position:absolute;font-size:calc(9px * var(--scale-factor));width:100%;min-width:calc(180px * var(--scale-factor));pointer-events:none}.annotationLayer .popup{position:absolute;max-width:calc(180px * var(--scale-factor));background-color:#ff9;box-shadow:0 calc(2px * var(--scale-factor)) calc(5px * var(--scale-factor)) #888;border-radius:calc(2px * var(--scale-factor));padding:calc(6px * var(--scale-factor));margin-left:calc(5px * var(--scale-factor));cursor:pointer;font:message-box;white-space:normal;word-wrap:break-word;pointer-events:auto}.annotationLayer .popup>*{font-size:calc(9px * var(--scale-factor))}.annotationLayer .popup h1{display:inline-block}.annotationLayer .popupDate{display:inline-block;margin-left:calc(5px * var(--scale-factor))}.annotationLayer .popupContent{border-top:1px solid rgba(51,51,51,1);margin-top:calc(2px * var(--scale-factor));padding-top:calc(2px * var(--scale-factor))}.annotationLayer .richText>*{white-space:pre-wrap;font-size:calc(9px * var(--scale-factor))}.annotationLayer .highlightAnnotation,.annotationLayer .underlineAnnotation,.annotationLayer .squigglyAnnotation,.annotationLayer .strikeoutAnnotation,.annotationLayer .freeTextAnnotation,.annotationLayer .lineAnnotation svg line,.annotationLayer .squareAnnotation svg rect,.annotationLayer .circleAnnotation svg ellipse,.annotationLayer .polylineAnnotation svg polyline,.annotationLayer .polygonAnnotation svg polygon,.annotationLayer .caretAnnotation,.annotationLayer .inkAnnotation svg polyline,.annotationLayer .stampAnnotation,.annotationLayer .fileAttachmentAnnotation{cursor:pointer}.annotationLayer section svg{position:absolute;width:100%;height:100%;top:0;left:0}.annotationLayer .annotationTextContent{position:absolute;width:100%;height:100%;opacity:0;color:transparent;-webkit-user-select:none;user-select:none;pointer-events:none}.annotationLayer .annotationTextContent span{width:100%;display:inline-block}:root{--react-pdf-text-layer: 1;--highlight-bg-color: rgba(180, 0, 170, 1);--highlight-selected-bg-color: rgba(0, 100, 0, 1)}@media screen and (forced-colors: active){:root{--highlight-bg-color: Highlight;--highlight-selected-bg-color: ButtonText}}[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg) translate(-100%)}.textLayer{position:absolute;text-align:initial;inset:0;overflow:hidden;line-height:1;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;z-index:2}.textLayer :is(span,br){color:transparent;position:absolute;white-space:pre;cursor:text;margin:0;transform-origin:0 0}.textLayer span.markedContent{top:0;height:0}.textLayer .highlight{margin:-1px;padding:1px;background-color:var(--highlight-bg-color);border-radius:4px}.textLayer .highlight.appended{position:initial}.textLayer .highlight.begin{border-radius:4px 0 0 4px}.textLayer .highlight.end{border-radius:0 4px 4px 0}.textLayer .highlight.middle{border-radius:0}.textLayer .highlight.selected{background-color:var(--highlight-selected-bg-color)}.textLayer br::selection{background:transparent}.textLayer .endOfContent{display:block;position:absolute;inset:100% 0 0;z-index:-1;cursor:default;-webkit-user-select:none;user-select:none}.textLayer.selecting .endOfContent{top:0}.hiddenCanvasElement{position:absolute;top:0;left:0;width:0;height:0;display:none}.doc-annotation-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.doc-annotation-layer.active-tool{pointer-events:auto}.doc-annotation-layer.tool-pen{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5l4 4L7 21H3v-4L16.5 3.5z'/%3E%3C/svg%3E") 2 22,crosshair}.doc-annotation-layer.tool-pointer{cursor:pointer}.doc-annotation-layer.tool-highlight{cursor:text}.doc-annotation-layer.tool-eraser{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23fff' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 3l5 5-9 9H7l-4-4 9-9z'/%3E%3Cpath d='M6 17h7'/%3E%3C/svg%3E") 12 22,crosshair}.doc-annotation-layer.tool-line,.doc-annotation-layer.tool-rect,.doc-annotation-layer.tool-square,.doc-annotation-layer.tool-circle,.doc-annotation-layer.tool-arrow{cursor:crosshair}.doc-annotation-layer.tool-select{cursor:move}.doc-annotation-layer.tool-text{cursor:text}.doc-annotation-canvas{width:100%;height:100%;display:block}.doc-annotation-toolbar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--surface, rgba(15, 23, 42, .95));border-radius:8px;border:1px solid var(--border-light, rgba(148, 163, 184, .3))}.doc-annotation-toolbar button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;background:transparent;color:var(--text, #e5e7eb);cursor:pointer;transition:background .15s,color .15s}.doc-annotation-toolbar button:hover{background:#94a3b833}.doc-annotation-toolbar button.active{background:var(--primary, #3b82f6);color:#fff}.doc-annotation-toolbar .color-picker{width:32px;height:32px;padding:0;border:2px solid var(--border-light, rgba(148, 163, 184, .3));border-radius:50%;cursor:pointer;overflow:hidden}.doc-annotation-toolbar .color-picker::-webkit-color-swatch-wrapper{padding:0}.doc-annotation-toolbar .color-picker::-webkit-color-swatch{border:none;border-radius:50%}.doc-annotation-toolbar .size-slider{width:80px;height:4px;appearance:none;background:var(--border-light, rgba(148, 163, 184, .3));border-radius:2px;cursor:pointer}.doc-annotation-toolbar .size-slider::-webkit-slider-thumb{appearance:none;width:14px;height:14px;background:var(--primary, #3b82f6);border-radius:50%;cursor:pointer}.doc-annotation-toolbar .divider{width:1px;height:24px;background:var(--border-light, rgba(148, 163, 184, .3));margin:0 4px}.cafe-doc-viewer{display:flex;flex-direction:column;height:100%;width:100%;padding:16px 24px 8px;box-sizing:border-box}.cafe-doc-header{display:flex;justify-content:flex-start;align-items:center;margin-bottom:12px;font-size:14px;color:var(--text, #e5e7eb)}.cafe-docs-tray-overlay{position:absolute;inset:0;background:#0f172a8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:30;display:flex;align-items:flex-end;justify-content:center;padding:12px;box-sizing:border-box}.cafe-docs-tray{width:min(980px,100%);background:#0f172aeb;border:1px solid rgba(148,163,184,.45);border-radius:16px;box-shadow:0 20px 70px #00000073;padding:10px;position:relative}.cafe-docs-tray-row{display:flex;gap:10px;overflow-x:auto;padding:6px}.cafe-docs-tray-item{position:relative;flex:0 0 auto;width:160px;aspect-ratio:1 / 1;min-height:160px;border-radius:14px;padding:10px;background:#020617bf;border:1px solid rgba(148,163,184,.35);color:var(--text, #e5e7eb);cursor:pointer;transition:transform .1s ease,border-color .15s ease,background .15s ease;overflow:hidden}.cafe-docs-tray-item:hover{transform:translateY(-1px);border-color:#38bdf8b3;background:#020617e6}.cafe-docs-tray-item.disabled{opacity:.55;cursor:default}.cafe-docs-tray-item.disabled:hover{transform:none;border-color:#94a3b859}.cafe-docs-tray-item.active{border-color:#22d3eef2;box-shadow:0 0 0 2px #22d3ee40}.cafe-docs-tray-item-title{font-size:12px;font-weight:700;line-height:1.2;max-height:28px;overflow:hidden;text-overflow:ellipsis}.cafe-docs-tray-item-sub{margin-top:6px;font-size:11px;color:#e2e8f0bf}.cafe-docs-tray-thumb{position:absolute;inset:0;border-radius:14px;overflow:hidden;background:#02061759}.cafe-docs-tray-thumb-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:38px;color:#e2e8f0bf}.cafe-docs-tray-thumb-img{width:100%;height:100%;object-fit:cover;display:block}.cafe-docs-tray-thumb-pdf{width:100%;height:100%}.cafe-docs-tray-thumb-pdf .react-pdf__Page{width:100%!important;height:100%!important}.cafe-docs-tray-thumb-pdf .react-pdf__Page__canvas{width:100%!important;height:100%!important;object-fit:cover}.cafe-docs-tray-item-meta{position:absolute;left:0;right:0;bottom:0;padding:10px;background:linear-gradient(to top,#020617eb,#020617bf 45%,#02061700)}.cafe-docs-tray-item-remove{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:999px;border:1px solid rgba(148,163,184,.45);background:#0f172af2;color:#e2e8f0e6;cursor:pointer}.cafe-docs-tray-item-remove:hover{border-color:#f87171d9;color:#f87171f2}.cafe-docs-tray-add{display:flex;align-items:center;justify-content:center;font-size:26px;line-height:1}.cafe-docs-tray-x{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:999px;border:1px solid rgba(148,163,184,.45);background:#0f172af2;color:#e2e8f0e6;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1}.cafe-docs-tray-x:hover{border-color:#38bdf8d9}.cafe-doc-header-left{display:flex;align-items:center;gap:8px}.cafe-doc-title{font-weight:600}.cafe-doc-page{opacity:.8}.cafe-doc-upload{margin-left:8px;padding:6px 12px;border-radius:999px;border:1px solid var(--border-light, rgba(148, 163, 184, .4));background:#0f172ae6;color:var(--text, #e5e7eb);font-size:13px;cursor:pointer}.cafe-doc-select{padding:6px 10px;border-radius:999px;border:1px solid var(--border-light, rgba(148, 163, 184, .4));background:#0f172ae6;color:var(--text, #e5e7eb);font-size:13px}.cafe-doc-canvas{flex:1;border-radius:16px;background:var(--wb-surface, #111827);box-shadow:0 10px 40px #0f172a99;display:flex;align-items:center;justify-content:center;overflow:auto;position:relative}.cafe-doc-annotation-panel{position:absolute;left:14px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 10px;border-radius:999px;background:radial-gradient(circle at 0% 0%,#3b82f6fa,#0f172afa);box-shadow:0 0 22px #38bdf873,0 20px 50px #0f172ae6;border:1px solid rgba(148,163,184,.6);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20}.cafe-doc-annotation-panel button{width:32px;height:32px;border-radius:999px;border:1px solid rgba(148,163,184,.7);background:radial-gradient(circle at 30% 0%,#f8fafc1a,#0f172af2);color:#e5e7eb;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;transition:background .15s ease,transform .1s ease,border-color .15s ease,box-shadow .15s ease}.cafe-doc-annotation-panel button:hover{border-color:#38bdf8f2;box-shadow:0 0 12px #38bdf8cc;transform:translateY(-1px)}.cafe-doc-annotation-panel button.active{background:linear-gradient(135deg,#0ea5e9,#22c55e);color:#0f172a;border-color:transparent;box-shadow:0 0 14px #22c55ee6}.cafe-doc-annotation-panel .color-picker{width:30px;height:30px;padding:0;border-radius:999px;border:2px solid rgba(148,163,184,.7);background:transparent;overflow:hidden;cursor:pointer}.cafe-doc-annotation-panel .color-picker::-webkit-color-swatch-wrapper{padding:0}.cafe-doc-annotation-panel .color-picker::-webkit-color-swatch{border:none;border-radius:999px}.cafe-doc-annotation-panel .size-slider{writing-mode:vertical-lr;direction:rtl;-webkit-appearance:none;appearance:none;width:6px;height:80px;border-radius:999px;background:#0f172ae6;border:1px solid rgba(148,163,184,.7);cursor:pointer;display:block;margin:4px auto 0}.cafe-doc-annotation-panel .size-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:999px;background:linear-gradient(135deg,#38bdf8,#a855f7);border:1px solid rgba(15,23,42,.9)}.cafe-doc-annotation-footer{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:6px}.cafe-doc-page-nav-inline{display:flex;flex-direction:column;align-items:center;gap:4px}.cafe-doc-page-indicator{font-size:11px;color:#e2e8f0e6}.cafe-doc-pdf-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;height:100%;overflow:auto;padding:16px;box-sizing:border-box}.cafe-doc-pdf-document{display:flex;flex-direction:column;align-items:center}.cafe-doc-pdf-wrapper .react-pdf__Page{box-shadow:0 4px 20px #0000004d;border-radius:4px;overflow:hidden;background:#fff}.cafe-doc-page-container{position:relative;display:inline-block}.cafe-doc-page-nav-btn{width:28px;height:28px;border-radius:999px;border:1px solid var(--border-light, rgba(148, 163, 184, .7));background:#0f172af2;color:var(--text, #e5e7eb);font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,transform .1s ease,border-color .15s ease,opacity .15s ease}.cafe-doc-page-nav-btn:hover:not(:disabled){background:#38bdf840;border-color:#38bdf8e6;transform:translateY(-1px)}.cafe-doc-page-nav-btn:disabled{opacity:.4;cursor:default}.cafe-doc-image-wrapper{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:16px;box-sizing:border-box;overflow:auto}.cafe-doc-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px;box-shadow:0 4px 20px #0000004d}.cafe-doc-image.rot-90{transform:rotate(90deg)}.cafe-doc-loading,.cafe-doc-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:16px 24px;background:#0f172ae6;border-radius:8px;color:var(--text, #e5e7eb);font-size:14px;z-index:10}.cafe-doc-error{color:#f87171}.cafe-doc-placeholder{text-align:center;color:var(--text-muted, #9ca3af);padding:24px}.cafe-doc-placeholder-main{font-size:18px;margin-bottom:8px}.cafe-doc-placeholder-sub{font-size:13px;max-width:300px;line-height:1.5}.cafe-doc-footer{margin-top:12px;display:flex;justify-content:center;gap:12px}.cafe-doc-nav{padding:6px 14px;border-radius:999px;border:1px solid var(--border-light, rgba(148, 163, 184, .4));background:#0f172ae6;color:var(--text, #e5e7eb);font-size:13px}.cafe-doc-nav:disabled{opacity:.4}.cafe-doc-annotation-panel .panel-btn{width:36px!important;height:36px!important;border-radius:999px!important;background:#1e3a8ad9!important;border:2px solid rgba(147,197,253,.9)!important;color:#f0f9ff!important;box-shadow:0 0 12px #3b82f6cc!important;padding:0!important;cursor:pointer}.cafe-doc-annotation-panel .panel-btn svg{width:20px!important;height:20px!important;stroke:#f0f9ff!important;stroke-width:2.5!important}.cafe-doc-annotation-panel .panel-btn.active{background:linear-gradient(135deg,#22d3ee,#34d399)!important;color:#0f172a!important;border-color:#a7f3d0!important;box-shadow:0 0 18px #22d39ae6!important}.cafe-doc-annotation-panel .panel-btn.active svg{stroke:#0f172a!important}.cafe-doc-annotation-panel .panel-btn:disabled{opacity:.4;cursor:default}.cafe-doc-annotation-panel .panel-btn.done{background:linear-gradient(135deg,#22d3ee,#34d399)!important}.cafe-doc-annotation-panel .panel-color input[type=color]{width:32px!important;height:32px!important;border-radius:999px!important;border:2px solid rgba(147,197,253,.9)!important;padding:0!important;cursor:pointer}.cafe-doc-annotation-panel .panel-fill{color:#f0f9ff!important;font-size:12px!important;display:flex;flex-direction:column;align-items:center;gap:2px}.cafe-doc-annotation-panel .panel-fill input{accent-color:#22d3ee}.cafe-doc-annotation-panel .panel-size{width:28px}.cafe-doc-annotation-panel .panel-size input{writing-mode:vertical-lr;direction:rtl;width:6px;height:60px;accent-color:#22d3ee}.cafe-doc-annotation-panel .panel-page-nav{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:4px;padding-top:8px;border-top:1px solid rgba(147,197,253,.3)}.cafe-doc-annotation-panel .panel-page-indicator{font-size:11px;color:#f0f9ff}.cafe-doc-annotation-panel .panel-tool-wrap{position:relative}.cafe-doc-annotation-panel .panel-popover{position:absolute;left:50px;top:0;display:flex;flex-direction:column;gap:4px;padding:8px;background:#1e3a8af2;border:1px solid rgba(147,197,253,.7);border-radius:12px;box-shadow:0 0 16px #3b82f699;z-index:30}.cafe-doc-annotation-panel .panel-swatch{width:36px!important;height:28px!important;border-radius:6px!important;background:#0f172ad9!important;border:1px solid rgba(147,197,253,.7)!important;color:#f0f9ff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:16px!important;cursor:pointer!important;padding:4px 6px!important}.cafe-doc-annotation-panel .panel-swatch span{display:block!important;width:100%!important;min-height:2px!important;border-radius:2px!important}.cafe-doc-annotation-panel .panel-swatch:hover{background:#3b82f699!important;border-color:#93c5fd!important;transform:scale(1.05)}.grid-view-layout{display:grid;gap:16px;width:100%;height:100%;padding:20px;box-sizing:border-box;overflow-y:auto}.grid-tile{background:var(--card-bg, #1f2430);border-radius:12px;overflow:hidden;position:relative;display:flex;flex-direction:column;aspect-ratio:16/9;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.grid-tile.speaking{border-color:#22c55ee6;box-shadow:0 0 0 2px #22c55e66;animation:grid-speaking-pulse 1s ease-in-out infinite}@keyframes grid-speaking-pulse{0%{box-shadow:0 0 #22c55e80}70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}.grid-tile:hover{border-color:var(--primary, #6e8efb);transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.grid-video-placeholder{flex:1;background:#131720;display:flex;align-items:center;justify-content:center;position:relative}.grid-self-controls{position:absolute;bottom:10px;right:10px;display:flex;gap:6px}.grid-control-btn{width:32px;height:32px;border-radius:999px;border:1px solid rgba(148,163,184,.6);background:#0f172ad9;color:#e5e7eb;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;box-shadow:0 4px 10px #00000059;transition:background .15s ease,border-color .15s ease,transform .1s ease}.grid-control-btn.on{border-color:#22c55ecc}.grid-control-btn.off{border-color:#f87171e6}.grid-control-btn:hover{transform:translateY(-1px);background:#0f172af2}.grid-self-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.grid-remote-video{width:100%;height:100%;object-fit:cover}.simulated-cam-feed{width:100%;height:100%;background:linear-gradient(135deg,#2a2f3d,#1f2430);display:flex;align-items:center;justify-content:center}.grid-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--primary, #6e8efb),var(--accent, #a777e3));display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#fff;font-weight:700;box-shadow:0 4px 12px #0000004d}.grid-name-tag{position:absolute;bottom:12px;left:12px;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:4px 12px;border-radius:20px;font-size:.9rem;color:#fff;font-weight:500;display:flex;align-items:center;gap:6px}.grid-1{grid-template-columns:1fr;max-width:900px;margin:0 auto}.grid-2{grid-template-columns:repeat(2,1fr);align-content:center}.grid-4{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.grid-9{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.grid-many{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));align-content:start}@media (max-width: 768px){.grid-view-layout{padding:10px;gap:10px}.grid-2,.grid-4{grid-template-columns:1fr;grid-auto-rows:minmax(200px,1fr)}}.spotlight-layout{display:flex;flex-direction:column;width:100%;height:100%;padding:20px;gap:20px;box-sizing:border-box}.spotlight-main-stage{flex:1;width:100%;min-height:0;display:flex;justify-content:center}.spotlight-tile{background:var(--card-bg, #1f2430);border-radius:12px;overflow:hidden;position:relative;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.spotlight-tile.speaking{border-color:#22c55ee6;box-shadow:0 0 0 2px #22c55e66;animation:spotlight-speaking-pulse 1s ease-in-out infinite}@keyframes spotlight-speaking-pulse{0%{box-shadow:0 0 #22c55e80}70%{box-shadow:0 0 0 10px #22c55e00}to{box-shadow:0 0 #22c55e00}}.spotlight-tile.large{width:100%;height:100%;max-width:1200px}.spotlight-tile.small{width:200px;height:112px;flex-shrink:0}.spotlight-video-placeholder{flex:1;background:#131720;display:flex;align-items:center;justify-content:center;position:relative}.spotlight-self-controls{position:absolute;bottom:10px;right:10px;display:flex;gap:6px}.spotlight-control-btn{width:32px;height:32px;border-radius:999px;border:1px solid rgba(148,163,184,.6);background:#0f172ad9;color:#e5e7eb;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;box-shadow:0 4px 10px #00000059;transition:background .15s ease,border-color .15s ease,transform .1s ease}.spotlight-control-btn.on{border-color:#22c55ecc}.spotlight-control-btn.off{border-color:#f87171e6}.spotlight-control-btn:hover{transform:translateY(-1px);background:#0f172af2}.spotlight-self-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.spotlight-remote-video{width:100%;height:100%;object-fit:cover}.spotlight-avatar{border-radius:50%;background:linear-gradient(135deg,var(--primary, #6e8efb),var(--accent, #a777e3));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;box-shadow:0 4px 12px #0000004d}.spotlight-tile.large .spotlight-avatar{width:120px;height:120px;font-size:3.5rem}.spotlight-tile.small .spotlight-avatar{width:48px;height:48px;font-size:1.5rem}.spotlight-name-tag{position:absolute;bottom:12px;left:12px;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:4px 12px;border-radius:20px;font-size:.9rem;color:#fff;font-weight:500;display:flex;align-items:center;gap:6px}.spotlight-tile.small .spotlight-name-tag{bottom:8px;left:8px;font-size:.8rem;padding:2px 8px}.spotlight-strip{height:130px;display:flex;gap:16px;overflow-x:auto;padding:4px;justify-content:center;align-items:center}.spotlight-strip::-webkit-scrollbar{height:8px}.spotlight-strip::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.spotlight-strip::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.spotlight-strip::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width: 768px){.spotlight-layout{padding:10px;gap:10px}.spotlight-strip{height:100px;justify-content:flex-start}.spotlight-tile.small{width:140px;height:80px}}.split-view-layout{display:flex;width:100%;height:100%;padding:20px;gap:0;box-sizing:border-box}.split-view-layout--horizontal{flex-direction:row}.split-view-layout--vertical{flex-direction:column}.split-pane{flex:1;display:flex;flex-direction:column;background:var(--card-bg, #1f2430);border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.1);min-width:0;min-height:0}.split-pane-header{padding:12px 16px;background:#0003;border-bottom:1px solid rgba(255,255,255,.05);font-weight:600;color:var(--text-muted, #9aa3ad);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.split-pane-content{flex:1;position:relative;overflow:auto;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;min-height:0}.split-divider{display:flex;align-items:center;justify-content:center}.split-view-layout--horizontal .split-divider{width:20px;cursor:col-resize}.split-view-layout--horizontal .split-divider:after{content:"";width:4px;height:40px;background:#ffffff1a;border-radius:2px}.split-view-layout--vertical .split-divider{width:100%;height:20px;cursor:row-resize}.split-view-layout--vertical .split-divider:after{content:"";width:40px;height:4px;background:#ffffff1a;border-radius:2px}@media (max-width: 768px){.split-view-layout{flex-direction:column;padding:10px;gap:10px}.split-divider{width:100%;height:20px;cursor:row-resize}.split-divider:after{width:40px;height:4px}}.component-focusable{position:relative;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.component-focusable:before{content:"";position:absolute;inset:-4px;border:3px solid transparent;border-radius:12px;transition:border-color .3s ease,box-shadow .3s ease;pointer-events:none;z-index:1}.component-focusable:hover:before{border-color:#6e8efb80;box-shadow:0 0 16px #6e8efb4d}.component-focused:before{border-color:var(--accent, #a777e3);box-shadow:0 0 24px #a777e380;animation:focusPulse 2s ease-in-out infinite}@keyframes focusPulse{0%,to{box-shadow:0 0 24px #a777e380}50%{box-shadow:0 0 32px #a777e3b3}}.component-focusable:hover:after{content:"Click to focus";position:absolute;top:12px;right:12px;background:#000c;color:#fff;padding:6px 12px;border-radius:6px;font-size:.75rem;opacity:0;animation:fadeIn .3s .5s forwards;pointer-events:none;z-index:10}@keyframes fadeIn{to{opacity:1}}.component-focused:hover:after{content:"Focused (Click to exit)";background:#a777e3e6}.video-chat-room:not(.theater-mode):not(.fullscreen-mode) .component-focusable:after{display:none}.component-focusable:not(.component-focused):hover{transform:scale(1.02)}.focus-target-badge{position:absolute;top:8px;left:8px;background:linear-gradient(135deg,var(--primary, #6e8efb),var(--accent, #a777e3));color:#fff;padding:4px 10px;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #0000004d;z-index:20;pointer-events:none}.room-details-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.room-details-modal{background:#1a1d26;border:1px solid rgba(255,255,255,.1);border-radius:16px;width:100%;max-width:500px;overflow:hidden;position:relative;box-shadow:0 20px 60px #00000080;animation:rdm-fade-in .2s ease-out}@keyframes rdm-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.rdm-close-btn{position:absolute;top:16px;right:16px;background:#00000080;border:none;color:#fff;width:32px;height:32px;border-radius:50%;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:background .2s}.rdm-close-btn:hover{background:#000c}.rdm-banner{width:100%;height:200px;overflow:hidden}.rdm-banner img{width:100%;height:100%;object-fit:cover}.rdm-content{padding:24px}.rdm-title{font-size:1.5rem;font-weight:700;margin:0 0 20px;color:#fff}.rdm-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;background:#ffffff08;padding:16px;border-radius:12px}.rdm-meta-item{display:flex;flex-direction:column;gap:4px}.rdm-label{font-size:.8rem;color:#888;text-transform:uppercase;letter-spacing:.5px}.rdm-value{font-size:1rem;color:#eee;font-weight:500}.rdm-description h3{font-size:1rem;color:#ccc;margin:0 0 8px}.rdm-description p{font-size:.95rem;color:#aaa;line-height:1.5;margin:0 0 24px}.rdm-actions{display:flex;gap:12px}.rdm-cta-btn{flex:1;background:#6e8efb;color:#fff;border:none;padding:12px;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s}.rdm-cta-btn:hover{background:#5c7cfa}.rdm-cancel-btn{padding:12px 20px;background:transparent;border:1px solid rgba(255,255,255,.1);color:#ccc;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s}.rdm-cancel-btn:hover{background:#ffffff0d;color:#fff}.room-modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;animation:modal-fade-in .2s ease-out}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.room-modal-content{width:100vw;height:100vh;max-width:none;max-height:none;background:var(--background, #0a0c11);border-radius:0;overflow:hidden;box-shadow:0 24px 64px #00000080;animation:modal-scale-in .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modal-scale-in{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.room-modal-content{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0}}@media (min-width: 769px){.room-modal-content{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0}}.ebookstore-section{width:100%;max-width:var(--page-content-max-width);margin:0 auto;padding:20px;box-sizing:border-box}.ebookstore-panel{width:100%;box-sizing:border-box}.ebookstore-layout{display:grid;grid-template-columns:280px 1fr;gap:20px}.categories-sidebar{position:relative;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 6px 18px #00000040,inset 0 0 0 1px #00ffff0f}.categories-sidebar h2{font-size:16px;opacity:.9;margin:0 0 8px}.category-list{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:8px}.category-button{width:100%;text-align:left;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#ffffff0f,#ffffff08);cursor:pointer;color:#dff7ff;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,background .12s ease}.category-button:hover{transform:translateY(-1px);box-shadow:0 4px 16px #00ffff26;border-color:#00ffff59}.category-button.active{background:#00ffff14;border-color:#00ffff80;box-shadow:0 0 0 1px #00ffff40 inset}.books-grid-container{display:flex;flex-direction:column;gap:14px}.books-header{display:flex;align-items:center;justify-content:space-between}.header-ctas{display:flex;gap:10px;align-items:center}.btn-header{padding:8px 12px;border-radius:10px;border:1px solid rgba(0,255,255,.35);color:#dff;background:#00ffff0f;text-decoration:none}.btn-header.accent{background:linear-gradient(180deg,#00ffc833,#00ffc814);border-color:#00ffc880;color:#002a26}.books-header h2{margin:0;font-weight:700;letter-spacing:.3px}.books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.book-card{display:block;color:inherit;text-decoration:none;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:14px;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 24px #00000040,inset 0 0 0 1px #00ffff0f;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.book-card:hover{transform:translateY(-3px);box-shadow:0 16px 40px #00000059,0 0 24px #00ffff26;border-color:#00ffff59}.book-image-container{aspect-ratio:3/4;background:linear-gradient(180deg,#ffffff14,#ffffff08)}.book-image{width:100%;height:100%;object-fit:cover;display:block}.book-image-container{position:relative;overflow:hidden}.book-image{transition:transform .25s ease}.book-card:hover .book-image{transform:scale(1.03)}.badge-free{position:absolute;top:10px;left:10px;background:#00ffc833;color:#dff;border:1px solid rgba(0,255,200,.5);padding:4px 8px;border-radius:999px;font-size:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.book-content{padding:12px;display:grid;gap:8px}.book-meta{display:flex;gap:10px;font-size:12px;opacity:.9}.book-price-actions{display:flex;align-items:center;justify-content:space-between;margin-top:6px}.book-price{font-weight:600;color:#bafaff}.details-link{color:#6ff;opacity:.95}.loading,.error,.empty{padding:12px;color:#eaf7ff;opacity:.95}.search-input{display:block;width:100%;box-sizing:border-box;padding:12px 14px;border-radius:14px;border:1px solid rgba(56,224,255,.5);background:#050a16cc;color:#eaf7ff;outline:none;margin-bottom:14px;box-shadow:inset 0 0 0 1px #38e0ff1f,0 6px 18px #00000059}.search-input::placeholder{color:#eaf7ffa6}.search-input:focus{border-color:#38e0ffd9;box-shadow:inset 0 0 0 1px #38e0ff40,0 0 12px #38e0ff59}.filter-pills{display:grid;gap:12px;margin-top:12px}.pill-group label{display:block;font-size:12px;opacity:.85;margin-bottom:6px}.pills{display:flex;flex-wrap:wrap;gap:8px}.pill{padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#dff;cursor:pointer}.pill.active{background:#00ffff1a;border-color:#00ffff73}.chip{padding:2px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.16);font-size:11px}.chip-lang{background:#00ffff0f;border-color:#00ffff42}.chip-level{background:#ffffff0f;border-color:#ffffff29}.ebookstore-product{padding:20px;display:grid;gap:16px;color:#eaf7ff}.product-hero{display:grid;grid-template-columns:300px 1fr;gap:18px;align-items:start}.product-hero .cover{background:linear-gradient(180deg,#ffffff14,#ffffff08);border-radius:10px;overflow:hidden}.product-hero .cover img{width:100%;height:auto;display:block}.product-hero .details{display:grid;gap:10px}.product-hero .meta{display:flex;gap:10px;font-size:13px;opacity:.9}.product-hero .price{font-size:20px;font-weight:700;color:#bafaff}.btn-neon{padding:10px 14px;border-radius:10px;border:1px solid rgba(0,255,255,.4);color:#dff;background:#00ffff14;box-shadow:0 0 18px #00ffff26 inset;cursor:not-allowed}.btn-neon:hover{box-shadow:0 0 22px #00ffff40 inset}.btn-claim{padding:10px 14px;border-radius:10px;border:1px solid rgba(0,255,180,.6);color:#002a26;background:linear-gradient(180deg,#00ffc8e6,#00ffc899);box-shadow:0 12px 26px #00ffc833;cursor:pointer}.btn-claim:hover{box-shadow:0 16px 34px #00ffc84d;filter:saturate(1.05)}.product-body{display:grid;gap:12px}.product-body .description{line-height:1.6;opacity:.96}.formats ul{padding-left:18px}.crumbs{font-size:14px}.skeleton-hero{display:grid;grid-template-columns:300px 1fr;gap:18px}.sk-cover{height:380px;border-radius:12px;background:linear-gradient(90deg,#ffffff14,#ffffff0a,#ffffff14);background-size:200% 100%;animation:shimmer 1.2s infinite}.sk-details{display:grid;gap:10px}.sk-line{height:14px;border-radius:8px;background:linear-gradient(90deg,#ffffff14,#ffffff0a,#ffffff14);background-size:200% 100%;animation:shimmer 1.2s infinite}.sk-line.lg{height:26px;width:80%}.sk-line.md{width:60%}.sk-line.btn{width:180px;height:38px;border-radius:10px}.sk-body{display:grid;gap:10px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ebookstore-library{padding:20px;display:grid;gap:16px;color:#eaf7ff}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.library-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:14px;overflow:hidden;display:grid;grid-template-rows:160px auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 24px #00000040,inset 0 0 0 1px #00ffff0f;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.library-card:hover{transform:translateY(-3px);box-shadow:0 16px 40px #00000059,0 0 24px #00ffff26;border-color:#00ffff59}.library-card .cover{background:linear-gradient(180deg,#ffffff14,#ffffff08)}.library-card .cover img{width:100%;height:100%;object-fit:cover;display:block}.library-card .info{padding:12px;display:grid;gap:10px}.library-card .formats{display:flex;flex-wrap:wrap;gap:8px}.btn-format{padding:8px 12px;border-radius:10px;border:1px solid rgba(0,255,255,.4);color:#dff;background:#00ffff14;box-shadow:0 0 18px #00ffff26 inset;cursor:pointer}.btn-format:hover{box-shadow:0 0 22px #00ffff40 inset}.loading,.error,.empty{padding:12px}.btn-cta{display:inline-block;margin-top:8px;padding:10px 14px;border-radius:10px;border:1px solid rgba(0,255,255,.4);color:#dff;background:#00ffff14}.publisher{padding:20px;color:#eaf7ff;display:grid;gap:16px}.glass{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 24px #00000040,inset 0 0 0 1px #00ffff0f}.status.badge{display:inline-block;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.16)}.status.pending{border-color:#ff06;color:#fff39a}.status.approved{border-color:#00ffc880;color:#bafff2}.status.rejected{border-color:#ff505080;color:#ffbaba}.form-grid{display:grid;gap:10px;grid-template-columns:1fr}.form-grid input,.form-grid textarea{padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#eaf7ff;outline:none}.actions{display:flex;gap:10px;align-items:center}.btn-neon{padding:10px 14px;border-radius:10px;border:1px solid rgba(0,255,255,.4);color:#dff;background:#00ffff14;box-shadow:0 0 18px #00ffff26 inset;cursor:pointer}.btn-cta{padding:10px 14px;border-radius:10px;border:1px solid rgba(0,255,255,.4);color:#dff;background:#00ffff14}.section{display:grid;gap:10px}.grid2{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.table{display:grid;gap:6px}.row{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;padding:8px 10px;border:1px solid rgba(255,255,255,.12);border-radius:10px}.row.head{font-weight:700;background:#ffffff0a}.file-upload .label{display:block;margin-bottom:4px;opacity:.9}.hint{font-size:12px;opacity:.8}.error{color:#ffbaba}.loading{opacity:.9}.about-us-section{display:flex;flex-direction:column;gap:60px}.about-us-section h1{margin-top:0;font-size:28px;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent}.mission-vision{display:grid;grid-template-columns:1fr 1fr;gap:30px}.mission-card,.vision-card{background-color:var(--card-bg);border-radius:var(--border-radius-md);padding:30px;box-shadow:var(--shadow-sm);height:100%}.mission-card h2,.vision-card h2,.connectivism-philosophy h2,.team-section h2,.contact-section h2,.faq-section h2{font-size:22px;color:var(--primary-light);margin-top:0;margin-bottom:20px}.mission-card p,.vision-card p{color:var(--text-muted);line-height:1.6;font-size:16px}.connectivism-philosophy{background-color:var(--card-bg);border-radius:var(--border-radius-md);padding:30px;box-shadow:var(--shadow-sm)}.philosophy-content{display:flex;gap:30px;align-items:center}.philosophy-image{flex-shrink:0;display:flex;justify-content:center;align-items:center}.philosophy-text h3{font-size:20px;color:var(--text-light);margin-top:0;margin-bottom:15px}.philosophy-text p,.philosophy-text ul{color:var(--text-muted);line-height:1.6;font-size:16px}.philosophy-text ul{padding-left:20px}.philosophy-text li{margin-bottom:10px}.team-section h2{text-align:center;margin-bottom:30px}.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:30px}.team-card{background-color:var(--card-bg);border-radius:var(--border-radius-md);padding:30px;text-align:center;box-shadow:var(--shadow-sm);transition:transform .3s,box-shadow .3s}.team-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.member-avatar{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:700;color:#fff;margin:0 auto 20px}.team-card h3{margin:0 0 10px;font-size:20px;color:var(--text-light)}.member-role{color:var(--primary-light);font-weight:600;margin:0 0 15px}.member-bio{color:var(--text-muted);line-height:1.6;margin-bottom:20px;font-size:14px}.member-languages h4{margin:0 0 10px;font-size:16px;color:var(--text-light)}.language-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.language-tag{background-color:var(--primary-light, #2563eb);color:var(--primary-light);padding:5px 10px;border-radius:var(--border-radius-sm);font-size:12px}.contact-section h2{text-align:center;margin-bottom:30px}.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.contact-card{background-color:var(--card-bg);border-radius:var(--border-radius-md);padding:30px;text-align:center;box-shadow:var(--shadow-sm);transition:transform .3s,box-shadow .3s}.contact-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.contact-icon{width:60px;height:60px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#fff}.contact-card h3{margin:0 0 15px;font-size:18px;color:var(--text-light)}.contact-card p{margin:5px 0;color:var(--text-muted)}.faq-section h2{text-align:center;margin-bottom:30px}.faq-list{display:flex;flex-direction:column;gap:20px}.faq-item{background-color:var(--card-bg);border-radius:var(--border-radius-md);padding:25px;box-shadow:var(--shadow-sm)}.faq-item h3{margin:0 0 15px;font-size:18px;color:var(--text-light)}.faq-item p{margin:0;color:var(--text-muted);line-height:1.6}@media (max-width: 1024px){.mission-vision{grid-template-columns:1fr}.philosophy-content{flex-direction:column}.contact-cards{grid-template-columns:1fr}}@media (max-width: 768px){.about-us-section{gap:40px}.about-us-section h1{font-size:24px}.team-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width: 480px){.team-grid{grid-template-columns:1fr}}.loading-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#ffffffe6}.loading{padding:20px;border-radius:8px;background-color:#fff;box-shadow:0 2px 4px #0000001a;text-align:center;color:#333;font-size:1.2em}.loading:after{content:"...";animation:dots 1.5s steps(5,end) infinite}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.auth-layout{display:flex;min-height:100vh;background-color:var(--background-dark);color:var(--text-light);position:relative;overflow-x:hidden}.auth-main-content{flex:1;display:flex;flex-direction:column;margin-left:0;transition:margin-left .3s ease;width:100%;height:100vh;overflow:hidden;scrollbar-gutter:stable both-edges}.auth-layout.sidebar-collapsed .auth-main-content{margin-left:80px;width:calc(100% - 80px)}.auth-content-area{flex:1;padding:var(--page-shell-padding);overflow:hidden;display:flex;justify-content:center;align-items:stretch;gap:var(--page-shell-gap);width:100%;min-height:0;scrollbar-gutter:stable}.page-shell{width:100%;max-width:var(--page-content-max-width);flex:1 1 0;min-width:0;margin:0;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding-bottom:calc(var(--page-shell-padding) + 400px)}.page-shell>*{width:100%;flex:1;min-height:0}.right-rail{width:100%;max-width:var(--page-right-rail-width);flex:0 0 var(--page-right-rail-width);min-width:var(--page-right-rail-width);display:flex;flex-direction:column;gap:0;min-height:0;position:sticky;top:0;align-self:flex-start;height:calc(100vh - 130px);max-height:calc(100vh - 130px);overflow:hidden;box-sizing:border-box}.right-rail-section{min-height:0;display:flex;flex-direction:column;overflow:hidden}.right-rail-top{border-radius:var(--border-radius-md);background:transparent;border:none;padding:0;box-shadow:none;flex:1 1 0;max-height:50%;min-height:0;overflow:hidden}.right-rail-slot{flex:1;border-radius:calc(var(--border-radius-md) - 6px);border:2px dashed var(--border-light);display:flex;align-items:center;justify-content:center;text-align:center;color:var(--text-muted);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;padding:var(--spacing-md);min-height:0;background:transparent;transition:background .2s ease,border-color .2s ease}.right-rail-slot:empty:before{content:"Ad Space";opacity:.6}.right-rail-slot:hover{background:#ffffff0a;border-color:var(--accent)}.right-rail-bottom{flex:1 1 0;max-height:50%;min-height:0;display:flex;flex-direction:column;overflow:hidden;position:relative}.right-rail-bottom>.chatdock-root{flex:1 1 auto;min-height:0}@media (max-width: 1280px){.auth-content-area{flex-direction:column;max-width:100%}.page-shell{flex:1 1 auto;max-width:100%}}.lms-placeholder{display:flex;align-items:center;justify-content:center;min-height:400px;background:linear-gradient(135deg,#1e3a8a,#3b82f6);color:#fff;font-size:1.5rem;font-weight:600;border-radius:12px;margin:20px;box-shadow:0 4px 6px #0000001a;text-align:center}@media (max-width: 768px){.auth-main-content,.auth-layout.sidebar-collapsed .auth-main-content{margin-left:0;width:100%}.auth-content-area{padding:20px 20px 240px;flex-direction:column}}.reports-panel{background:#0a1428e6;border-radius:16px;padding:2rem;margin:2rem auto;max-width:900px;box-shadow:0 4px 32px #0000001f;color:#f0f6ff;font-family:Inter,Segoe UI,Arial,sans-serif}.reports-panel h2{margin-bottom:1.2rem;font-size:2rem;font-weight:700;color:#4fd1c5;letter-spacing:.01em}.report-list{display:flex;flex-wrap:wrap;gap:1.5rem}.report-card{background:linear-gradient(135deg,#1e2746 60%,#243b55);border-radius:12px;box-shadow:0 2px 16px #0000001a;padding:1.2rem 1.5rem;min-width:260px;max-width:320px;flex:1 1 260px;display:flex;flex-direction:column;cursor:pointer;transition:transform .12s,box-shadow .12s}.report-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 6px 24px #4fd1c5aa;border:1.5px solid #4fd1c5}.report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.report-type{font-weight:600;color:#63e6be;background:#1a202c;border-radius:8px;padding:.2em .7em;font-size:.95em}.report-date{font-size:.92em;color:#b3b9ca}.report-summary{font-weight:500;margin-bottom:.5rem;color:#e0e6f7}.report-details{font-size:.98em;color:#b3e0f7;background:#1e283cb3;border-radius:8px;padding:.7em 1em;margin-bottom:.5em;white-space:pre-wrap}.report-json{font-size:.93em;color:#7fe9ff;background:none;border:none;padding:0}.student-reports h2{color:#63e6be}.teacher-reports h2{color:#ffb86b}.manager-reports h2{color:#82aaff}.admin-reports h2{color:#f093fb}.loading,.error,.empty{text-align:center;font-size:1.15rem;color:#63e6be;margin:2.5em 0}.create-report-btn{margin-top:1.5em;background:linear-gradient(90deg,#4fd1c5 70%,#63e6be);color:#1a202c;font-weight:700;border:none;border-radius:8px;padding:.7em 1.6em;font-size:1.1em;box-shadow:0 2px 8px #4fd1c555;cursor:pointer;transition:background .13s,color .13s}.create-report-btn:hover{background:linear-gradient(90deg,#63e6be 70%,#4fd1c5);color:#0f172a}@media (max-width: 700px){.reports-panel{padding:1rem}.report-list{flex-direction:column;gap:1rem}.report-card{min-width:90vw;max-width:100vw}}.course-management-panel{padding:24px;background:linear-gradient(135deg,#0f172af2,#1e293bd9);border-radius:16px;border:1px solid rgba(56,189,248,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#e2e8f0;min-height:600px;overflow:hidden}.course-management-panel:has(.modal-backdrop){overflow:visible!important;-webkit-backdrop-filter:none;backdrop-filter:none}.admin-course-management,.manager-course-management,.teacher-course-management{margin-bottom:24px}.management-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.assigned-courses-summary,.teaching-summary{background:#1e293b99;border:1px solid rgba(56,189,248,.2);border-radius:12px;padding:20px}.assigned-courses-summary h4,.teaching-summary h4{color:#38bdf8;margin-bottom:8px}.course-filters,.search-filters{display:flex;gap:16px;margin-bottom:24px;align-items:center;flex-wrap:wrap}.search-bar{flex:1;min-width:300px}.filter-controls{display:flex;gap:12px}.filter-select{padding:12px 16px;background:#1e293bcc;border:1px solid rgba(56,189,248,.3);border-radius:8px;color:#e2e8f0;font-size:1rem;cursor:pointer;transition:all .3s ease}.filter-select:focus{outline:none;border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf81a}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.courses-grid>*{min-width:0}.course-card{background:#1e293bcc;border:1px solid rgba(56,189,248,.2);border-radius:16px;padding:24px;transition:all .3s ease;position:relative;width:100%;min-width:0}.course-thumbnail{width:100%;height:180px;object-fit:cover;background:#0f172a99;border-radius:12px;margin-bottom:14px}.course-card,.course-card *{line-height:1.35}.course-header{margin-bottom:14px}.course-header h3{line-height:1.25;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-details{margin-bottom:16px}.course-description{margin-bottom:12px}.course-meta{row-gap:6px;column-gap:12px}.meta-item{padding:4px 0}.meta-item .label{margin-right:6px;white-space:nowrap}.meta-item .value{word-break:break-word}.course-instructor,.course-manager{gap:8px}.course-instructor .label,.course-manager .label{margin-right:6px;white-space:nowrap}.course-stats span{display:inline-block;margin-right:12px}.course-management-panel .course-actions{margin-top:8px}.course-actions .btn-outline,.course-actions .btn-primary,.course-actions .btn-secondary{min-height:36px;padding:8px 14px}.course-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#38bdf8,#06b6d4);opacity:0;transition:opacity .3s ease}.course-card:hover{border-color:#38bdf8;box-shadow:0 12px 48px #38bdf826;transform:translateY(-4px)}.course-card:hover:before{opacity:1}.course-management-panel .course-header{display:flex;flex-direction:column;align-items:stretch;margin-bottom:16px}.course-management-panel .course-header h3{color:#38bdf8;font-size:1.3rem;font-weight:600;margin:0;flex:0 0 auto}.course-management-panel .course-header .status-badge{order:-1;align-self:flex-end;margin-bottom:8px}.status-badge{padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.published{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.status-badge.draft{background:#fbbf2433;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.status-badge.archived{background:#6b728033;color:#6b7280;border:1px solid rgba(107,114,128,.3)}.course-description{color:#94a3b8;margin-bottom:16px;line-height:1.6;word-break:break-word;overflow-wrap:break-word}.course-meta{display:flex!important;flex-direction:column!important;gap:8px!important;margin-bottom:12px}.meta-item{display:flex!important;align-items:baseline;gap:8px;padding:4px 0;width:100%}.meta-item .label{color:#64748b;font-size:.9rem;font-weight:500;white-space:nowrap;flex:0 0 110px!important;min-width:110px;margin-right:8px}.meta-item .value{color:#e2e8f0;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 auto;min-width:0}.course-instructor,.course-manager{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-top:1px solid rgba(56,189,248,.1)}.course-instructor .label,.course-manager .label{color:#64748b;font-size:.9rem;font-weight:500}.course-instructor .value,.course-manager .value{color:#38bdf8;font-weight:600}.course-management-panel .course-meta{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;width:100%!important}.course-management-panel .course-meta .meta-item{display:grid!important;grid-template-columns:max-content minmax(0,1fr)!important;align-items:baseline!important;column-gap:8px!important;width:100%!important}.course-management-panel .course-meta .meta-item .label{white-space:nowrap!important}.course-management-panel .course-meta .meta-item .value{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;word-break:break-word!important}.course-management-panel .course-header h3{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.course-management-panel .course-details,.course-management-panel .course-description{max-width:100%}.course-stats{margin-top:12px;padding-top:12px;border-top:1px solid rgba(56,189,248,.1)}.btn-primary,.btn-secondary,.btn-outline{padding:8px 16px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn-secondary{background:#38bdf81a;color:#38bdf8;border:1px solid rgba(56,189,248,.3)}.btn-secondary:hover{background:#38bdf833;border-color:#38bdf8}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#0f172af2;border:1px solid rgba(56,189,248,.3);border-radius:16px;padding:32px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto}.modal-content h3{color:#38bdf8;margin-bottom:16px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.tabs{display:flex;gap:8px;border-bottom:1px solid rgba(56,189,248,.2);margin-bottom:16px}.tab{padding:8px 14px;border:1px solid transparent;border-radius:8px 8px 0 0;background:#1e293b66;color:#cbd5e1;cursor:pointer;transition:all .2s ease}.tab:hover{color:#e2e8f0}.tab.active{background:#1e293bd9;border-color:#38bdf84d;color:#38bdf8}.toolbar{display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:center;gap:12px;margin:12px 0 16px;width:100%}.toolbar .left,.toolbar .right{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:0}.toolbar label{display:inline-flex;align-items:center;gap:8px;color:#94a3b8;font-size:.95rem}.toolbar select,.toolbar input[type=text],.toolbar input[type=number],.toolbar input[type=datetime-local]{padding:8px 10px;background:#1e293bcc;border:1px solid rgba(56,189,248,.25);color:#e2e8f0;border-radius:8px}.toolbar .left{justify-content:flex-start}.toolbar .right{justify-content:flex-end;justify-self:end;width:max-content;max-width:100%;column-gap:8px;row-gap:8px}.toolbar .right>*{flex:0 0 auto}.tabs{margin-bottom:16px}.toolbar input[type=text]{width:clamp(160px,18vw,220px)}.toolbar .right{white-space:nowrap}.toolbar .right{background:#0f172a73;border:1px solid rgba(56,189,248,.22);border-radius:12px;padding:6px;align-self:start;margin-top:6px}.toolbar .right>*{margin:0}.toolbar .right .btn-outline{color:#cbd5e1;border-color:#94a3b880;background:#94a3b80f}.toolbar .right .btn-outline:hover{color:#e2e8f0;background:#94a3b824;border-color:#94a3b8b3}.toolbar .right .btn-outline:disabled,.toolbar .right .btn-secondary:disabled{opacity:.6}.course-management-panel,.course-management-panel *{box-sizing:border-box}.table-wrap{overflow:auto;border:1px solid rgba(56,189,248,.15);border-radius:12px;background:#0f172a99}.lms-table{width:100%;border-collapse:collapse}.lms-table thead th{background:#1e293be6;color:#94a3b8;text-align:left;font-weight:600;padding:10px 12px;border-bottom:1px solid rgba(56,189,248,.15);white-space:nowrap;cursor:default}.lms-table thead th:hover{color:#e2e8f0}.lms-table tbody td{padding:10px 12px;border-bottom:1px solid rgba(56,189,248,.08);color:#e2e8f0}.lms-table.small tbody td,.lms-table.small thead th{padding:8px 10px;font-size:.95rem}.row-unreviewed td{background:#fbbf240f}.badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:.8rem;font-weight:700}.badge-success{background:#22c55e2e;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.badge-warning{background:#fbbf242e;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.btn-inline{background:transparent;color:#38bdf8;border:1px solid rgba(56,189,248,.35);padding:4px 10px;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .15s ease}.btn-inline:hover{background:#38bdf81a}.btn-inline.danger{color:#f87171;border-color:#f8717180}.lms-placeholder{padding:24px;text-align:center;color:#94a3b8}.lms-placeholder.error{color:#fca5a5}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:8px 0 16px}.card{background:#1e293bb3;border:1px solid rgba(56,189,248,.2);border-radius:12px;padding:14px}.card-title{color:#94a3b8;font-weight:600;margin-bottom:6px}.card-value{color:#38bdf8;font-size:1.4rem;font-weight:700}.chart .chart-title{color:#94a3b8;font-weight:600;margin-bottom:8px}.table-card table{background:#0f172a80}.modal-backdrop{position:fixed;inset:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:3000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overscroll-behavior:contain}.modal{background:#0f172af2;border:1px solid rgba(56,189,248,.3);border-radius:14px;width:95%;max-width:900px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid rgba(56,189,248,.15)}.modal-header h3{color:#38bdf8;margin:0}.icon-button{background:transparent;border:none;color:#94a3b8;font-size:1.1rem;cursor:pointer}.modal-body{padding:16px 18px;overflow:auto;flex:1 1 auto}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 18px;border-top:1px solid rgba(56,189,248,.15);position:sticky;bottom:0;background:linear-gradient(180deg,#0f172af2,#0f172afa)}.modal-subtabs{padding:0 18px 8px;display:flex;gap:8px}.authoring-panel{padding:8px 18px 12px;border-top:1px dashed rgba(56,189,248,.2)}.authoring-preview.small{margin-top:8px;padding:8px 10px;background:#38bdf814;border:1px dashed rgba(56,189,248,.25);border-radius:8px}.form-row{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.form-row label{color:#94a3b8;font-weight:600}.form-row input,.form-row select,.form-row textarea{padding:8px 10px;background:#1e293bcc;border:1px solid rgba(56,189,248,.25);color:#e2e8f0;border-radius:8px}.checkbox-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px}.checkbox-item{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#0f172a66;border:1px solid rgba(56,189,248,.15);border-radius:8px}.course-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.course-title{color:#e2e8f0;margin:0;font-size:1.1rem}.stats-row{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:12px;margin:10px 0 14px}.stat-card.small{padding:12px}.actions{display:flex;gap:10px;flex-wrap:wrap}.pagination{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px}.pagination button{padding:6px 12px;background:#1e293bb3;color:#e2e8f0;border:1px solid rgba(56,189,248,.25);border-radius:8px;cursor:pointer}.pagination button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.course-management-panel{padding:16px}.toolbar{grid-template-columns:1fr;align-items:start}.toolbar .left,.toolbar .right{width:100%;justify-content:flex-start}.toolbar .right{justify-self:start;white-space:normal}.courses-grid{grid-template-columns:1fr}.course-filters{flex-direction:column;align-items:stretch}.search-bar{min-width:unset}.management-stats,.course-meta{grid-template-columns:1fr}.course-actions{justify-content:center}}@media (max-width: 420px){.course-meta{grid-template-columns:1fr;gap:4px}}[data-theme=light] .course-management-panel{background:var(--surface)!important;border:2px solid var(--border)!important;color:var(--text)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:var(--shadow-md)!important}[data-theme=light] .panel-header h2{color:var(--text) \!important;text-shadow:none \!important}[data-theme=light] .panel-header p{color:var(--text-secondary) \!important}[data-theme=light] .stat-card{background:var(--surface)!important;border:2px solid var(--border)!important;box-shadow:var(--shadow-sm)!important}[data-theme=light] .stat-card:hover{border-color:var(--accent) \!important;box-shadow:var(--shadow-md) \!important}[data-theme=light] .search-filters{background:var(--surface)!important;border:2px solid var(--border)!important;box-shadow:var(--shadow-sm)!important}[data-theme=light] .search-filters:hover{border-color:var(--accent) \!important;box-shadow:var(--shadow-md) \!important}[data-theme=light] .filter-select{background:var(--input-bg)!important;border:2px solid var(--input-border)!important;color:var(--text)!important}[data-theme=light] .course-card{background:var(--surface)!important;border:2px solid var(--border)!important;box-shadow:var(--shadow-sm)!important}[data-theme=light] .course-card:hover{box-shadow:var(--shadow-md) \!important;border-color:var(--accent) \!important}[data-theme=light] .course-card h3,[data-theme=light] .course-card h4{color:var(--text) \!important}[data-theme=light] .course-card p{color:var(--text-secondary) \!important}[data-theme=light] .course-management-panel button{background:var(--button-bg) \!important;color:var(--button-text) \!important;border:none \!important}[data-theme=light] .course-management-panel button:hover{background:var(--button-hover) \!important}[data-theme=light] .course-management-panel button.secondary,[data-theme=light] .course-management-panel button.outline{background:transparent \!important;color:var(--text) \!important;border:2px solid var(--border) \!important}[data-theme=light] .course-management-panel button.secondary:hover,[data-theme=light] .course-management-panel button.outline:hover{background:var(--surface-light) \!important;border-color:var(--border-light) \!important}[data-theme=light] .spinner{border-color:var(--border) \!important;border-top-color:var(--accent) \!important}[data-theme=light] .error-state h3{color:#dc2626 \!important}[data-theme=light] .loading-state,[data-theme=light] .error-state{color:var(--text) \!important}.student-courses-panel{padding:24px;background:linear-gradient(135deg,#0f172af2,#1e293bd9);border-radius:16px;border:1px solid rgba(56,189,248,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#e2e8f0;min-height:600px}.panel-header{margin-bottom:32px;text-align:center}.panel-header h2{color:#38bdf8;font-size:2rem;font-weight:700;margin-bottom:8px;text-shadow:0 0 20px rgba(56,189,248,.3)}.panel-header p{color:#94a3b8;font-size:1.1rem}.learning-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.stat-card{background:#1e293bcc;border:1px solid rgba(56,189,248,.3);border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.stat-card:hover{border-color:#38bdf8;box-shadow:0 8px 32px #38bdf833;transform:translateY(-2px)}.stat-card h4{color:#94a3b8;font-size:.9rem;font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.stat-number{color:#38bdf8;font-size:2.5rem;font-weight:700;text-shadow:0 0 20px rgba(56,189,248,.4)}.course-tabs{display:flex;gap:4px;margin-bottom:24px;background:#1e293b99;border-radius:12px;padding:4px;border:1px solid rgba(56,189,248,.2)}.tab-button{flex:1;padding:12px 20px;background:transparent;border:none;border-radius:8px;color:#94a3b8;font-weight:600;cursor:pointer;transition:all .3s ease}.tab-button.active{background:linear-gradient(135deg,#38bdf8,#06b6d4);color:#fff;box-shadow:0 4px 16px #38bdf84d}.tab-button:hover:not(.active){color:#e2e8f0;background:#38bdf81a}.course-search{margin-bottom:24px}.search-input{width:100%;padding:12px 16px;background:#1e293bcc;border:1px solid rgba(56,189,248,.3);border-radius:8px;color:#e2e8f0;font-size:1rem;transition:all .3s ease}.search-input:focus{outline:none;border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf81a}.search-input::placeholder{color:#64748b}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:24px}.student-course-card{background:#1e293bcc;border:1px solid rgba(56,189,248,.2);border-radius:16px;padding:24px;transition:all .3s ease;position:relative;overflow:hidden}.student-course-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;opacity:0;transition:opacity .3s ease}.student-course-card.enrolled:before{background:linear-gradient(90deg,#22c55e,#16a34a)}.student-course-card.available:before{background:linear-gradient(90deg,#38bdf8,#06b6d4)}.student-course-card:hover{border-color:#38bdf8;box-shadow:0 12px 48px #38bdf826;transform:translateY(-4px)}.student-course-card:hover:before{opacity:1}.course-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.course-header h3{color:#38bdf8;font-size:1.3rem;font-weight:600;margin:0 12px 0 0;flex:1}.progress-badge{padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.availability-badge{padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;background:#38bdf833;color:#38bdf8;border:1px solid rgba(56,189,248,.3)}.course-details{margin-bottom:20px}.course-description{color:#94a3b8;margin-bottom:16px;line-height:1.6}.course-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px}.meta-item{display:flex;justify-content:space-between;align-items:center;padding:6px 0}.meta-item .label{color:#64748b;font-size:.9rem;font-weight:500}.meta-item .value{color:#e2e8f0;font-weight:600}.progress-details{margin-top:16px;padding-top:16px;border-top:1px solid rgba(56,189,248,.1)}.progress-bar{width:100%;height:8px;background:#1e293bcc;border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:4px;transition:width .3s ease}.progress-stats{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:#94a3b8}.enrollment-info{margin-top:12px;padding-top:12px;border-top:1px solid rgba(56,189,248,.1)}.enrollment-count{color:#06b6d4;font-size:.9rem;font-weight:600}.course-actions{display:flex;gap:8px;flex-wrap:wrap}.btn-primary,.btn-outline{padding:10px 20px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;flex:1;min-width:120px}.btn-primary{background:linear-gradient(135deg,#38bdf8,#06b6d4);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#0ea5e9,#0891b2);box-shadow:0 4px 16px #38bdf84d;transform:translateY(-1px)}.btn-outline{background:transparent;color:#94a3b8;border:1px solid rgba(148,163,184,.3)}.btn-outline:hover{color:#e2e8f0;border-color:#94a3b8;background:#94a3b81a}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.spinner{width:40px;height:40px;border:4px solid rgba(56,189,248,.2);border-top:4px solid #38bdf8;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-state h3{color:#ef4444;margin-bottom:12px}.empty-state{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#64748b}.empty-state h3{color:#94a3b8;margin-bottom:12px}.empty-state p{margin-bottom:20px}@media (max-width: 768px){.student-courses-panel{padding:16px}.courses-grid,.learning-stats,.course-meta{grid-template-columns:1fr}.course-tabs,.course-actions{flex-direction:column}.btn-primary,.btn-outline{flex:none;min-width:unset}}.onboarding-container{min-height:calc(100vh - 140px);display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl) var(--spacing-lg)}.onboarding-card{width:100%;max-width:860px;background:var(--surface);border-radius:var(--border-radius-md);box-shadow:var(--shadow-card);padding:var(--spacing-xl)}.onboarding-card h2{margin:0 0 var(--spacing-sm) 0;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent}.onboarding-card .subtitle{color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.steps-container{margin-bottom:var(--spacing-md)}.steps{display:flex;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.step{width:32px;height:32px;border-radius:50%;background:var(--surface-light);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-weight:700}.step.active{background:var(--accent);color:var(--text-dark)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);align-items:start}.form-group{display:flex;flex-direction:column;gap:0}.form-group label{color:var(--text-secondary);display:block;margin-bottom:6px;line-height:1.2}.form-group input,.form-group select,.form-group textarea{background:var(--input-bg);color:var(--text-light);border:1px solid var(--border);border-radius:var(--border-radius-sm);padding:var(--spacing-sm);box-sizing:border-box;width:100%;display:block}.form-group input{height:44px}.grid-2 .form-group{align-self:start}.grid-2 .form-group label{display:flex;align-items:flex-end;min-height:22px;margin-bottom:8px}.field-error{display:block;color:var(--warning);margin-top:4px;font-size:.875rem}.PhoneInput{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--input-bg);border:1px solid var(--border);border-radius:var(--border-radius-sm);padding:0 var(--spacing-sm)}.PhoneInputInput{flex:1;background:transparent;color:var(--text-light);border:none;padding:var(--spacing-sm) 0;outline:none}.PhoneInput:focus-within{border-color:var(--input-focus);box-shadow:0 0 0 2px color-mix(in srgb,var(--input-focus) 30%,transparent)}.PhoneInputCountry{display:flex;align-items:center}.PhoneInputCountrySelect{background:var(--input-bg);color:var(--text-light)}.phone-row{display:grid;grid-template-columns:220px 1fr;gap:var(--spacing-sm)}.country-select{background:var(--input-bg);color:var(--text-light);border:1px solid var(--border);border-radius:var(--border-radius-sm);padding:var(--spacing-sm)}.form-group .hint{display:block;margin-top:6px;color:var(--text-secondary);font-size:.9rem}.actions{display:flex;justify-content:flex-end;margin-top:var(--spacing-lg)}.actions.between{justify-content:space-between}button.primary{background:var(--button-bg);color:var(--button-text);border:2px solid var(--accent);border-radius:var(--border-radius-sm);padding:var(--spacing-sm) var(--spacing-md);font-weight:700;box-shadow:var(--shadow-sm);transition:background var(--transition-fast),box-shadow var(--transition-fast)}button.primary:hover{background:var(--button-hover);box-shadow:var(--shadow-md)}button.secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--border-radius-sm);padding:var(--spacing-sm) var(--spacing-md);transition:background var(--transition-fast),color var(--transition-fast)}button.secondary:hover{background:var(--surface-light);color:var(--text-light)}.error-banner{background:#ef44441a;color:var(--warning);border:1px solid var(--warning);border-radius:var(--border-radius-sm);padding:var(--spacing-sm);margin-bottom:var(--spacing-md)}.success-banner{background:#10b9811f;color:var(--success);border:1px solid var(--success);border-radius:var(--border-radius-sm);padding:var(--spacing-sm);margin-bottom:var(--spacing-md)}.react-select__control{background-color:var(--input-bg)!important;border-color:var(--border)!important;box-shadow:none!important}.react-select__menu{background-color:var(--surface-light)!important;border:1px solid var(--border)}.react-select__option{background-color:var(--surface-light)!important;color:var(--text-light)!important}.react-select__option--is-focused{background-color:var(--surface)!important}.react-select__option--is-selected{background-color:var(--accent)!important;color:var(--text-dark)!important}.react-select__multi-value{background-color:var(--surface)!important}.react-select__multi-value__remove{color:var(--text-secondary)!important}.react-select__multi-value__remove:hover{background-color:var(--accent)!important;color:var(--text-dark)!important}@media (max-width: 768px){.grid-2{grid-template-columns:1fr}.onboarding-card{padding:var(--spacing-lg)}}.course-builder-skeleton{width:100%;height:100%;display:flex;flex-direction:column}.skeleton-dashboard{padding:20px;width:100%;flex:1;background:var(--surface);border-radius:12px;box-shadow:var(--shadow-card);border:1px solid var(--border);min-height:0;margin-right:24px}.skeleton-header{text-align:center;margin-bottom:3rem}.skeleton-title{height:2.5rem;width:300px;margin:0 auto 1rem;background:linear-gradient(90deg,var(--surface-light) 25%,var(--border) 50%,var(--surface-light) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}.skeleton-subtitle{height:1.5rem;width:400px;margin:0 auto;background:linear-gradient(90deg,var(--surface-light) 25%,var(--border) 50%,var(--surface-light) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}.skeleton-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:1.5rem}.skeleton-card{height:240px;max-width:240px;margin:0 auto;background:linear-gradient(90deg,var(--surface-light) 25%,var(--border) 50%,var(--surface-light) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:12px;border:2px solid var(--border)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width: 980px){.skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.skeleton-subtitle{width:300px}}.course-builder-studio-root{background:transparent;contain:layout paint style;border-radius:0;box-shadow:none;padding:0;color:var(--text);width:100%;height:auto;margin:0;border:none;position:relative;overflow:visible;display:flex;flex-direction:column;flex:1;min-height:0}.course-builder-studio-root .floating-tools-panel{position:fixed;right:calc(var(--page-right-rail-width) + 24px);bottom:24px;z-index:1500;width:320px;max-width:calc(100vw - 32px);background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);overflow:hidden}.course-builder-studio-root .floating-tools-header{padding:12px 16px;background:var(--surface-light);color:var(--text);font-weight:600;border-bottom:1px solid var(--border)}.course-builder-studio-root .floating-tools-body{padding:12px 14px 14px}.course-builder-studio-root .floating-tools-lesson-title{color:var(--text);font-size:.95rem;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-builder-studio-root .floating-tools-actions{display:flex;gap:10px}.course-builder-studio-root .floating-tools-actions button{background:var(--button-bg);color:var(--button-text);border:1px solid transparent;border-radius:8px;padding:8px 16px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.course-builder-studio-root .floating-tools-actions button:hover,.course-builder-studio-root .floating-tools-actions button:focus{background:var(--button-hover);color:var(--button-text);border:1px solid var(--border);outline:none}@media (max-width: 720px){.course-builder-studio-root .floating-tools-panel{right:12px;bottom:12px;width:calc(100vw - 24px)}}@media (max-width: 1280px){.course-builder-studio-root .floating-tools-panel{right:16px}}.course-builder-studio-root .studio-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:2rem;background:var(--surface-light);border-radius:12px;padding:1.5rem 2rem;border:1px solid var(--border)}.course-builder-studio-root .studio-header-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.course-builder-studio-root .studio-header-actions{display:flex;align-items:center;gap:var(--spacing-md)}.course-builder-studio-root .course-status{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.9rem}.course-builder-studio-root .status-indicator{display:inline-block;width:10px;height:10px;border-radius:50%}.course-builder-studio-root .status-indicator.published{background-color:var(--success)}.course-builder-studio-root .status-indicator.draft{background-color:var(--warning)}.course-builder-studio-root .status-text{font-weight:500}.course-builder-studio-root .studio-header h1{color:var(--text);font-size:2rem;margin-bottom:0;font-weight:700}.course-builder-studio-root .studio-header p{color:var(--text-secondary);font-size:1rem;margin-top:.25rem;margin-bottom:0}.course-builder-studio-root .studio-nav{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;justify-content:center;background:var(--surface-light);border-radius:8px;padding:1rem;border:1px solid var(--border)}.course-builder-studio-root .studio-nav button{background:var(--button-bg);color:var(--button-text);border:1px solid transparent;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.course-builder-studio-root .studio-nav button.active{background:var(--accent);color:#fff;border:1px solid var(--accent)}.course-builder-studio-root .studio-nav button:hover,.course-builder-studio-root .studio-nav button:focus{background:var(--button-hover);outline:none}.course-builder-studio-root .studio-main{background:var(--surface);border-radius:8px;padding:2rem;min-height:400px;border:1px solid var(--border)}.course-builder-studio-root .studio-content-placeholder{color:var(--text-secondary);text-align:center;font-size:1rem}.course-builder-studio-root .course-creation-form{max-width:800px;margin:0 auto;padding:2rem;background:var(--surface);border-radius:12px;border:1px solid var(--border)}.course-builder-studio-root .course-creation-form h2{color:var(--text);margin-bottom:1.5rem}.course-builder-studio-root .course-creation-form p{margin-bottom:var(--spacing-lg);color:var(--text-muted)}.course-builder-studio-root .form-group{margin-bottom:var(--spacing-md)}.course-builder-studio-root .form-row{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.course-builder-studio-root .form-row .form-group{flex:1}.course-builder-studio-root .form-group label{display:block;margin-bottom:var(--spacing-xs);font-weight:500}.course-builder-studio-root .form-group input[type=text],.course-builder-studio-root .form-group input[type=number],.course-builder-studio-root .form-group select,.course-builder-studio-root .form-group textarea{width:100%;padding:.75rem;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:1rem;transition:all .2s}.course-builder-studio-root .form-group input[type=text]:focus,.course-builder-studio-root .form-group input[type=number]:focus,.course-builder-studio-root .form-group select:focus,.course-builder-studio-root .form-group textarea:focus{border:1px solid var(--accent);outline:none;box-shadow:0 0 0 3px #3b82f61a}.course-builder-studio-root .form-group textarea{resize:vertical}.course-builder-studio-root .checkbox-group{display:flex;align-items:center;gap:var(--spacing-xs)}.course-builder-studio-root .checkbox-group input{margin:0}.course-builder-studio-root .checkbox-group label{margin-bottom:0}.course-builder-studio-root .form-actions{margin-top:36px;display:flex;justify-content:flex-end}.course-builder-studio-root .btn-primary{background:var(--accent);color:#fff;border:1px solid var(--accent);border-radius:8px;padding:.75rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.course-builder-studio-root .btn-primary:hover,.course-builder-studio-root .btn-primary:focus{background:var(--accent-hover);outline:none;transform:translateY(-1px)}.course-builder-studio-root .btn-primary:disabled{background:var(--disabled-bg);color:#eee;border:1.5px solid #aaa;cursor:not-allowed;box-shadow:none}.course-builder-studio-root button{background:var(--button-bg)!important;color:var(--button-text);border:none;border-radius:var(--border-radius-md);padding:10px 24px!important;font-size:1rem;font-weight:700;box-shadow:var(--shadow-md)!important;transition:background var(--transition-fast),box-shadow var(--transition-fast);margin-bottom:var(--spacing-md)}button{background:var(--button-bg);color:var(--button-text);border:2px solid var(--accent)!important;border-radius:var(--border-radius-md);padding:8px 18px!important;font-size:16px!important;font-family:Orbitron,Segoe UI,Arial,sans-serif!important;font-weight:700;box-shadow:0 2px 12px #38bdf821!important;display:flex;align-items:center;gap:8px;letter-spacing:.04em!important;margin-bottom:0}.course-builder-studio-root .course-dashboard{padding:20px;width:100%;flex:1;background:var(--surface);border-radius:12px;box-shadow:var(--shadow-card);border:1px solid var(--border);min-height:0;margin-right:24px;scrollbar-gutter:stable both-edges;contain:layout paint}.course-builder-studio-root .dashboard-header{text-align:center;margin-bottom:3rem}.course-builder-studio-root .dashboard-header h1{font-size:2.5rem;color:var(--text);margin-bottom:.5rem}.course-builder-studio-root .dashboard-header p{font-size:1.1rem;color:var(--text-secondary)}.course-builder-studio-root .courses-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:1.5rem}@media (max-width: 980px){.course-builder-studio-root .courses-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}.course-builder-studio-root .course-card{background:var(--glass-bg);border:2px solid var(--border);border-radius:12px;padding:16px;transition:transform .3s,box-shadow .3s,border .3s;cursor:pointer;display:flex;flex-direction:column;min-height:240px;max-width:240px;box-shadow:var(--shadow-sm)}.course-builder-studio-root .course-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent)}.course-builder-studio-root .create-new-card{background:linear-gradient(135deg,#2563eb1a,#38bdf81a);border:2px dashed var(--primary-light);border-radius:12px;padding:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:transform .3s,box-shadow .3s,border .3s,background .3s;min-height:220px;max-width:220px;box-shadow:var(--shadow-sm)}.course-builder-studio-root .create-new-card:hover{background:linear-gradient(135deg,#3b82f61f,#93c5fd14);border-color:var(--accent)}.course-builder-studio-root .create-new-content{text-align:center;padding:1.25rem}.course-builder-studio-root .courses-grid>.course-card,.course-builder-studio-root .courses-grid>.create-new-card{margin:0 auto}.course-builder-studio-root .create-new-icon{font-size:4rem;color:var(--accent);margin-bottom:1rem;font-weight:300}.course-builder-studio-root .create-new-card:hover .create-new-icon{color:var(--text)}.course-builder-studio-root .create-new-content h3{font-size:1.2rem;color:var(--text);margin-bottom:.5rem}.course-builder-studio-root .create-new-content p{color:var(--text-secondary);font-size:1rem}.course-builder-studio-root .course-card-header{padding:1rem 1rem .75rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:flex-start}.course-builder-studio-root .course-title{font-size:1.25rem;color:var(--text);margin:0;flex:1;margin-right:1rem;line-height:1.3}.course-builder-studio-root .course-status{flex-shrink:0}.course-builder-studio-root .status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.course-builder-studio-root .status-badge.published{background:#10b98126;color:var(--text)}.course-builder-studio-root .status-badge.draft{background:#f59e0b26;color:var(--text)}.course-builder-studio-root .course-card-body{padding:.75rem 1rem}.course-builder-studio-root .course-description{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.course-builder-studio-root .course-meta{display:flex;flex-direction:column;gap:.5rem}.course-builder-studio-root .meta-item{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.course-builder-studio-root .meta-label{color:var(--text-secondary);font-weight:500}.course-builder-studio-root .meta-value{color:var(--text);font-weight:600}.course-builder-studio-root .course-card-footer{padding:.75rem 1rem;background:var(--surface-light);border-top:1px solid var(--border)}.course-builder-studio-root .course-dates{display:flex;flex-direction:column;gap:.25rem}.course-builder-studio-root .course-dates small{color:var(--text-muted);font-size:.8rem}.course-builder-studio-root .no-courses-message{grid-column:1 / -1;text-align:center;padding:3rem;color:var(--text-secondary)}.course-builder-studio-root .no-courses-message h3{font-size:1.5rem;margin-bottom:.5rem;color:var(--text)}.course-builder-studio-root .error-message{background:var(--danger-light, #f8d7da);color:var(--danger-dark, #721c24);padding:1rem;border-radius:8px;margin-top:1rem}@media (max-width: 768px){.course-builder-studio-root .course-dashboard{padding:1rem}.course-builder-studio-root .courses-grid{grid-template-columns:1fr;gap:1rem}.course-builder-studio-root .dashboard-header h1{font-size:2rem}.course-builder-studio-root .course-card-header{flex-direction:column;align-items:flex-start;gap:1rem}.course-builder-studio-root .course-title{margin-right:0}}.hierarchical-outline-builder{padding:20px;background:var(--surface);border-radius:12px;box-shadow:var(--shadow-card);border:1px solid var(--border);color:var(--text);flex:1;min-height:0;overflow:auto;margin-right:24px}.hierarchical-outline-builder.compact .course-title{font-size:1.5rem}.hierarchical-outline-builder.compact .level-item{padding:.5rem .75rem}.hierarchical-outline-builder.compact .item-header{gap:.5rem}.hierarchical-outline-builder.compact .module-level,.hierarchical-outline-builder.compact .lesson-level,.hierarchical-outline-builder.compact .section-level,.hierarchical-outline-builder.compact .activity-level{margin-top:.35rem}.hierarchical-outline-builder.compact .module-item .item-title{font-size:1.1rem}.hierarchical-outline-builder.compact .lesson-item .item-title{font-size:1rem}.hierarchical-outline-builder.compact .section-item .item-title{font-size:.95rem}.course-builder-studio-root .outline-header{margin-bottom:2rem;background:var(--surface);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-md);color:var(--text)}.course-builder-studio-root .course-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.course-builder-studio-root .course-title{margin:0;color:var(--text);font-size:2rem;font-weight:700}.course-builder-studio-root .course-actions{display:flex;gap:1rem;align-items:center}.course-builder-studio-root .btn-back{background:var(--surface-light);border:2px solid var(--border);color:var(--text);padding:.75rem 1rem;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease}.course-builder-studio-root .btn-back:hover{background:var(--border-light);color:var(--text)}.course-builder-studio-root .btn-primary{background:var(--button-bg);color:var(--button-text);border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease}.course-builder-studio-root .btn-primary:hover:not(:disabled){background:var(--button-hover);transform:translateY(-1px)}.course-builder-studio-root .btn-primary:disabled{background:var(--text-muted, #868e96);cursor:not-allowed}.course-builder-studio-root .btn-secondary{background:var(--surface-light);border:2px solid var(--accent);color:var(--accent);padding:.75rem 1rem;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease}.course-builder-studio-root .btn-secondary:hover{background:var(--accent);color:var(--button-text)}.course-builder-studio-root .course-structure{background:var(--card-bg);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-card);border:1px solid var(--border)}.course-builder-studio-root .structure-level{border-left:4px solid transparent}.course-builder-studio-root .course-level{border-left-color:var(--primary, #3498db)}.course-builder-studio-root .module-level{border-left-color:var(--neon, var(--success, #28a745));margin-left:1rem;margin-top:.5rem;background:var(--surface-light);border-radius:8px;box-shadow:var(--shadow-sm)}.course-builder-studio-root .lesson-level{border-left-color:var(--primary-light, var(--primary, #3498db));margin-left:1rem;margin-top:.5rem;background:var(--surface);border-radius:8px;box-shadow:var(--shadow-sm)}.course-builder-studio-root .section-level{border-left-color:var(--accent);margin-left:1rem;margin-top:.5rem;background:var(--surface-light);border-radius:8px;box-shadow:var(--shadow-sm)}.course-builder-studio-root .activity-level{border-left-color:var(--secondary, #6c757d);margin-left:1rem;margin-top:.5rem;background:var(--surface);border-radius:8px;box-shadow:var(--shadow-sm)}.course-builder-studio-root .activity-renderer-card{background:var(--surface-light);border:1px solid var(--border);border-radius:8px;padding:.75rem}.course-builder-studio-root .activity-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-md);padding:.75rem .9rem}.activity-card .activity-body{font-size:.95rem;line-height:1.5}.activity-item .item-title{font-size:.95rem}.activity-item .item-type{font-size:.7rem}.activity-card-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:6px}.activity-card-toolbar .btn-action{padding:4px}.activity-instructions{background:#38e0ff0f;border:1px solid var(--border);border-radius:8px;padding:10px 12px;margin-bottom:10px;color:var(--text)}.activity-meta{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem}.activity-meta-left,.activity-meta-right{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.pill{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:.75rem;border:1px solid var(--border)}.pill-type{background:#17a2b81f;color:var(--info, #17a2b8)}.pill-title{background:#38e0ff14;color:var(--accent)}.pill-ids{background:var(--surface);color:var(--text-secondary)}.course-builder-studio-root .activity-body{color:var(--text)}.course-builder-studio-root .activity-dialogue{display:grid;gap:8px}.course-builder-studio-root .dialogue-line{display:grid;grid-template-columns:160px 1fr;gap:10px;background:var(--surface-light);border:1px solid var(--border);border-radius:8px;padding:8px 10px}.course-builder-studio-root .dialogue-speaker{font-weight:600;color:var(--accent)}.course-builder-studio-root .dialogue-text{color:var(--text)}.course-builder-studio-root .activity-placeholder{background:var(--card-bg);border:1px dashed var(--border);border-radius:8px;padding:.75rem}.placeholder-title{font-weight:600;margin-bottom:4px}.placeholder-hint{color:var(--text-secondary);font-size:.9rem;margin-bottom:6px}.placeholder-json{max-height:180px;overflow:auto;background:var(--surface);padding:6px;border-radius:6px}.course-builder-studio-root .set-controls{background:var(--surface);border:1px dashed var(--border);border-radius:8px;padding:8px 10px;margin-bottom:8px}.course-builder-studio-root .set-row{display:flex;gap:8px;align-items:center;margin-bottom:6px}.course-builder-studio-root .set-row label{min-width:108px;font-size:.9rem;color:var(--text-secondary)}.course-builder-studio-root .set-row select,.course-builder-studio-root .set-row textarea{flex:1;background:var(--surface-light);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 8px}.set-actions{display:flex;justify-content:flex-end}.divider{border:none;border-top:1px solid var(--border-light, #e9ecef);margin:10px 0 4px}.activity-reading{background:var(--surface);padding:.5rem;border-radius:6px}.activity-prompt{font-weight:600;margin-bottom:6px}.activity-textarea{width:100%;min-height:80px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:8px}.activity-quiz{margin:0;padding-left:1rem}.course-builder-studio-root .level-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border-light, #e9ecef)}[data-theme=dark] .level-header{border-bottom-color:var(--border-dark, #404040)}.level-header h2{margin:0;color:var(--text);font-size:1.5rem}.course-builder-studio-root .level-item{padding:1rem 1.25rem;border:1px solid var(--border);border-radius:8px;transition:border-color var(--transition-fast),background var(--transition-fast)}.course-builder-studio-root .item-header{display:flex;align-items:center;gap:.75rem;justify-content:space-between;min-height:38px;border-bottom:1px solid var(--border-light, #e9ecef);padding-bottom:6px}.course-builder-studio-root .expand-btn{background:none;border:none;font-size:1rem;cursor:pointer;color:var(--text-secondary, #6c757d);padding:.25rem;border-radius:4px;transition:all .2s ease;min-width:24px;text-align:center}.course-builder-studio-root .expand-btn:hover{background:var(--border-light, #e9ecef);color:var(--primary, #3498db)}.course-builder-studio-root .item-content{flex:1;display:flex;align-items:center;gap:.75rem}.item-type{background:var(--primary);color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.module-item .item-type{background:var(--success, #28a745)}.lesson-item .item-type{background:var(--warning);color:var(--text-dark)}.section-item .item-type{background:var(--info, #17a2b8)}.activity-item .item-type{background:var(--secondary, #6c757d)}.course-builder-studio-root .item-title{margin:0;font-size:1rem;font-weight:600;color:var(--text);cursor:pointer;transition:color .2s ease}[data-theme=dark] .item-title:hover{color:var(--accent, #00f0ff)}.item-title:hover{color:var(--accent)}.module-item .item-title{font-size:1.25rem;font-weight:600}.lesson-item .item-title{font-size:1.1rem;font-weight:500}.section-item .item-title{font-size:1rem;font-weight:500}.activity-item .item-title{font-size:.9rem;font-weight:500}.activity-count{font-size:.8rem;color:var(--text-muted, #868e96);margin-left:.5rem}[data-theme=dark] .activity-count{color:var(--text-secondary, #adb5bd)}.activity-type{font-size:.7rem;color:var(--info, #17a2b8);background:#17a2b81a;padding:.125rem .375rem;border-radius:12px;margin-left:.5rem}[data-theme=dark] .activity-type{color:var(--accent, #00f0ff);background:#00f0ff1a}.item-actions{display:flex;align-items:center;gap:.5rem}.course-builder-studio-root .btn-action{background:none;border:none;padding:.25rem;border-radius:4px;cursor:pointer;font-size:.9rem;color:var(--text-secondary);transition:all .2s ease}[data-theme=dark] .btn-action{color:var(--text-secondary, #adb5bd)}.btn-action:hover{background:var(--border-light, #e9ecef)}.btn-edit:hover{background:#38e0ff14;color:var(--info)}.btn-add:hover{background:#4caf501f;color:var(--success)}.btn-delete:hover{background:#ff52521f;color:var(--error)}.btn-action .icon{display:inline-flex;width:14px;height:14px;vertical-align:-2px}.btn-edit{color:var(--info)}.btn-add{color:var(--success)}.btn-delete{color:var(--error)}.course-builder-studio-root .drag-handle{cursor:grab;color:var(--text-muted, #868e96);padding:.25rem;font-size:.8rem;-webkit-user-select:none;user-select:none}[data-theme=dark] .drag-handle{color:var(--text-secondary, #adb5bd)}.drag-handle:hover{background:var(--border-light, #e9ecef);color:var(--primary, #3498db)}.drag-handle:active{cursor:grabbing}.course-builder-studio-root .inline-edit{background:var(--input-bg);border:2px solid var(--input-border);padding:.375rem .75rem;border-radius:4px;font-size:inherit;font-weight:inherit;color:var(--text);min-width:200px}.inline-edit:focus{outline:none;box-shadow:0 0 0 3px #38e0ff2e}.course-builder-studio-root .nested-content{margin-top:.75rem;padding-left:1rem}.course-builder-studio-root .empty-state{text-align:center;padding:2rem;color:var(--text-secondary)}.empty-state p{margin:0 0 1rem;font-style:italic}.course-builder-studio-root .add-section-container{padding:1rem;text-align:center;border-top:1px dashed var(--border-light, #e9ecef);margin-top:.5rem}.course-builder-studio-root .btn-add-section{background:var(--info, #17a2b8);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease;font-size:.9rem}.course-builder-studio-root .btn-add-section:hover{background:var(--info-dark, #138496);transform:translateY(-1px)}.course-builder-studio-root .modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.course-builder-studio-root .modal-content{background:var(--surface);border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:90vw;max-height:90vh;overflow-y:auto}[data-theme=dark] .course-builder-studio-root .modal-content{background:var(--surface);color:var(--text)}.course-builder-studio-root .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--border);background:var(--surface-light);border-radius:12px 12px 0 0}[data-theme=dark] .course-builder-studio-root .modal-header{background:var(--surface-light);border-bottom-color:var(--border)}.course-builder-studio-root .modal-header h3{margin:0;color:var(--text);font-size:1.25rem}[data-theme=dark] .course-builder-studio-root .modal-header h3{color:var(--text)}.course-builder-studio-root .modal-body{padding:2rem}.course-builder-studio-root .form-group{margin-bottom:1.5rem}.course-builder-studio-root .form-group label{display:block;margin-bottom:.5rem;color:var(--text);font-weight:500}[data-theme=dark] .course-builder-studio-root .form-group label{color:var(--text)}.course-builder-studio-root .form-group select,.course-builder-studio-root .form-group input{width:100%;padding:.75rem;border:2px solid var(--border);border-radius:8px;font-size:1rem;transition:border-color .2s ease;background:var(--surface)}[data-theme=dark] .course-builder-studio-root .form-group select,[data-theme=dark] .course-builder-studio-root .form-group input{background:var(--surface);border-color:var(--border);color:var(--text)}.course-builder-studio-root .form-group select:focus,.course-builder-studio-root .form-group input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #00f0ff1f}[data-theme=dark] .course-builder-studio-root .form-group select:focus,[data-theme=dark] .course-builder-studio-root .form-group input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #00f0ff1f}.course-builder-studio-root .modal-actions{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;border-top:1px solid var(--border);background:var(--surface-light);border-radius:0 0 12px 12px}[data-theme=dark] .course-builder-studio-root .modal-actions{background:var(--surface-light);border-top-color:var(--border)}@media (max-width: 768px){.hierarchical-outline-builder{padding:.5rem}.course-header{flex-direction:column;align-items:stretch;gap:1rem}.course-actions{justify-content:space-between}.course-title{font-size:1.5rem;text-align:center}.item-header{flex-wrap:wrap;gap:.5rem}.item-actions{flex-wrap:wrap}.nested-content{padding-left:.5rem}.module-level,.lesson-level,.section-level,.activity-level{margin-left:.5rem}}.nested-content{animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.course-builder-studio-root .level-item.selected{background:var(--glass-bg);border:2px solid var(--accent)}.course-builder-studio-root .level-item:hover{background:#38e0ff14;border-color:var(--accent)}.unauth-header{display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:70px;background:linear-gradient(135deg,var(--card-bg) 60%,var(--surface-light) 100%);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-radius:var(--border-radius-lg);border:2.5px solid var(--accent);outline:2px solid var(--primary-light);outline-offset:4px;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-card);transition:background var(--transition-normal),box-shadow var(--transition-normal)}.unauth-header-inner{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto}.unauth-logo-text{font-size:1.5rem;margin:0;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.04em;text-shadow:var(--neon-glow);font-family:Orbitron,Segoe UI,Arial,sans-serif;font-weight:700}.unauth-auth-buttons{display:flex;gap:var(--spacing-sm)}.unauth-button{background:var(--glass-bg);color:var(--text-light);border:2px solid var(--primary-light);border-radius:var(--border-radius-sm);padding:var(--spacing-xs) var(--spacing-md);font-size:1rem;font-weight:700;cursor:pointer;transition:background var(--transition-fast),box-shadow var(--transition-fast),border var(--transition-fast);font-family:Orbitron,Segoe UI,Arial,sans-serif;letter-spacing:.03em;box-shadow:0 0 8px var(--primary-light)}.unauth-button:hover{background:var(--primary-light);color:var(--neon);border-color:var(--neon);box-shadow:0 0 16px 2px var(--neon)}.unauth-login-button{background:var(--glass-bg);color:var(--primary-light);border:2px solid var(--primary-light)}.unauth-login-button:hover{background:var(--primary-light);color:var(--neon);border-color:var(--neon);box-shadow:0 0 16px 2px var(--neon)}.unauth-signup-button{background:var(--button-bg);color:var(--button-text);border:2px solid var(--accent)}.unauth-signup-button:hover{background:var(--button-hover);color:var(--button-text);border-color:var(--neon);box-shadow:0 0 16px 2px var(--neon)}[data-theme=light] .unauth-header{background:linear-gradient(135deg,var(--card-bg) 60%,var(--surface-light) 100%);border:2.5px solid var(--border-light);outline:2px solid var(--primary-light);box-shadow:0 8px 32px #38bdf814,0 1.5px 8px #1e293b0f}[data-theme=light] .unauth-logo-text{background:var(--gradient-primary);color:var(--primary-light);text-shadow:0 0 8px #38bdf8,0 0 16px #38bdf8}[data-theme=light] .unauth-button{background:var(--glass-bg);border:2px solid var(--primary-light);color:var(--primary-light);box-shadow:0 0 8px var(--primary-light)}.unauth-logo .brand-logo-img{display:block;object-fit:contain;filter:drop-shadow(0 0 8px rgba(56,189,248,.6)) drop-shadow(0 0 2px rgba(255,255,255,.35))}[data-theme=light] .unauth-logo .brand-logo-img{filter:drop-shadow(0 0 8px rgba(56,189,248,.7)) drop-shadow(0 0 2px rgba(0,0,0,.18))}[data-theme=light] .unauth-header{border:1px solid var(--border);outline:none;box-shadow:var(--shadow-md)}[data-theme=light] .unauth-button{background:var(--glass-bg);border:1px solid var(--border);color:var(--text);box-shadow:var(--shadow-sm)}[data-theme=light] .unauth-login-button,[data-theme=light] .unauth-signup-button{border:1px solid var(--border)}[data-theme=light] .unauth-button{color:var(--text)}[data-theme=light] .unauth-header,[data-theme=light] .unauth-button{border:2px solid var(--border)}[data-theme=light] .unauth-login-button,[data-theme=light] .unauth-signup-button{border:2px solid var(--border);background:var(--button-bg);color:var(--button-text)}[data-theme=light] .unauth-login-button:hover,[data-theme=light] .unauth-signup-button:hover{background:var(--button-hover);border-color:var(--accent)}.public-layout{min-height:100vh;background:linear-gradient(145deg,#1e1e38fa,#121225fa);display:flex;flex-direction:column}.public-content{flex:1 0 auto;display:block;padding:2rem 0}.public-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#0003}.logo h1{margin:0;color:#e94560;font-size:1.8rem}.logo a{text-decoration:none}.public-nav{display:flex;gap:1rem}.nav-button{padding:.5rem 1rem;border-radius:4px;font-weight:700;cursor:pointer;transition:all .3s ease}.sign-in{background-color:transparent;color:#fff;border:1px solid rgba(255,255,255,.3)}.sign-in:hover{background-color:#ffffff1a}.sign-up{background-color:#e94560;color:#fff;border:none}.sign-up:hover{background-color:#d63d57}.public-main{flex:1}.public-footer{text-align:center;padding:1rem;background-color:#0003;color:#ccc}.landing-page{min-height:100vh;width:100%;max-width:1120px;margin:0 auto;box-sizing:border-box;background-color:transparent;color:var(--text-light);padding:0 24px var(--spacing-xl)}.hero-section{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-xl) var(--spacing-lg);background:var(--surface);margin:var(--spacing-md) 0;border-radius:var(--border-radius-md);box-shadow:var(--shadow-card)}.hero-section h1{font-size:3rem;font-weight:800;margin-bottom:var(--spacing-lg);background:var(--button-bg);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-section p{font-size:1.2rem;max-width:800px;margin-bottom:var(--spacing-xl);line-height:1.6;color:var(--text-secondary)}.hero-buttons{display:flex;gap:var(--spacing-sm)}.get-started,.get-started-large{background:var(--button-bg);color:var(--button-text);border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);font-size:1.1rem;font-weight:600;cursor:pointer;transition:var(--transition-normal);box-shadow:var(--shadow-sm)}.get-started-large{padding:var(--spacing-md) var(--spacing-lg);font-size:1.3rem}.get-started:hover,.get-started-large:hover{transform:translateY(-2px);background:var(--button-hover);box-shadow:var(--shadow-md)}.explore-courses-btn{background:transparent;color:var(--accent);border:2px solid var(--accent);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);font-size:1.1rem;font-weight:600;cursor:pointer;transition:var(--transition-normal)}.explore-courses-btn:hover{background:var(--glass-bg);box-shadow:var(--shadow-sm)}.features-section,.testimonials-section{padding:var(--spacing-xl) var(--spacing-lg);text-align:center;background:var(--surface);margin:var(--spacing-md) 0;border-radius:var(--border-radius-md);box-shadow:var(--shadow-card)}.features-section h2,.testimonials-section h2{font-size:2.2rem;margin-bottom:var(--spacing-xl);color:var(--accent)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.feature-card{background:var(--card-bg);padding:var(--spacing-lg);border-radius:var(--border-radius-md);transition:var(--transition-normal);box-shadow:var(--shadow-sm)}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.feature-card h3{color:var(--accent);margin-bottom:var(--spacing-sm)}.testimonials-container{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.testimonial-card{background:var(--card-bg);padding:var(--spacing-lg);border-radius:var(--border-radius-md);max-width:400px;position:relative;box-shadow:var(--shadow-sm);transition:var(--transition-normal)}.testimonial-card p{font-style:italic;margin-bottom:var(--spacing-sm);color:var(--text-secondary)}.testimonial-card h4{color:var(--accent);text-align:right}.cta-section{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-xl) var(--spacing-lg);background:var(--surface);border-radius:var(--border-radius-md);margin:var(--spacing-md) 0;box-shadow:var(--shadow-card)}.cta-section h2{font-size:2.2rem;margin-bottom:var(--spacing-sm);color:var(--accent)}.cta-section p{margin-bottom:var(--spacing-lg);max-width:600px;margin-left:auto;margin-right:auto;color:var(--text-secondary)}.reimagined-section{text-align:center;padding:var(--spacing-xl) var(--spacing-lg);background:var(--surface);margin:var(--spacing-md) 0;border-radius:var(--border-radius-md);box-shadow:var(--shadow-card)}.reimagined-section h2{font-size:2.5rem;margin-bottom:var(--spacing-lg);color:var(--accent);font-weight:700}.reimagined-section p{font-size:1.2rem;line-height:1.6;color:var(--text-secondary);max-width:800px;margin:0 auto}.testimonials-section{padding:var(--spacing-xl) var(--spacing-lg);background:var(--surface);border-radius:var(--border-radius-md);margin:var(--spacing-md) 0;box-shadow:var(--shadow-card)}.testimonial-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-lg);padding:0 var(--spacing-sm)}.testimonial-card{background:var(--card-bg);border-radius:var(--border-radius-md);padding:var(--spacing-lg);max-width:350px;text-align:center;box-shadow:var(--shadow-card);position:relative;transition:var(--transition-normal)}.avatar{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:var(--text-light);margin:-50px auto var(--spacing-sm)}.pink{background:var(--gradient-secondary)}.purple{background:var(--gradient-primary)}.quote{font-style:italic;margin-bottom:var(--spacing-sm);font-size:1.1rem;line-height:1.5;color:var(--text-secondary)}.author{color:var(--accent);font-weight:600}.connections-section{padding:var(--spacing-xl) var(--spacing-lg);text-align:center;background:var(--surface);margin:var(--spacing-md) 0;border-radius:var(--border-radius-md);box-shadow:var(--shadow-card)}.connections-section h2{font-size:2.5rem;margin-bottom:var(--spacing-lg);color:var(--accent);font-weight:700}.connections-section p{font-size:1.2rem;line-height:1.6;color:var(--text-secondary);max-width:800px;margin:0 auto var(--spacing-xl)}.connections-diagram{position:relative;height:400px;margin:0 auto;max-width:600px}.connection-node{position:absolute;width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-light);font-weight:600;text-align:center;background:var(--gradient-secondary);box-shadow:var(--shadow-lg);z-index:2}.center{left:50%;top:50%;transform:translate(-50%,-50%);width:100px;height:100px;background:var(--gradient-secondary)}.top{left:50%;top:0;transform:translate(-50%);width:90px;height:90px;background:var(--gradient-primary)}.right{right:0;top:50%;transform:translateY(-50%);width:90px;height:90px;background:var(--gradient-secondary)}.bottom-right{right:15%;bottom:0;width:90px;height:90px;background:var(--gradient-primary)}.bottom-left{left:15%;bottom:0;width:90px;height:90px;background:var(--gradient-secondary)}.connections-lines{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.connections-lines line{stroke:var(--accent);stroke-width:2;stroke-dasharray:5;animation:dash 30s linear infinite}@keyframes dash{to{stroke-dashoffset:1000}}@media (max-width: 768px){.connections-diagram{height:300px}.connection-node{width:80px;height:80px;font-size:.8rem}.center{width:70px;height:70px}.testimonial-cards{flex-direction:column;align-items:center}}@media (max-width: 768px){.landing-page{padding:0 var(--spacing-sm) var(--spacing-lg)}.hero-section,.features-section,.testimonials-section,.cta-section,.reimagined-section,.connections-section{margin:var(--spacing-sm) 0;padding:var(--spacing-lg) var(--spacing-sm)}.hero-section h1{font-size:2rem}.hero-buttons,.testimonial-cards{flex-direction:column;align-items:center}}.password-field .toggle-visibility{position:absolute;right:.6rem;top:50%;transform:translateY(-50%);background:transparent!important;border:none!important;box-shadow:none!important;color:var(--text-secondary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;margin:0;line-height:1;z-index:10;width:32px;height:32px;min-width:0;border-radius:50%;transition:transform .12s ease,color .12s ease}.modal-content{background:var(--surface);border-radius:var(--border-radius-md);padding:2rem;width:100%;max-width:400px;position:relative;color:var(--text-light);box-shadow:var(--shadow-card)}.modal-content h2{margin-top:0;margin-bottom:1.5rem;color:var(--accent);text-align:center}.close-button{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast);z-index:10}.steps-container{margin-bottom:1.5rem}.steps{display:flex;justify-content:center;margin-bottom:1.5rem}.step{width:30px;height:30px;border-radius:50%;background-color:var(--surface-light);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;margin:0 .5rem;font-weight:700}.step.active{background-color:var(--accent);color:var(--text-dark)}.form-group{margin-bottom:1.5rem}.form-group input,.form-group select{width:100%;padding:.75rem;border-radius:var(--border-radius-sm);border:1px solid var(--border);background-color:var(--input-bg);color:var(--text-light);font-size:1rem;box-sizing:border-box}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--input-focus)}.form-group small{display:block;margin-top:.5rem;color:var(--text-secondary);font-size:.8rem}.error-message{background-color:#ef44441a;color:var(--warning);padding:.75rem;border-radius:var(--border-radius-sm);margin-bottom:1.5rem;border:1px solid var(--warning)}.step-buttons{display:flex;justify-content:space-between;margin-top:1.5rem}.back-button{padding:.75rem 1.5rem;background-color:transparent;border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast)}.back-button:hover{background-color:var(--surface-light)}.continue-button{padding:.75rem 1.5rem;background:var(--button-bg);color:var(--button-text);border:2px solid var(--accent);border-radius:var(--border-radius-sm);cursor:pointer;font-weight:700;transition:background var(--transition-fast),box-shadow var(--transition-fast),border var(--transition-fast)}.continue-button:hover{background:var(--button-hover);box-shadow:var(--shadow-md)}.continue-button:disabled{background-color:var(--surface-light)!important;cursor:not-allowed;opacity:1;color:var(--text-muted);border:1px solid var(--border)}.continue-button:disabled:hover{background-color:var(--surface-light)!important}.social-button.github{border-color:#333}.profile-picture-container{display:flex;flex-direction:column;align-items:center;margin-bottom:1rem}.profile-upload{width:150px;height:150px;border-radius:50%;overflow:hidden;background-color:var(--surface-light);display:flex;justify-content:center;align-items:center;cursor:pointer;border:2px dashed var(--border);transition:all var(--transition-fast)}.profile-upload:hover{background-color:var(--surface);border-color:var(--accent)}.upload-placeholder{display:flex;flex-direction:column;align-items:center;padding:1rem;text-align:center}.upload-icon{font-size:2rem;margin-bottom:.5rem}.upload-placeholder p{margin:0;font-size:.9rem;color:var(--text-secondary)}.profile-preview{position:relative;width:150px;height:150px;border-radius:50%;overflow:hidden;border:2px solid var(--accent)}.profile-preview img{width:100%;height:100%;object-fit:cover}.change-picture-button{position:absolute;bottom:0;left:0;right:0;background-color:#000000b3;color:#fff;border:none;padding:.5rem;cursor:pointer;font-size:.8rem;transition:background-color .3s ease}.change-picture-button:hover{background-color:#38e0ff33}.password-match{color:#4caf50;font-size:.8rem;margin-top:5px}.password-mismatch{color:#f44336;font-size:.8rem;margin-top:5px}.form-group textarea{width:100%;padding:.75rem;border-radius:4px;border:1px solid #333;background-color:#2a2a4a;color:var(--text-light);font-size:1rem;box-sizing:border-box;resize:vertical;min-height:100px}.form-group textarea:focus{outline:none;border-color:#e94560}.react-select-container{color:#333}.react-select__control{background-color:#2a2a4a!important;border-color:#333!important;box-shadow:none!important}.react-select__control:hover{border-color:#444!important}.react-select__control--is-focused{border-color:var(--input-focus)!important}.react-select__menu{background-color:#2a2a4a!important;border:1px solid #333}.react-select__option{background-color:#2a2a4a!important;color:var(--text-light)!important}.react-select__option--is-focused{background-color:#3a3a5a!important}.react-select__option--is-selected{background-color:var(--accent)!important}.react-select__multi-value{background-color:#3a3a5a!important}.react-select__multi-value__label{color:var(--text-light)!important}.react-select__multi-value__remove{color:#ccc!important}.react-select__multi-value__remove:hover{background-color:#e94560!important;color:var(--text-light)!important}.react-select__placeholder,.react-select__single-value{color:#ccc!important}.profile-container{max-width:1200px;margin:0 auto;padding:2rem;color:var(--text-light)}.profile-header{display:flex;flex-direction:column;position:relative;margin-bottom:2rem}.profile-cover{height:250px;border-radius:8px 8px 0 0;background-color:#2a2a4a;overflow:hidden;position:relative}.profile-cover img{width:100%;height:100%;object-fit:cover}.profile-cover-edit{position:absolute;bottom:1rem;right:1rem;background-color:#0009;color:var(--text-light);border:none;border-radius:4px;padding:.5rem 1rem;cursor:pointer;font-size:.9rem;transition:background-color .3s ease}.profile-cover-edit:hover{background-color:#e94560cc}.profile-info{display:flex;padding:1.5rem;background-color:#1e1e42;border-radius:0 0 8px 8px;box-shadow:0 4px 12px #0003}.profile-picture-large{width:150px;height:150px;border-radius:50%;border:4px solid #1e1e42;overflow:hidden;margin-top:-75px;background-color:#2a2a4a;position:relative}.profile-picture-large img{width:100%;height:100%;object-fit:cover}.profile-picture-edit{position:absolute;bottom:0;left:0;right:0;background-color:#0009;color:var(--text-light);border:none;padding:.5rem;cursor:pointer;font-size:.8rem;transition:background-color .3s ease}.profile-picture-edit:hover{background-color:#e94560cc}.profile-details{margin-left:2rem;flex:1}.profile-name{font-size:1.8rem;font-weight:700;margin-bottom:.5rem;color:var(--text-light)}.profile-headline{font-size:1.1rem;color:#ccc;margin-bottom:1rem}.profile-stats{display:flex;gap:1.5rem;margin-bottom:1rem}.profile-stat{display:flex;align-items:center;color:#aaa}.profile-stat-icon{margin-right:.5rem;color:#e94560}.profile-actions{display:flex;gap:1rem}.profile-action-button{padding:.5rem 1rem;border-radius:4px;font-weight:700;cursor:pointer;transition:all .3s ease}.profile-action-primary{background-color:#e94560;color:#fff;border:none}.profile-action-primary:hover{background-color:#d63d57}.profile-action-secondary{background-color:transparent;color:#ccc;border:1px solid #444}.profile-action-secondary:hover{background-color:#2a2a4a}.profile-content{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.profile-main,.profile-sidebar{display:flex;flex-direction:column;gap:2rem}.profile-section{background:var(--card-bg);border-radius:14px;margin-bottom:30px}.profile-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.profile-section-title{font-size:1.2rem;font-weight:700;color:#e94560}.profile-section-edit{background:none;border:none;color:#888;cursor:pointer;transition:color .3s ease}.profile-section-edit:hover{color:#e94560}.profile-bio{color:#ccc;line-height:1.6;margin-bottom:1rem}.profile-languages{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.profile-language{background-color:#2a2a4a;border-radius:20px;padding:.4rem 1rem;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.profile-language-native{border:1px solid #4CAF50}.profile-language-learning{border:1px solid #e94560}.profile-language-level{font-size:.8rem;color:#aaa}.profile-interests{display:flex;flex-wrap:wrap;gap:.5rem}.profile-interest{background-color:#2a2a4a;border-radius:20px;padding:.4rem 1rem;font-size:.9rem}.profile-experience-item,.profile-education-item{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #333}.profile-experience-item:last-child,.profile-education-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.profile-item-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.profile-item-title{font-weight:700;color:var(--text-light)}.profile-item-date{color:#888;font-size:.9rem}.profile-item-subtitle{color:#ccc;margin-bottom:.5rem}.profile-item-description{color:#aaa;font-size:.9rem;line-height:1.5}.profile-connections{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.profile-connection{display:flex;flex-direction:column;align-items:center;text-align:center}.profile-connection-avatar{width:60px;height:60px;border-radius:50%;overflow:hidden;margin-bottom:.5rem}.profile-connection-avatar img{width:100%;height:100%;object-fit:cover}.profile-connection-name{font-size:.9rem;color:#ccc;margin-bottom:.2rem}.profile-connection-title{font-size:.8rem;color:#888}@media (max-width: 768px){.profile-content{grid-template-columns:1fr}.profile-info{flex-direction:column;align-items:center;text-align:center}.profile-details{margin-left:0;margin-top:1rem}.profile-stats,.profile-actions{justify-content:center}.profile-connections{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.profile-connections{grid-template-columns:1fr}}[data-theme=light] .modal-content input,[data-theme=light] .modal-content select,[data-theme=light] .modal-content textarea{background-color:var(--input-bg);border:1px solid var(--input-border);color:var(--text)}[data-theme=light] .modal-content input:focus,[data-theme=light] .modal-content select:focus,[data-theme=light] .modal-content textarea:focus{border-color:var(--input-focus);box-shadow:0 0 0 3px #2563eb1a}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.password-field:focus-within .toggle-visibility{color:var(--text-light);opacity:1}.password-field{position:relative}.password-field input{padding-right:2.5rem}.password-field .toggle-visibility{position:absolute;right:.6rem;top:50%;transform:translateY(-50%);background:transparent!important;border:none!important;box-shadow:none!important;color:var(--text-secondary);opacity:.9;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;margin:0;line-height:1;z-index:10;pointer-events:auto;width:32px;height:32px;min-width:0;border-radius:50%}.password-field .toggle-visibility:hover{color:var(--text-light);transform:translateY(-50%) scale(1.05)}.password-field .toggle-visibility svg{width:18px;height:18px;flex-shrink:0;color:inherit;fill:currentColor}.modal-content{background:var(--surface);border-radius:var(--border-radius-md);padding:2rem;width:100%;max-width:400px;position:relative;color:var(--text-light);box-shadow:var(--shadow-card);display:flex;flex-direction:column;align-items:center}.modal-content h2{margin-top:0;margin-bottom:1.5rem;color:var(--accent);text-align:center;width:100%}.close-button{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast)}.close-button:hover{color:var(--primary-light)}.form-group{margin-bottom:1.5rem;width:100%}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-secondary)}.form-group input{width:100%;padding:.75rem;border-radius:var(--border-radius-sm);border:1px solid var(--border);background-color:var(--input-bg);color:var(--text-light);font-size:1rem;box-sizing:border-box}.form-group input:focus{outline:none;border-color:var(--input-focus)}.submit-button{width:100%;padding:.75rem;background:var(--button-bg);color:var(--button-text);border:2px solid var(--accent);border-radius:var(--border-radius-sm);cursor:pointer;font-weight:700;font-size:1rem;transition:background var(--transition-fast),border var(--transition-fast),box-shadow var(--transition-fast);box-shadow:var(--shadow-sm)}.submit-button:hover{background:var(--button-hover);box-shadow:var(--shadow-md)}.submit-button:disabled{background-color:var(--surface-light);color:var(--text-muted);cursor:not-allowed}.error-message{background-color:#ef44441a;color:var(--warning);padding:.75rem;border-radius:var(--border-radius-sm);margin-bottom:1.5rem;border:1px solid var(--warning);width:100%}.modal-footer{margin-top:1.5rem;color:var(--text-secondary);width:fit-content;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-left:auto;margin-right:auto}.modal-footer p{margin:0;width:auto;display:flex;align-items:center;justify-content:center;gap:.6rem;text-align:center;white-space:nowrap}.text-button{background:none;border:none;color:var(--accent);cursor:pointer;font-weight:700;transition:color var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;padding:0;margin:0;border-radius:0;box-shadow:none;background:transparent;line-height:1.2;vertical-align:baseline}.text-button:hover{color:var(--primary-light);text-decoration:underline}.social-login-container{margin-top:1.5rem;width:100%}.social-login-divider{display:flex;align-items:center;text-align:center;color:var(--text-secondary);margin:1.5rem 0}.social-login-divider:before,.social-login-divider:after{content:"";flex:1;border-bottom:1px solid var(--border)}.social-login-divider:before{margin-right:.5rem}.social-login-divider:after{margin-left:.5rem}.social-buttons{display:flex;justify-content:center;gap:1rem;width:100%}.social-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:var(--border-radius-sm);background-color:var(--surface-light);border:1px solid var(--border);color:var(--text-light);cursor:pointer;transition:all var(--transition-fast);flex:1}.social-button:hover{background-color:var(--surface)}.social-button.google{border-color:#4285f4}.social-button.facebook{border-color:#3b5998}.social-button.github{border-color:var(--border)}form{width:100%}[data-theme=light] .modal-overlay{background-color:#0f172a66}[data-theme=light] .modal-content{background-color:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg)}[data-theme=light] .modal-content h2{color:var(--text)}[data-theme=light] .modal-content input{background-color:var(--input-bg);border:1px solid var(--input-border);color:var(--text)}[data-theme=light] .modal-content input:focus{border-color:var(--input-focus);box-shadow:0 0 0 3px #2563eb1a}[data-theme=light] .modal-content label{color:var(--text-secondary)}.app-container{width:100%;min-height:100vh;display:flex;flex-direction:column;background:var(--animated-gradient);background-attachment:fixed;box-shadow:var(--shadow-lg)}[data-theme=light] .app-container{background:var(--background);box-shadow:var(--shadow-lg)}[data-theme=light] .app-main{background:var(--glass-bg);border:2.5px solid var(--border-light);outline:2px solid var(--primary-light);box-shadow:var(--shadow-card)}[data-theme=light] .card,[data-theme=light] .modal-content{background:var(--card-bg);border:var(--glass-border);color:var(--text-light);box-shadow:var(--shadow-card)}body,.app-container{background:var(--background);color:var(--text-light);transition:background .5s,color .5s}.app-container,body{background:var(--animated-gradient);background-size:400% 400%;animation:gradientMove 16s ease infinite}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.button-neon,.get-started,.explore-courses-btn{box-shadow:var(--neon-glow);transition:box-shadow .3s}.button-neon:hover,.get-started:hover,.explore-courses-btn:hover{box-shadow:0 0 16px #38bdf8,0 0 32px #38bdf8}.focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent),0 0 8px var(--accent);transition:box-shadow .2s}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAQAAAC1HAwCAAAAEklEQVQImWNggID/zwACGgAABwABb4lI2wAAAABJRU5ErkJggg==);background-repeat:repeat;background-size:auto;opacity:.08;z-index:0}[data-theme=light] .app-main{background:var(--surface);border:1px solid var(--border);outline:none;box-shadow:var(--shadow-sm)}[data-theme=light] .card,[data-theme=light] .modal-content{background:var(--card-bg);border:1px solid var(--border);color:var(--text);box-shadow:var(--shadow-sm)}[data-theme=light] .button-neon,[data-theme=light] .get-started,[data-theme=light] .explore-courses-btn{box-shadow:var(--shadow-sm)}[data-theme=light] .button-neon:hover,[data-theme=light] .get-started:hover,[data-theme=light] .explore-courses-btn:hover{box-shadow:var(--shadow-md)}[data-theme=light] .focus-visible{box-shadow:0 0 0 3px #2563eb33}[data-theme=light] .app-main,[data-theme=light] .card,[data-theme=light] .modal-content,[data-theme=light] .panel,[data-theme=light] .container{border:2px solid var(--border)}[data-theme=light] .card:hover{border-color:var(--border-light);box-shadow:var(--shadow-md)}[data-theme=light] .modal button,[data-theme=light] .modal-content button,[data-theme=light] .panel button,[data-theme=light] .card button{background:var(--button-bg) \!important;color:var(--button-text) \!important}[data-theme=light] .modal button.secondary,[data-theme=light] .modal-content button.secondary,[data-theme=light] .modal button.outline,[data-theme=light] .modal-content button.outline{background:var(--surface) \!important;color:var(--text) \!important;border:2px solid var(--border) \!important}[data-theme=light] .modal button:hover,[data-theme=light] .modal-content button:hover,[data-theme=light] .panel button:hover,[data-theme=light] .card button:hover{filter:brightness(.95)}[data-theme=light] .app-container{background:transparent \!important;position:relative}[data-theme=light] .app-container:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 10% 20%,rgba(59,130,246,.08) 0%,transparent 50%),radial-gradient(circle at 90% 80%,rgba(147,197,253,.12) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(191,219,254,.06) 0%,transparent 50%);pointer-events:none;z-index:0;animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.02)}}[data-theme=light] .app-main{position:relative;z-index:1}[data-theme=light] .card{background:#fffffff2 \!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(203,213,225,.6) \!important;box-shadow:0 10px 40px #2563eb1a,0 4px 16px #0f172a0d,0 0 0 1px #fffc inset \!important;transition:all .3s cubic-bezier(.4,0,.2,1) \!important}[data-theme=light] .card:hover{box-shadow:0 20px 60px #2563eb26,0 8px 24px #0f172a14,0 0 0 1px #ffffffe6 inset \!important;border-color:rgba(37,99,235,.4) \!important;transform:translateY(-4px) scale(1.01)}[data-theme=light] .modal-overlay{background:#0f172a40 \!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}[data-theme=light] .modal-content{background:#fffffffa \!important;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:2px solid rgba(203,213,225,.8) \!important;box-shadow:0 20px 80px #2563eb33,0 10px 40px #0f172a1a,0 0 0 1px #ffffffe6 inset \!important}[data-theme=light] ::-webkit-scrollbar{width:10px;height:10px;background:#e2e8f080}[data-theme=light] ::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#93c5fd,#60a5fa);border-radius:5px;border:2px solid rgba(255,255,255,.8);box-shadow:0 2px 8px #2563eb4d}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 4px 12px #2563eb66}[data-theme=light] ::-webkit-scrollbar-track{background:#f8fafccc;border-radius:5px}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}[data-theme=light] .card:after{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);background-size:1000px 100%;animation:shimmer 3s infinite;pointer-events:none;opacity:0;transition:opacity .3s;border-radius:inherit}[data-theme=light] .card:hover:after{opacity:1}:root{--background: #0d1322;--surface: #181d2f;--surface-light: #232336;--primary: #18181b;--primary-light: #38e0ff;--primary-dark: #121212;--secondary: #ff4081;--secondary-light: #ff79b0;--secondary-dark: #c60055;--accent: #38bdf8;--neon: #00ffe7;--text: #f1f5f9;--text-light: #fff;--text-dark: #121212;--text-secondary: #a3aed6;--text-muted: #8ca0c1;--border: #232336;--border-light: #3a3f50;--error: #ff5252;--success: #4caf50;--warning: #fb8c00;--info: #2196f3;--button-bg: linear-gradient(90deg, #2563eb 60%, #38e0ff 100%);--button-hover: linear-gradient(90deg, #38e0ff 60%, #2563eb 100%);--button-text: #fff;--input-bg: rgba(24,26,32,.98);--input-border: #38e0ff;--input-focus: #38e0ff;--card-bg: rgba(35,35,54,.96);--wb-surface: #f3f4f6;--glass-bg: rgba(35, 35, 54, .78);--glass-blur: 22px;--glass-border: 2.5px solid rgba(56, 224, 255, .22);--neon-glow: 0 0 18px #38e0ff, 0 0 36px #38e0ff;--animated-gradient: linear-gradient(120deg, #232336 0%, #2563eb 50%, #38e0ff 100%);--gradient-primary: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);--gradient-secondary: linear-gradient(135deg, var(--secondary) 0%, var(--secondary-light) 100%);--shadow-sm: 0 2px 12px rgba(56, 224, 255, .13);--shadow-md: 0 6px 24px rgba(56, 224, 255, .16);--shadow-lg: 0 12px 48px rgba(56, 224, 255, .22);--shadow-card: 0 12px 48px 0 rgba(56, 224, 255, .16), 0 2px 12px 0 rgba(30, 41, 59, .13);--border-radius-sm: 8px;--border-radius-md: 20px;--border-radius-lg: 36px;--spacing-xs: 6px;--spacing-sm: 14px;--spacing-md: 28px;--spacing-lg: 44px;--spacing-xl: 64px;--page-content-max-width: 1000px;--page-right-rail-width: 245px;--page-shell-padding: 30px;--page-shell-gap: 32px;--chatdock-tray-width: 50px;--chatdock-window-right-gap: 16px;--chatdock-window-bottom-gap: 8px;--chatdock-window-width: 420px;--chatdock-window-gap: 16px;--transition-fast: .18s cubic-bezier(.4,0,.2,1);--transition-normal: .3s cubic-bezier(.4,0,.2,1);--transition-slow: .5s cubic-bezier(.4,0,.2,1)}[data-theme=light]{--background: #f0f4f8;--surface: #ffffff;--surface-light: #f8fafc;--primary: #0f172a;--primary-light: #2563eb;--primary-dark: #1d4ed8;--secondary: #ff4d8d;--secondary-light: #ff8fba;--secondary-dark: #c91562;--accent: #2563eb;--neon: #38bdf8;--text: #0f172a;--text-light: #1f2937;--text-dark: #ffffff;--text-secondary: #475569;--text-muted: #64748b;--border: #cbd5e1;--border-light: #94a3b8;--button-bg: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--button-hover: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);--button-text: #ffffff;--input-bg: #ffffff;--input-border: #cbd5e1;--input-focus: #2563eb;--card-bg: #ffffff;--wb-surface: #ffffff;--glass-bg: rgba(255, 255, 255, .85);--glass-blur: 16px;--glass-border: 2px solid rgba(37, 99, 235, .12);--neon-glow: 0 0 20px rgba(37, 99, 235, .15), 0 0 40px rgba(59, 130, 246, .08);--animated-gradient: linear-gradient(135deg, #e0f2fe 0%, #dbeafe 25%, #bfdbfe 50%, #93c5fd 75%, #60a5fa 100%);--gradient-primary: linear-gradient(135deg, #3b82f6 0%, #2563eb 50%, #1d4ed8 100%);--gradient-secondary: linear-gradient(135deg, #ff4d8d 0%, #ff79b0 50%, #ff8fba 100%);--shadow-sm: 0 2px 8px rgba(37, 99, 235, .08), 0 1px 4px rgba(15, 23, 42, .04);--shadow-md: 0 4px 16px rgba(37, 99, 235, .12), 0 2px 8px rgba(15, 23, 42, .06);--shadow-lg: 0 8px 32px rgba(37, 99, 235, .16), 0 4px 16px rgba(15, 23, 42, .08);--shadow-card: 0 10px 40px rgba(37, 99, 235, .12), 0 4px 16px rgba(15, 23, 42, .06);--border-radius-sm: 8px;--border-radius-md: 20px;--border-radius-lg: 36px;--spacing-xs: 6px;--spacing-sm: 14px;--spacing-md: 28px;--spacing-lg: 44px;--spacing-xl: 64px;--transition-fast: .18s cubic-bezier(.4,0,.2,1);--transition-normal: .3s cubic-bezier(.4,0,.2,1);--transition-slow: .5s cubic-bezier(.4,0,.2,1);--surface-dark: #f0f4f8}.page-panel{background:var(--card-bg);border-radius:12px;padding:20px;box-shadow:var(--shadow-sm);box-sizing:border-box}.page-panel--tight{padding:16px}.page-panel--loose{padding:24px}html,body{height:100%;margin:0;padding:0;overflow-x:hidden}body.auth-shell{overflow-y:hidden}body:not(.auth-shell){overflow-y:auto}body{background:var(--animated-gradient);color:var(--text);font-family:Orbitron,Segoe UI,Arial,sans-serif;letter-spacing:.02em;min-height:100vh;background-attachment:fixed;box-shadow:var(--shadow-lg)}[data-theme=light] body{background:var(--animated-gradient);background-attachment:fixed;color:var(--text);box-shadow:none;min-height:100vh}[data-theme=light] .comments-root{background:var(--glass-bg);border:2px solid var(--border-light);box-shadow:var(--shadow-card)}button{background:var(--button-bg);color:var(--button-text);border:2px solid var(--accent);border-radius:var(--border-radius-md);padding:8px 18px;font-size:16px;font-family:Orbitron,Segoe UI,Arial,sans-serif;font-weight:700;cursor:pointer;transition:background var(--transition-fast),filter var(--transition-fast),box-shadow var(--transition-fast),border var(--transition-fast);box-shadow:0 2px 12px #38bdf821;display:flex;align-items:center;gap:8px;letter-spacing:.04em}[data-theme=light] button{background:var(--button-bg);color:var(--button-text);border:2px solid var(--border-light);box-shadow:var(--shadow-sm)}button:hover,button:focus{background:var(--button-hover);filter:brightness(1.18);border-color:var(--neon);box-shadow:0 0 16px 2px var(--neon),0 4px 16px #38bdf82e}button[disabled]{opacity:.6;cursor:not-allowed}audio,video{border-radius:var(--border-radius-md);background:var(--surface-light);box-shadow:var(--shadow-md)}.display-name,.post-info h3{color:var(--neon);text-shadow:var(--neon-glow);font-family:Orbitron,Segoe UI,Arial,sans-serif;font-size:1.15em}::-webkit-scrollbar{width:10px;background:var(--surface-light);border-radius:var(--border-radius-sm)}::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:var(--border-radius-md);box-shadow:0 0 8px var(--accent)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}[data-theme=light] button:hover,[data-theme=light] button:focus{background:var(--button-hover);filter:brightness(.96);border-color:var(--accent);box-shadow:var(--shadow-md)}[data-theme=light] .display-name,[data-theme=light] .post-info h3{color:var(--text);text-shadow:none}[data-theme=light] ::-webkit-scrollbar{background:var(--surface-light)}[data-theme=light] ::-webkit-scrollbar-thumb{background:var(--border-light);box-shadow:none}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:var(--accent)}[data-theme=light] button{color:var(--button-text)}[data-theme=light] button.secondary,[data-theme=light] button.ghost,[data-theme=light] button.outline,[data-theme=light] button[style*="background: none"],[data-theme=light] button[style*="background:none"]{color:var(--text) \!important;background:transparent \!important;border:2px solid var(--border) \!important}[data-theme=light] button.secondary:hover,[data-theme=light] button.ghost:hover,[data-theme=light] button.outline:hover{background:var(--surface-light) \!important;border-color:var(--border-light) \!important}[data-theme=light] button.icon-button,[data-theme=light] button[aria-label]:not([aria-label=""]):empty{color:var(--text);background:transparent;border:1px solid var(--border)}[data-theme=light] button.icon-button:hover{background:var(--surface-light);border-color:var(--border-light)}[data-theme=light] button{background:var(--button-bg) \!important;color:var(--button-text) \!important}[data-theme=light] button.secondary,[data-theme=light] button.outline,[data-theme=light] button.ghost,[data-theme=light] button[class*=outline],[data-theme=light] button[class*=secondary],[data-theme=light] button[class*=ghost],[data-theme=light] button[class*=transparent]{background:var(--surface) \!important;color:var(--text) \!important;border:2px solid var(--border) \!important}[data-theme=light] button[class*=icon],[data-theme=light] button.icon-btn,[data-theme=light] button[aria-label]:not([class*=primary]):empty{background:var(--surface-light) \!important;color:var(--text) \!important;border:1px solid var(--border) \!important}[data-theme=light] button[class*=danger],[data-theme=light] button[class*=delete],[data-theme=light] button[class*=remove]{background:linear-gradient(90deg,#ef4444,#dc2626) \!important;color:#ffffff \!important;border:1px solid transparent \!important}[data-theme=light] button[class*=success],[data-theme=light] button[class*=confirm]{background:linear-gradient(90deg,#10b981,#059669) \!important;color:#ffffff \!important;border:1px solid transparent \!important}[data-theme=light] button:disabled,[data-theme=light] button[disabled]{background:var(--surface-light) \!important;color:var(--text-muted) \!important;border:1px solid var(--border) \!important;opacity:.6;cursor:not-allowed}[data-theme=light] button:not(:disabled):hover{filter:brightness(.95)}[data-theme=light] button.secondary:hover,[data-theme=light] button.outline:hover,[data-theme=light] button.ghost:hover{background:var(--surface-light) \!important;border-color:var(--border-light) \!important}