@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Hind+Siliguri:wght@300;400;500;600;700&display=swap";.topbar{height:var(--topbar-height);-webkit-backdrop-filter:blur(32px)saturate(200%);padding:0 var(--space-5);z-index:var(--z-sticky);justify-content:space-between;align-items:center;gap:var(--space-4);background:#040710d1;border-bottom:1px solid #ffffff0d;display:flex;position:fixed;top:0;left:0;right:0}.topbar:after{content:"";background:linear-gradient(90deg,#0000,#6366f133,#00e5ff26,#0000);height:1px;position:absolute;bottom:-1px;left:20%;right:20%}[data-theme=light] .topbar{background:#ffffffd1}[data-theme=light] .topbar:after{background:linear-gradient(90deg,#0000,#6366f11f,#0000)}.topbar-left{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.topbar-logo{align-items:center;gap:var(--space-2);display:flex}.logo-icon{filter:drop-shadow(0 0 8px #6366f14d);font-size:1.5rem}.logo-text{font-size:var(--text-lg);letter-spacing:-.02em;background:linear-gradient(135deg, var(--text-primary), var(--accent-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}.topbar-search{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);max-width:420px;transition:all var(--transition-base);background:#04071080;border:1px solid #ffffff0d;flex:1;display:flex}.topbar-search:focus-within{background:#040710b3;border-color:#6366f159;box-shadow:0 0 0 3px #6366f114,0 0 24px #6366f10f}[data-theme=light] .topbar-search{background:#00000008}[data-theme=light] .topbar-search:focus-within{background:#00000005;box-shadow:0 0 0 3px #6366f10f}.topbar-search svg{color:var(--text-tertiary);flex-shrink:0}.search-input{color:var(--text-primary);font-size:var(--text-sm);background:0 0;border:none;outline:none;width:100%}.search-input::placeholder{color:var(--text-tertiary)}.topbar-right{align-items:center;gap:var(--space-2);display:flex;position:relative}.topbar-btn{border-radius:var(--radius-md);width:38px;height:38px;color:var(--text-secondary);transition:all var(--transition-base);justify-content:center;align-items:center;display:flex;position:relative}.topbar-btn:hover{color:var(--text-primary);background:#ffffff0f;transform:translateY(-1px)}.topbar-btn:active{transform:scale(.95)}.notif-badge{background:var(--gradient-danger);color:#fff;border-radius:var(--radius-full);justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;font-weight:700;display:flex;position:absolute;top:4px;right:4px;box-shadow:0 0 10px #ff475766}.topbar-avatar{margin-left:var(--space-1);cursor:pointer}.notif-dropdown{top:calc(100% + var(--space-2));border:1px solid var(--border-default);border-radius:var(--radius-xl);width:360px;max-height:420px;box-shadow:var(--shadow-xl), 0 0 60px #6366f10f;z-index:var(--z-dropdown);-webkit-backdrop-filter:blur(24px);background:#080d1af2;animation:.25s cubic-bezier(.4,0,.2,1) fadeInDown;position:absolute;right:0;overflow-y:auto}[data-theme=light] .notif-dropdown{background:#fffffff5}.notif-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.notif-header h4{font-size:var(--text-base);font-weight:700}.notif-count{font-size:var(--text-xs);color:var(--accent-cyan);font-weight:600}.notif-item{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast);cursor:pointer;border-radius:0;display:flex}.notif-item:hover{background:#ffffff0a}.notif-item.unread{border-left:2px solid var(--accent-cyan);background:#6366f10a}.notif-icon{flex-shrink:0;margin-top:2px;font-size:1.2rem}.notif-content p{font-size:var(--text-sm);line-height:var(--leading-tight)}.notif-time{font-size:var(--text-xs);color:var(--text-tertiary)}@media (width<=767px){.topbar-search{display:none}.topbar-search.active{max-width:none;padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border-top:1px solid var(--border-subtle);border-radius:0;display:flex;position:absolute;top:100%;left:0;right:0}.notif-dropdown{width:calc(100vw - var(--space-4));right:calc(-1 * var(--space-2))}}.topbar-avatar-container{position:relative}.profile-dropdown{top:calc(100% + var(--space-2));border:1px solid var(--border-default);border-radius:var(--radius-xl);width:230px;box-shadow:var(--shadow-xl), 0 0 60px #6366f10d;padding:var(--space-3) 0;z-index:var(--z-dropdown);-webkit-backdrop-filter:blur(28px);background:#080d1af5;animation:.25s cubic-bezier(.4,0,.2,1) fadeInDown;position:absolute;right:0}[data-theme=light] .profile-dropdown{background:#fffffff5}.profile-dropdown-header{padding:var(--space-2) var(--space-4);gap:var(--space-1);flex-direction:column;display:flex}.profile-dropdown-header strong{font-size:var(--text-sm);color:var(--text-primary);font-weight:700}.profile-dropdown-role{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:capitalize}.dropdown-divider{border:none;border-top:1px solid var(--border-subtle);margin:var(--space-2) 0}.dropdown-item{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-4);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;display:flex}.dropdown-item:hover{color:var(--text-primary);background:#ffffff0d;transform:translate(2px)}.dropdown-item svg{color:var(--text-tertiary);transition:color var(--transition-fast)}.dropdown-item:hover svg{color:var(--accent-cyan)}.dropdown-item.logout-item:hover{color:var(--accent-red);background:#ff47571a}.dropdown-item.logout-item:hover svg{color:var(--accent-red)}.sidebar{top:var(--topbar-height);width:var(--sidebar-width);-webkit-backdrop-filter:blur(32px)saturate(200%);z-index:50;transition:all var(--transition-slow);background:#040710b8;border-right:1px solid #ffffff0a;flex-direction:column;display:flex;position:fixed;bottom:0;left:0;overflow-y:auto}[data-theme=light] .sidebar{background:#ffffffa6}.sidebar-profile{padding:var(--space-6) var(--space-5);border-bottom:1px solid var(--border-subtle);text-align:center}.sidebar-profile .avatar{margin:0 auto var(--space-3);box-shadow:0 0 24px #6366f133}.sidebar-profile-info h4{font-size:var(--text-base);margin-bottom:var(--space-1);font-weight:700}.sidebar-stats{justify-content:center;gap:var(--space-4);margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border-subtle);display:flex}.sidebar-stat{flex-direction:column;align-items:center;display:flex}.sidebar-stat-value{font-size:var(--text-sm);color:var(--text-primary);font-weight:700}.sidebar-stat-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;font-size:10px}.sidebar-nav{padding:var(--space-3);flex-direction:column;flex:1;gap:2px;display:flex}.sidebar-link{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);transition:all var(--transition-base);border-left:3px solid #0000;font-weight:500;text-decoration:none;display:flex;position:relative}.sidebar-link:hover{color:var(--text-primary);background:#ffffff08;border-left-color:#6366f133}.sidebar-link.active{color:var(--accent-cyan);border-left-color:var(--accent-cyan);background:linear-gradient(90deg,#6366f11f,#6366f10a);box-shadow:0 0 20px #6366f114,inset 0 0 20px #6366f108}.sidebar-link.active:after{content:"";border-radius:var(--radius-full);background:var(--accent-cyan);width:5px;height:5px;box-shadow:0 0 10px var(--accent-cyan), 0 0 20px #00e5ff4d;animation:2s ease-in-out infinite neonPulse;position:absolute;top:50%;left:-1px;transform:translateY(-50%)}.sidebar-link span{flex:1}.sidebar-link-arrow{opacity:0;transition:all var(--transition-base);color:var(--text-tertiary)}.sidebar-link:hover .sidebar-link-arrow,.sidebar-link.active .sidebar-link-arrow{opacity:1;transform:translate(2px)}.sidebar-link svg{transition:all var(--transition-base)}.sidebar-link:hover svg{transform:scale(1.05)}.sidebar-footer{padding:var(--space-4);border-top:1px solid var(--border-subtle)}.role-switcher-label{font-size:var(--text-xs);color:var(--text-tertiary);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.06em;display:block}.role-switcher-btns{gap:var(--space-1);flex-wrap:wrap;display:flex}.role-btn{border-radius:var(--radius-full);color:var(--text-secondary);border:1px solid var(--border-subtle);transition:all var(--transition-base);cursor:pointer;letter-spacing:.02em;background:#ffffff08;padding:4px 12px;font-size:10px;font-weight:600}.role-btn:hover{border-color:var(--border-strong);color:var(--text-primary);transform:translateY(-1px)}.role-btn.active{background:var(--gradient-primary);color:#fff;border-color:#0000;box-shadow:0 2px 14px #6366f14d}button.sidebar-link.logout-btn-sidebar{width:calc(100% - var(--space-6));margin:0 var(--space-3);cursor:pointer;text-align:left;background:0 0;border:none;font-family:inherit}button.sidebar-link.logout-btn-sidebar:hover{color:var(--accent-red);background:#ff47571a}button.sidebar-link.logout-btn-sidebar svg{color:var(--text-tertiary);transition:color var(--transition-base)}button.sidebar-link.logout-btn-sidebar:hover svg{color:var(--accent-red)}.bottom-nav{height:var(--bottomnav-height);-webkit-backdrop-filter:blur(36px)saturate(200%);padding:0 var(--space-3);z-index:var(--z-sticky);transition:background var(--transition-base), border var(--transition-base);background:#040710db;border-top:1px solid #ffffff0a;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 40px #00000080}.bottom-nav:before{content:"";background:linear-gradient(90deg,#0000,#6366f126,#00e5ff1a,#0000);height:1px;position:absolute;top:-1px;left:15%;right:15%}[data-theme=light] .bottom-nav{background:#ffffffdb;border-top:1px solid #0000000d;box-shadow:0 -6px 32px #0000000d}[data-theme=light] .bottom-nav:before{background:linear-gradient(90deg,#0000,#6366f11a,#0000)}.bottom-nav-item{border-radius:var(--radius-lg);width:64px;height:54px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:3px;text-decoration:none;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden}.bottom-nav-icon-container{border-radius:var(--radius-full);justify-content:center;align-items:center;width:42px;height:28px;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex}.bottom-nav-icon{transition:transform .3s cubic-bezier(.34,1.56,.64,1),color .2s,filter .2s}.bottom-nav-label{letter-spacing:.02em;font-size:10px;font-weight:600;transition:color .2s,transform .2s,font-weight .2s}.bottom-nav-item:hover{color:var(--text-secondary)}.bottom-nav-item:hover .bottom-nav-icon{transform:translateY(-1px)}.bottom-nav-item.active{color:var(--accent-cyan)}[data-theme=light] .bottom-nav-item.active{color:var(--accent-blue)}.bottom-nav-item.active .bottom-nav-icon-container{background:linear-gradient(135deg,#6366f129,#00e5ff1f);box-shadow:0 2px 16px #6366f126}[data-theme=light] .bottom-nav-item.active .bottom-nav-icon-container{background:#3b82f61a}.bottom-nav-item.active .bottom-nav-icon{color:var(--accent-cyan);filter:drop-shadow(0 0 8px #00e5ff80);transform:scale(1.15)}[data-theme=light] .bottom-nav-item.active .bottom-nav-icon{color:var(--accent-blue);filter:none}.bottom-nav-item.active .bottom-nav-label{color:var(--accent-cyan);font-weight:750}.bottom-nav-item.active:before{content:"";background:var(--gradient-primary);border-radius:var(--radius-full);width:28px;height:3px;animation:2.5s ease-in-out infinite neonPulse;position:absolute;top:0;box-shadow:0 0 12px #6366f180,0 0 24px #00e5ff33}:root{--rs-primary:#2563eb;--rs-accent:#06b6d4;--rs-bg:#f8fafc;--rs-text:#0f172a;--rs-muted:#64748b;--rs-purple:#8b5cf6;--rs-amber:#f59e0b;--rs-green:#10b981}*{box-sizing:border-box}.landing-page{color:var(--rs-text);background:var(--rs-bg);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.6;overflow-x:hidden}.landing-nav{z-index:100;-webkit-backdrop-filter:blur(16px)saturate(180%);background:#fffc;border-bottom:1px solid #0f172a0f;position:fixed;top:0;left:0;right:0}.nav-container{justify-content:space-between;align-items:center;gap:16px;max-width:1200px;margin:0 auto;padding:14px 24px;display:flex}.nav-logo{cursor:pointer;align-items:center;gap:10px;font-size:20px;font-weight:800;display:flex}.logo-icon{font-size:26px}.logo-text{background:linear-gradient(135deg, var(--rs-primary), var(--rs-accent));color:#0000;-webkit-background-clip:text;background-clip:text}.nav-links{align-items:center;gap:28px;display:flex}.nav-links a{color:var(--rs-text);font-size:15px;font-weight:500;text-decoration:none;transition:color .2s;position:relative}.nav-links a:after{content:"";background:linear-gradient(90deg, var(--rs-primary), var(--rs-accent));width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-links a:hover{color:var(--rs-primary)}.nav-links a:hover:after{width:100%}.nav-login-btn{border:1.5px solid var(--rs-primary);color:var(--rs-primary);cursor:pointer;background:0 0;border-radius:10px;padding:9px 18px;font-weight:600;transition:all .2s}.nav-login-btn:hover{background:var(--rs-primary);color:#fff}.nav-cta-btn{background:linear-gradient(135deg, var(--rs-primary), var(--rs-accent));color:#fff;cursor:pointer;border:none;border-radius:10px;padding:9px 20px;font-weight:600;transition:all .25s;box-shadow:0 6px 18px #2563eb4d}.nav-cta-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px #2563eb66}.nav-mobile-toggle{color:var(--rs-text);cursor:pointer;background:0 0;border:none;padding:6px;display:none}.hero-section{align-items:center;min-height:100vh;padding-top:80px;display:flex;position:relative;overflow:hidden}.hero-bg-gradient{z-index:0;background:radial-gradient(circle at 20% 20%,#2563eb2e,#0000 50%),radial-gradient(circle at 80% 60%,#06b6d438,#0000 50%),linear-gradient(135deg,#eff6ff 0%,#dbeafe 50%,#cffafe 100%);position:absolute;inset:0}.hero-blobs{z-index:0;pointer-events:none;position:absolute;inset:0}.blob{filter:blur(70px);opacity:.5;border-radius:50%;position:absolute}.blob-1{background:radial-gradient(circle, var(--rs-primary), transparent);width:380px;height:380px;top:10%;left:-100px}.blob-2{background:radial-gradient(circle, var(--rs-accent), transparent);width:420px;height:420px;bottom:-120px;right:-100px}.blob-3{background:radial-gradient(circle, var(--rs-purple), transparent);width:300px;height:300px;top:40%;left:40%}.hero-content{z-index:2;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;width:100%;max-width:1200px;margin:0 auto;padding:40px 24px 120px;display:grid;position:relative}.hero-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--rs-primary);background:#ffffffb3;border:1px solid #2563eb33;border-radius:999px;align-items:center;gap:8px;margin-bottom:24px;padding:7px 16px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:0 4px 14px #2563eb1a}.hero-title{letter-spacing:-1.5px;background:linear-gradient(135deg, #1e3a8a 0%, var(--rs-primary) 40%, var(--rs-accent) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 20px;font-size:clamp(40px,7vw,76px);font-weight:900;line-height:1.05}.hero-tagline{color:var(--rs-text);margin:0 0 12px;font-size:clamp(18px,2.6vw,26px);font-weight:700;line-height:1.4}.hero-subtitle{color:var(--rs-muted);max-width:520px;margin:0 0 32px;font-size:clamp(15px,1.6vw,18px)}.hero-buttons{flex-wrap:wrap;gap:14px;display:flex}.hero-btn-primary,.hero-btn-secondary{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:15px 28px;font-size:16px;font-weight:700;transition:all .25s;display:inline-flex}.hero-btn-primary{background:linear-gradient(135deg, var(--rs-primary), var(--rs-accent));color:#fff;box-shadow:0 10px 30px #2563eb59}.hero-btn-primary:hover{transform:translateY(-3px);box-shadow:0 16px 40px #2563eb73}.hero-btn-secondary{color:var(--rs-text);background:#ffffffe6;border:1.5px solid #0f172a1a}.hero-btn-secondary:hover{border-color:var(--rs-primary);color:var(--rs-primary)}.hero-mockup{justify-content:center;align-items:center;min-height:460px;display:flex;position:relative}.phone-frame{z-index:2;background:#0f172a;border-radius:40px;width:250px;height:500px;padding:12px;position:relative;box-shadow:0 30px 60px #0f172a4d,inset 0 0 0 2px #ffffff1a}.phone-notch{z-index:3;background:#0f172a;border-radius:0 0 16px 16px;width:110px;height:22px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.phone-screen{background:linear-gradient(160deg,#eff6ff,#fff);border-radius:30px;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.phone-app-header{background:linear-gradient(135deg, var(--rs-primary), var(--rs-accent));color:#fff;justify-content:space-between;align-items:center;padding:32px 18px 14px;font-size:14px;font-weight:700;display:flex}.phone-dot{background:#fff;border-radius:50%;width:8px;height:8px}.phone-app-body{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex}.phone-card{background:linear-gradient(135deg,#2563eb26,#06b6d41a);border-radius:12px;animation:3s ease-in-out infinite cardPulse}.phone-card-1{height:70px}.phone-card-2{height:90px;animation-delay:.3s}.phone-card-3{height:60px;animation-delay:.6s}@keyframes cardPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.phone-nav{background:#fff;border-top:1px solid #e2e8f0;justify-content:space-around;padding:12px 18px;font-size:18px;display:flex}.floating-badge{z-index:3;color:var(--rs-text);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex;position:absolute;box-shadow:0 10px 30px #0f172a1f}.fb-1{color:var(--rs-primary);top:8%;left:-10px}.fb-2{color:var(--rs-amber);top:30%;right:-20px}.fb-3{color:var(--rs-purple);bottom:25%;left:-30px}.fb-4{color:var(--rs-green);bottom:6%;right:-10px}.hero-wave{z-index:1;line-height:0;position:absolute;bottom:-1px;left:0;right:0}.hero-wave svg{width:100%;height:100px;display:block}.section{max-width:1200px;margin:0 auto;padding:90px 24px;position:relative}.section-header{text-align:center;max-width:700px;margin:0 auto 56px}.section-eyebrow{color:var(--rs-primary);letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(135deg,#2563eb1a,#06b6d41a);border-radius:999px;margin-bottom:16px;padding:6px 16px;font-size:13px;font-weight:700;display:inline-block}.section-header h2{letter-spacing:-.5px;color:var(--rs-text);margin:0 0 14px;font-size:clamp(28px,4vw,42px);font-weight:800}.section-header p{color:var(--rs-muted);margin:0;font-size:16px}.features-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.feature-card{--card-color:var(--rs-primary);background:#fff;border:1px solid #0f172a0a;border-radius:20px;padding:32px 24px;transition:box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 8px 30px #0f172a0f}.feature-card:hover{box-shadow:0 20px 50px #0f172a1f}.feature-icon-wrap{margin-bottom:18px}.feature-icon{background:color-mix(in srgb, var(--card-color) 14%, transparent);width:60px;height:60px;color:var(--card-color);border-radius:16px;justify-content:center;align-items:center;display:flex}.feature-title{margin:0 0 6px;font-size:20px;font-weight:700}.feature-desc{color:var(--rs-muted);margin:0 0 16px;font-size:14px}.feature-items{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.feature-items li{color:var(--rs-text);align-items:center;gap:8px;font-size:14px;display:flex}.feature-items li svg{background:var(--card-color);color:#fff;box-sizing:content-box;border-radius:50%;padding:3px}.feature-glow{background:radial-gradient(circle, var(--card-color), transparent 70%);opacity:.08;pointer-events:none;border-radius:50%;width:120px;height:120px;position:absolute;top:-40px;right:-40px}.preview-section{background:linear-gradient(#0000,#2563eb08,#0000)}.carousel-wrapper{justify-content:center;align-items:center;gap:20px;display:flex;position:relative}.carousel-btn{cursor:pointer;width:48px;height:48px;color:var(--rs-text);z-index:5;background:#fff;border:1px solid #0f172a14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex;box-shadow:0 6px 18px #0f172a14}.carousel-btn:hover{background:var(--rs-primary);color:#fff;border-color:var(--rs-primary)}.carousel-viewport{justify-content:center;align-items:center;width:100%;max-width:600px;min-height:540px;display:flex;position:relative}.carousel-slide{flex-direction:column;align-items:center;gap:24px;width:100%;display:flex}.preview-phone{background:#0f172a;border-radius:36px;width:240px;height:460px;padding:10px;position:relative;box-shadow:0 30px 60px #0f172a40}.preview-phone-notch{z-index:3;background:#0f172a;border-radius:0 0 14px 14px;width:100px;height:20px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.preview-phone-screen{border-radius:28px;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.preview-phone-header{color:#fff;align-items:center;gap:10px;padding:28px 16px 14px;font-size:16px;font-weight:700;display:flex}.preview-emoji{font-size:22px}.preview-phone-body{flex-direction:column;flex:1;gap:10px;padding:16px;display:flex}.preview-skeleton{background:#2563eb26;border-radius:8px;height:14px}.preview-skeleton-big{background:#06b6d426;border-radius:12px;flex:1;margin-top:8px}.preview-info{text-align:center}.preview-info h3{margin:0 0 6px;font-size:22px;font-weight:700}.preview-info p{color:var(--rs-muted);margin:0}.carousel-dots{justify-content:center;gap:10px;margin-top:30px;display:flex}.carousel-dot{cursor:pointer;background:#2563eb33;border:none;border-radius:50%;width:10px;height:10px;padding:0;transition:all .3s}.carousel-dot.active{background:linear-gradient(90deg, var(--rs-primary), var(--rs-accent));border-radius:6px;width:32px}.teachers-section{background:linear-gradient(135deg, #1e3a8a 0%, var(--rs-primary) 50%, var(--rs-accent) 100%);color:#fff;border-radius:32px;max-width:none;margin:40px 24px;padding:80px 40px}.teachers-inner{grid-template-columns:1.1fr .9fr;align-items:center;gap:50px;max-width:1200px;margin:0 auto;display:grid}.teachers-text .section-eyebrow{color:#fff;background:#ffffff26}.teachers-text h2{margin:12px 0 14px;font-size:clamp(26px,3.6vw,38px);font-weight:800}.teachers-text p{opacity:.9;margin:0 0 24px;font-size:16px}.teacher-list{grid-template-columns:1fr 1fr;gap:14px;margin:0 0 32px;padding:0;list-style:none;display:grid}.teacher-list li{align-items:center;gap:10px;font-size:15px;font-weight:500;display:flex}.teacher-check{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.teachers-cta{color:var(--rs-primary);cursor:pointer;background:#fff;border:none;border-radius:12px;align-items:center;gap:8px;padding:14px 28px;font-size:16px;font-weight:700;transition:all .25s;display:inline-flex}.teachers-cta:hover{transform:translateY(-3px);box-shadow:0 12px 30px #0003}.teacher-card-float{color:var(--rs-text);background:#fff;border-radius:24px;padding:24px;box-shadow:0 30px 60px #00000040}.tcf-header{align-items:center;gap:14px;margin-bottom:20px;display:flex}.tcf-avatar{background:linear-gradient(135deg, var(--rs-amber), #f97316);border-radius:16px;justify-content:center;align-items:center;width:54px;height:54px;font-size:28px;display:flex}.tcf-name{font-size:17px;font-weight:700}.tcf-stat{color:var(--rs-muted);font-size:13px}.tcf-earnings{background:linear-gradient(135deg, var(--rs-green), #059669);color:#fff;border-radius:16px;margin-bottom:20px;padding:18px}.tcf-earning-label{opacity:.9;font-size:13px}.tcf-earning-value{margin-top:4px;font-size:28px;font-weight:800}.tcf-bars{align-items:flex-end;gap:8px;height:100px;display:flex}.tcf-bar{background:linear-gradient(180deg, var(--rs-primary), var(--rs-accent));border-radius:6px 6px 0 0;flex:1;min-height:8px}.earn-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;display:grid}.earn-card{background:#fff;border:1px solid #0f172a0d;border-radius:18px;align-items:center;gap:16px;padding:22px;transition:all .25s;display:flex;box-shadow:0 6px 20px #0f172a0d}.earn-card:hover{box-shadow:0 14px 36px #0f172a1f}.earn-icon{width:54px;height:54px;color:var(--rs-primary);background:linear-gradient(135deg,#2563eb1f,#06b6d41f);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.earn-content h4{margin:0 0 4px;font-size:16px;font-weight:700}.earn-content p{color:var(--rs-muted);margin:0;font-size:13px}.stats-section{background:linear-gradient(135deg,#2563eb0a,#06b6d40a);border-radius:32px;max-width:none;margin:40px 24px;padding:70px 40px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;max-width:1000px;margin:0 auto;display:grid}.stat-card{text-align:center;background:#fff;border-radius:20px;padding:36px 20px;position:relative;overflow:hidden;box-shadow:0 8px 24px #0f172a0f}.stat-value{background:linear-gradient(135deg, var(--rs-primary), var(--rs-accent));color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:6px;font-size:clamp(28px,4vw,42px);font-weight:900}.stat-coming{-webkit-text-fill-color:var(--rs-muted);font-size:16px!important}.stat-label{color:var(--rs-muted);text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:600}.stat-pulse{background:linear-gradient(90deg, transparent, var(--rs-primary), var(--rs-accent), transparent);opacity:.6;width:60%;height:3px;position:absolute;top:0;left:50%;transform:translate(-50%)}.cta-section{padding:60px 24px 100px}.cta-box{background:linear-gradient(135deg, var(--rs-primary) 0%, #1e40af 50%, var(--rs-accent) 100%);text-align:center;color:#fff;border-radius:32px;max-width:900px;margin:0 auto;padding:70px 30px;position:relative;overflow:hidden;box-shadow:0 30px 70px #2563eb4d}.cta-bg-blob{background:radial-gradient(circle,#fff3,#0000);border-radius:50%;width:240px;height:240px;position:absolute;top:-60px;right:-60px}.cta-sparkle{opacity:.9;margin-bottom:16px;position:relative}.cta-box h2{margin:0 0 12px;font-size:clamp(26px,4vw,40px);font-weight:800;position:relative}.cta-box p{opacity:.95;margin:0 0 28px;font-size:17px;position:relative}.cta-main-btn{color:var(--rs-primary);cursor:pointer;background:#fff;border:none;border-radius:14px;align-items:center;gap:8px;padding:16px 36px;font-size:17px;font-weight:700;transition:all .25s;display:inline-flex;position:relative;box-shadow:0 10px 30px #0003}.cta-main-btn:hover{transform:translateY(-3px)scale(1.03);box-shadow:0 16px 40px #0000004d}.landing-footer{color:#fff;text-align:center;background:#0f172a;padding:50px 24px}.footer-inner{max-width:800px;margin:0 auto}.footer-brand{align-items:center;gap:10px;margin-bottom:12px;font-size:22px;font-weight:800;display:inline-flex}.footer-brand .logo-text{color:#fff;-webkit-text-fill-color:#fff}.footer-tagline{opacity:.8;background:linear-gradient(90deg,#93c5fd,#67e8f9);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 18px;font-size:16px}.footer-copy{opacity:.6;margin:0;font-size:13px}@media (width<=980px){.hero-content{text-align:center;grid-template-columns:1fr}.hero-subtitle{margin-left:auto;margin-right:auto}.hero-buttons{justify-content:center}.hero-badge{margin-left:auto;margin-right:auto}.hero-mockup{margin-top:20px}.features-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}.teachers-inner,.teacher-list{grid-template-columns:1fr}}@media (width<=640px){.nav-links{background:#fff;flex-direction:column;gap:16px;padding:24px;transition:transform .3s;position:fixed;top:64px;left:0;right:0;transform:translateY(-150%);box-shadow:0 20px 40px #0000001a}.nav-links.open{transform:translateY(0)}.nav-mobile-toggle{display:inline-flex}.hero-section{min-height:auto;padding-top:90px}.hero-content{padding-bottom:80px}.features-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr;gap:12px}.section{padding:60px 20px}.teacher-list{grid-template-columns:1fr}.teachers-section{margin:20px 12px;padding:50px 24px}.stats-section{margin:20px 12px;padding:50px 20px}.phone-frame{width:220px;height:440px}.preview-phone{width:210px;height:420px}.carousel-viewport{min-height:480px}.floating-badge{padding:6px 10px;font-size:11px}.fb-1{left:0}.fb-2{right:0}.fb-3{left:0}.fb-4{right:0}.cta-box{padding:50px 20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.login-page.role-student{--role-primary:#00e5ff;--role-primary-rgb:0, 229, 255;--role-gradient:linear-gradient(135deg, #00e5ff, #4f8eff);--role-shadow:#00e5ff4d;--role-glow:radial-gradient(circle, #00e5ff24 0%, transparent 70%)}.login-page.role-premium{--role-primary:#ffb020;--role-primary-rgb:255, 176, 32;--role-gradient:linear-gradient(135deg, #ffb020, #ff5caa);--role-shadow:#ffb0204d;--role-glow:radial-gradient(circle, #ffb02026 0%, transparent 70%)}.login-page.role-teacher{--role-primary:#9b6dff;--role-primary-rgb:155, 109, 255;--role-gradient:linear-gradient(135deg, #9b6dff, #ff5caa);--role-shadow:#9b6dff4d;--role-glow:radial-gradient(circle, #9b6dff24 0%, transparent 70%)}.login-page.role-admin{--role-primary:#ff4757;--role-primary-rgb:255, 71, 87;--role-gradient:linear-gradient(135deg, #ff4757, #ff6b35);--role-shadow:#ff47574d;--role-glow:radial-gradient(circle, #ff475724 0%, transparent 70%)}.login-page{min-height:100vh;padding:var(--space-4);font-family:var(--font-sans);background:#030712;justify-content:center;align-items:center;transition:background .5s;display:flex;position:relative;overflow:hidden}.login-bg-circles{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.circle-1{background:var(--role-glow);filter:blur(100px);opacity:.9;width:55vw;max-width:550px;height:55vw;transition:background .8s;animation:28s ease-in-out infinite alternate floatOrb;position:absolute;top:-15%;left:-15%}.circle-2{filter:blur(100px);opacity:.9;background:radial-gradient(circle,#4f8eff1a 0%,#0000 70%);width:55vw;max-width:550px;height:55vw;animation:34s ease-in-out infinite alternate-reverse floatOrb;position:absolute;bottom:-15%;right:-15%}.circle-3{filter:blur(80px);opacity:.7;background:radial-gradient(circle,#9b6dff14 0%,#0000 60%);width:350px;height:350px;animation:22s ease-in-out infinite alternate floatOrb;position:absolute;top:35%;left:40%}.login-bg-circles:after{content:"";background-image:radial-gradient(1px 1px at 20% 30%,#ffffff26 0%,#0000 100%),radial-gradient(1px 1px at 40% 70%,#ffffff1a 0%,#0000 100%),radial-gradient(1px 1px at 60% 20%,#ffffff1f 0%,#0000 100%),radial-gradient(1px 1px at 80%,#ffffff14 0%,#0000 100%),radial-gradient(1px 1px at 10% 80%,#ffffff1a 0%,#0000 100%),radial-gradient(1px 1px at 90% 10%,#ffffff1f 0%,#0000 100%),radial-gradient(1.5px 1.5px,#ffffff0f 0%,#0000 100%);animation:8s ease-in-out infinite alternate sparkleField;position:absolute;inset:0}@keyframes sparkleField{0%{opacity:.5}to{opacity:1}}@keyframes floatOrb{0%{transform:translate(0)scale(1)}to{transform:translate(30px,30px)scale(1.1)}}.login-container{width:100%;max-width:440px;padding:var(--space-8) var(--space-6);z-index:1;border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(28px)saturate(180%);box-shadow:0 8px 40px #00000080, 0 1px 0px #ffffff14 inset, 0 0 60px rgba(var(--role-primary-rgb), .04);background:#080c1880;border:1px solid #ffffff0f;transition:box-shadow .5s,border-color .5s,transform .3s;position:relative}.login-container:before{content:"";border-radius:inherit;background:linear-gradient(145deg, rgba(var(--role-primary-rgb), .15), transparent 40%, transparent 70%, rgba(var(--role-primary-rgb), .08));-webkit-mask-composite:xor;pointer-events:none;opacity:.7;padding:1px;transition:opacity .5s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.login-container:hover{box-shadow:0 12px 52px #0009, 0 1px 0px #ffffff1f inset, 0 0 70px rgba(var(--role-primary-rgb), .08);border-color:rgba(var(--role-primary-rgb), .15)}.login-container:hover:before{opacity:1}.login-logo{text-align:center;margin-bottom:var(--space-6);flex-direction:column;align-items:center;display:flex}.login-logo-icon-wrapper{width:74px;height:74px;margin-bottom:var(--space-3);justify-content:center;align-items:center;display:flex;position:relative}.login-logo-icon{z-index:2;filter:drop-shadow(0 0 12px rgba(var(--role-primary-rgb), .3));font-size:2.8rem;animation:4s ease-in-out infinite iconFloat}.logo-glow-ring{background:var(--role-gradient);border-radius:var(--radius-full);filter:blur(10px);opacity:.5;z-index:1;width:52px;height:52px;transition:background .5s;animation:3s ease-in-out infinite pulseRing;position:absolute}.login-logo h2{font-size:var(--text-2xl);color:var(--text-primary);letter-spacing:-.03em;font-weight:800}.login-logo-sub{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-1);letter-spacing:.06em;text-transform:uppercase}@keyframes iconFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(3deg)}}@keyframes pulseRing{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:.6;transform:scale(1.2)}}.login-form{gap:var(--space-5);flex-direction:column;display:flex}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.section-label,.input-label{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;padding-left:2px;font-weight:700}.role-selector-grid{gap:var(--space-2);grid-template-columns:repeat(2,1fr);display:grid}.role-select-btn{justify-content:center;align-items:center;gap:var(--space-2);padding:11px var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);background:#ffffff05;border:1px solid #ffffff0d;font-weight:600;display:flex}.role-select-btn:hover{color:var(--text-primary);background:#ffffff0a;border-color:#ffffff1a;transform:translateY(-2px);box-shadow:0 4px 16px #0003}.role-select-btn.active{background:var(--role-gradient);color:#fff;box-shadow:0 4px 20px var(--role-shadow);border-color:#0000;transform:translateY(-2px)}.role-btn-icon{justify-content:center;align-items:center;display:flex}.input-wrapper{align-items:center;width:100%;display:flex;position:relative}.input-icon-left{left:var(--space-4);color:var(--text-tertiary);pointer-events:none;transition:color .3s;position:absolute}.input-field-custom{width:100%;padding:13px var(--space-4) 13px 44px;border-radius:var(--radius-md);color:var(--text-primary);background:#ffffff05;border:1px solid #ffffff0f;outline:none;font-size:.95rem;transition:all .3s}.input-field-custom::placeholder{color:#ffffff2e}.input-field-custom:focus{border-color:var(--role-primary);box-shadow:0 0 0 3px rgba(var(--role-primary-rgb), .1), 0 0 20px rgba(var(--role-primary-rgb), .06);background:#ffffff09}.input-field-custom:focus+.input-icon-left{color:var(--role-primary)}.password-toggle-btn{right:var(--space-4);color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .3s;display:flex;position:absolute}.password-toggle-btn:hover{color:var(--text-primary)}.btn-login-submit{justify-content:center;align-items:center;gap:var(--space-2);padding:14px var(--space-5);border-radius:var(--radius-md);background:var(--role-gradient);color:#fff;cursor:pointer;box-shadow:0 4px 24px var(--role-shadow);transition:all var(--transition-base);margin-top:var(--space-2);border:none;font-size:.95rem;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.btn-login-submit:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-150%}.btn-login-submit:hover{box-shadow:0 8px 32px rgba(var(--role-primary-rgb), .45);transform:translateY(-2px)}.btn-login-submit:hover:before{transition:all .8s ease-in-out;left:150%}.btn-login-submit:active{transform:translateY(0)}.btn-login-submit:disabled{opacity:.6;cursor:not-allowed}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-footer{text-align:center;margin-top:var(--space-6);font-size:var(--text-sm);color:var(--text-secondary)}.register-link-custom{cursor:pointer;color:var(--role-primary);margin-left:var(--space-1);font-weight:600;transition:all .3s;display:inline-block;position:relative}.register-link-custom:hover{text-shadow:0 0 14px rgba(var(--role-primary-rgb), .5)}.register-link-custom:after{content:"";background:var(--role-gradient);transform-origin:100% 100%;width:100%;height:2px;transition:transform .25s ease-out;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.register-link-custom:hover:after{transform-origin:0 100%;transform:scaleX(1)}.login-error-box{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--accent-red-light);font-size:var(--text-sm);background:#ff475714;border:1px solid #ff47572e;font-weight:500;display:flex;box-shadow:0 4px 16px #ff47570d}.stagger-item-1{animation:.6s cubic-bezier(.16,1,.3,1) .1s both slideInUp}.stagger-item-2{animation:.6s cubic-bezier(.16,1,.3,1) .2s both slideInUp}.stagger-item-3{animation:.6s cubic-bezier(.16,1,.3,1) .3s both slideInUp}.stagger-item-4{animation:.6s cubic-bezier(.16,1,.3,1) .4s both slideInUp}.stagger-item-5{animation:.6s cubic-bezier(.16,1,.3,1) .5s both slideInUp}@keyframes slideInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.feed-page{gap:var(--space-4);max-width:var(--max-content-width);flex-direction:column;margin:0 auto;display:flex}.stories-section{margin:0 calc(-1 * var(--space-4));padding:0 var(--space-4);overflow:hidden}.stories-scroll{gap:var(--space-4);padding:var(--space-2) 0;scrollbar-width:none;display:flex;overflow-x:auto}.stories-scroll::-webkit-scrollbar{display:none}.story-item{align-items:center;gap:var(--space-1);cursor:pointer;flex-direction:column;flex-shrink:0;display:flex}.story-ring{border-radius:var(--radius-full);transition:transform var(--transition-spring);background:linear-gradient(135deg,#00e5ff,#4f8eff,#9b6dff,#ff5caa) 0 0/200% 200%;padding:2.5px;animation:4s linear infinite shimmerText,3s ease-in-out infinite storyRingShine;box-shadow:0 0 16px #00e5ff33}@keyframes storyRingShine{0%,to{box-shadow:0 0 12px #00e5ff26}50%{box-shadow:0 0 24px #6366f140}}.story-item:hover .story-ring{transform:scale(1.05)rotate(45deg)}.story-ring .avatar{border:2px solid var(--bg-primary)}.story-name{color:var(--text-secondary);text-align:center;max-width:56px;font-size:10px}.create-post{padding:var(--space-4)}.create-post-top{align-items:center;gap:var(--space-3);display:flex}.create-post-input{text-align:left;padding:var(--space-3) var(--space-4);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base);background:#04071080;border:1px solid #ffffff0a;flex:1}.create-post-input:hover{background:#040710b3;border-color:#6366f140;box-shadow:0 0 16px #6366f10f}.create-post-expanded{margin-top:var(--space-3);animation:.3s fadeInUp}.create-post-actions{margin-top:var(--space-3);justify-content:space-between;align-items:center;display:flex}.create-post-attachments{gap:var(--space-2);display:flex}.feed-tabs{margin:0 calc(-1 * var(--space-4));padding:0 var(--space-4);overflow-x:auto}.feed-tabs .tabs{width:max-content}.post-card{padding:var(--space-5)}.post-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:flex-start;display:flex}.post-author{align-items:center;gap:var(--space-3);display:flex}.post-author-info{flex-direction:column;display:flex}.post-author-name{align-items:center;gap:var(--space-2);font-weight:600;font-size:var(--text-sm);display:flex}.verified-icon{color:var(--accent-blue)}.post-time{font-size:var(--text-xs);color:var(--text-tertiary)}.post-content{margin-bottom:var(--space-3)}.post-content p{font-size:var(--text-base);line-height:var(--leading-relaxed);white-space:pre-wrap}.post-tags{gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.post-stats{padding:var(--space-2) 0;font-size:var(--text-xs);color:var(--text-tertiary);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-2);justify-content:space-between;display:flex}.post-actions{align-items:center;gap:var(--space-1);display:flex}.post-action-btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);transition:all var(--transition-base);cursor:pointer;background:0 0;border:none;flex:1;font-weight:500;display:flex}.post-action-btn:hover{color:var(--accent-cyan);background:#6366f114}.post-action-btn.liked{color:var(--accent-red)}.post-action-btn.liked:hover{background:#ef44441a}.post-action-btn.liked svg{animation:.6s heartBeat}.post-action-btn.saved{color:var(--accent-amber)}.post-action-btn.active{color:var(--accent-cyan)}.mountain-reward-badge{padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3);border-radius:var(--radius-lg);background:linear-gradient(135deg,#f59e0b1f,#8b5cf61a);border:1px solid #f59e0b40;justify-content:space-between;align-items:center;animation:.4s fadeInUp;display:flex}.mountain-reward-inner{align-items:center;gap:var(--space-2);display:flex}.mountain-icon{color:var(--accent-amber)}.mountain-coins{font-size:var(--text-sm);background:linear-gradient(135deg,#f59e0b,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.mountain-stats{gap:var(--space-3);font-size:var(--text-xs);color:var(--text-tertiary);display:flex}.mountain-stats span{align-items:center;gap:3px;display:flex}.post-action-btn.gift-btn:hover{color:var(--accent-amber);background:#f59e0b1a}@media (width<=480px){.post-action-btn span{display:none}.mountain-reward-badge{gap:var(--space-2);flex-direction:column;align-items:flex-start}}.post-comments-section{margin-top:var(--space-3);flex-direction:column;gap:0;animation:.35s cubic-bezier(.16,1,.3,1) commentSlideIn;display:flex}@keyframes commentSlideIn{0%{opacity:0;max-height:0;transform:translateY(-8px)}to{opacity:1;max-height:1000px;transform:translateY(0)}}.comments-section-header{align-items:center;gap:var(--space-3);padding:var(--space-2) 0 var(--space-3);display:flex}.comments-section-header:before,.comments-section-header:after{content:"";background:linear-gradient(90deg, transparent, var(--border-subtle), transparent);flex:1;height:1px}.comments-section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);white-space:nowrap;font-size:11px;font-weight:600}.comments-list{scroll-behavior:smooth;flex-direction:column;gap:0;max-height:400px;padding-right:4px;display:flex;overflow-y:auto}.comments-list::-webkit-scrollbar{width:4px}.comments-list::-webkit-scrollbar-track{background:0 0}.comments-list::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:10px}.comments-list::-webkit-scrollbar-thumb:hover{background:#ffffff26}.comment-item-container{flex-direction:column;gap:0;display:flex;position:relative}.comment-item{border-radius:var(--radius-lg);align-items:flex-start;gap:10px;padding:10px 4px;transition:background .2s;animation:.3s backwards commentFadeIn;display:flex}.comment-item:hover{background:#ffffff05}@keyframes commentFadeIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.comment-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;font-size:12px;font-weight:700;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0003}.comment-avatar:after{content:"";border:1.5px solid #ffffff1a;border-radius:50%;position:absolute;inset:0}.comment-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.comment-avatar-sm{width:28px;min-width:28px;height:28px;font-size:9px}.comment-bubble{flex:1;min-width:0}.comment-bubble-inner{background:#0407108c;border:1px solid #ffffff09;border-radius:4px 18px 18px;padding:10px 14px;transition:all .2s;position:relative}.comment-bubble-inner:hover{background:#040710bf;border-color:#6366f126;box-shadow:0 0 16px #6366f10d}.comment-header{align-items:center;gap:6px;margin-bottom:3px;display:flex}.comment-user-name{color:var(--text-primary);letter-spacing:-.01em;font-size:13px;font-weight:700}.comment-role-badge{letter-spacing:.04em;text-transform:uppercase;border-radius:20px;align-items:center;gap:3px;padding:1px 7px;font-size:9px;font-weight:700;display:inline-flex}.comment-role-badge.teacher{color:#b794ff;background:linear-gradient(135deg,#9b6dff33,#6c5ce726);border:1px solid #9b6dff40}.comment-role-badge.premium{color:#ffc94d;background:linear-gradient(135deg,#ffb02033,#ffc94d26);border:1px solid #ffb02040}.comment-role-badge.admin{color:#f87171;background:linear-gradient(135deg,#ef444433,#f8717126);border:1px solid #ef444440}.comment-role-badge.student{color:#60a5fa;background:#3b82f61a;border:1px solid #3b82f626}.comment-text{color:var(--text-secondary);word-wrap:break-word;margin:0;font-size:13.5px;line-height:1.5}.comment-meta-row{align-items:center;gap:12px;margin-top:6px;padding-left:2px;display:flex}.comment-time{color:var(--text-muted);font-size:11px}.comment-like-btn,.comment-reply-btn{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;padding:2px 0;font-size:11px;font-weight:600;transition:all .2s;position:relative}.comment-like-btn:hover{color:var(--accent-red)}.comment-reply-btn:hover,.comment-reply-btn.active{color:var(--accent-cyan)}.comment-reply-btn.active:after{content:"";background:var(--accent-cyan);border-radius:2px;height:1.5px;position:absolute;bottom:-1px;left:0;right:0}.comment-replies-list{flex-direction:column;gap:0;margin-left:22px;padding-left:18px;display:flex;position:relative}.comment-replies-list:before{content:"";background:linear-gradient(#06b6d44d,#06b6d40d);border-radius:2px;width:2px;position:absolute;top:0;bottom:12px;left:0}.reply-item{gap:8px;padding:8px 4px;animation:.25s backwards replySlideIn;position:relative}.reply-item:before{content:"";background:#06b6d433;border-radius:2px;width:14px;height:2px;position:absolute;top:22px;left:-18px}@keyframes replySlideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.reply-bubble-inner{background:#06b6d40a;border:1px solid #06b6d414;border-radius:4px 14px 14px;padding:8px 12px;transition:all .2s}.reply-bubble-inner:hover{background:#06b6d412;border-color:#06b6d41f}.reply-input-wrapper{align-items:center;gap:8px;margin-left:22px;padding-top:4px;padding-bottom:4px;padding-left:18px;animation:.25s replyInputFade;display:flex;position:relative}.reply-input-wrapper:before{content:"";background:#06b6d433;border-radius:2px;width:2px;height:calc(50% + 2px);position:absolute;top:0;left:0}.reply-input-wrapper:after{content:"";background:#06b6d433;border-radius:2px;width:14px;height:2px;position:absolute;top:50%;left:0}@keyframes replyInputFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.reply-input-box{background:#06b6d40d;border:1px solid #06b6d41f;border-radius:24px;flex:1;align-items:center;padding:3px 4px 3px 14px;transition:all .25s;display:flex}.reply-input-box:focus-within{background:#06b6d414;border-color:#06b6d459;box-shadow:0 0 16px #06b6d41a}.reply-input-field{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:5px 0;font-size:12px}.reply-input-field::placeholder{color:var(--text-muted);font-size:11px}.reply-send-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#06b6d4,#0891b2);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:all .25s;display:flex}.reply-send-btn:hover:not(:disabled){transform:scale(1.1);box-shadow:0 2px 12px #06b6d459}.reply-send-btn:disabled{color:var(--text-muted);cursor:not-allowed;box-shadow:none;background:#ffffff0f;transform:none}.comment-input-wrapper{border-top:1px solid #ffffff0d;align-items:center;gap:10px;margin-top:6px;padding:14px 4px 4px;display:flex}.comment-input-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;font-size:12px;font-weight:700;display:flex;overflow:hidden;box-shadow:0 2px 8px #0003}.comment-input-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.comment-input-box{background:#ffffff0a;border:1px solid #ffffff14;border-radius:28px;flex:1;align-items:center;padding:4px 5px 4px 16px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.comment-input-box:focus-within{background:#ffffff0f;border-color:#06b6d466;box-shadow:0 0 20px #06b6d41a,0 0 0 1px #06b6d41a}.comment-input-field{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:8px 0;font-family:inherit;font-size:13.5px}.comment-input-field::placeholder{color:var(--text-muted);font-size:13px}.comment-send-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#06b6d4,#8b5cf6);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.comment-send-btn:before{content:"";opacity:0;background:linear-gradient(135deg,#0000,#ffffff26);transition:opacity .3s;position:absolute;inset:0}.comment-send-btn:hover:not(:disabled):before{opacity:1}.comment-send-btn:hover:not(:disabled){transform:scale(1.08);box-shadow:0 4px 16px #06b6d459,0 0 24px #8b5cf633}.comment-send-btn:active:not(:disabled){transform:scale(.95)}.comment-send-btn:disabled{color:var(--text-muted);cursor:not-allowed;box-shadow:none;background:#ffffff0f;transform:none}.comment-send-btn.sending{pointer-events:none}.comment-send-btn.sending svg{animation:.8s infinite sendPulse}@keyframes sendPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.no-comments-msg{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:6px;padding:24px 16px;font-size:13px;display:flex}.no-comments-icon{opacity:.5;margin-bottom:2px;font-size:28px}.no-comments-msg span{color:var(--text-tertiary);font-size:12px}.gift-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.gift-modal{width:90%;max-width:440px;padding:var(--space-6);gap:var(--space-4);text-align:center;flex-direction:column;display:flex}.gift-modal h3{font-size:var(--text-lg);background:var(--gradient-secondary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.gift-modal p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.gift-amount-selector{gap:var(--space-2);margin:var(--space-2) 0;grid-template-columns:repeat(5,1fr);display:grid}.gift-amt-btn{padding:var(--space-2) 0;border-radius:var(--radius-md);background:var(--bg-glass);border:1px solid var(--border-subtle);color:var(--text-primary);cursor:pointer;transition:all var(--transition-base);font-weight:700}.gift-amt-btn:hover{background:var(--bg-glass-hover);border-color:var(--accent-amber);transform:translateY(-2px)}.gift-amt-btn.active{background:var(--gradient-secondary);color:#fff;box-shadow:var(--shadow-glow-pink);border-color:#0000}.gift-wallet-info{font-size:var(--text-xs);color:var(--text-tertiary)}.gift-modal-actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-2);display:flex}.create-post-image-preview{margin-top:var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--bg-glass);max-height:300px;position:relative;overflow:hidden}.create-post-image-preview img{object-fit:contain;width:100%;height:100%;max-height:300px;display:block}.remove-preview-btn{color:#fff;cursor:pointer;width:28px;height:28px;transition:all var(--transition-base);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;top:10px;right:10px}.remove-preview-btn:hover{background:var(--accent-red);border-color:#0000;transform:scale(1.1)}.post-image-wrap{margin:0 calc(-1 * var(--space-5)) var(--space-4);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);background:#00000026;justify-content:center;align-items:center;max-height:450px;display:flex;overflow:hidden}.post-image{object-fit:contain;width:100%;max-height:450px;transition:transform .4s;display:block}.post-image:hover{transform:scale(1.02)}.btn-ghost.attachment-active{color:var(--accent-green)!important;background:#10b9811a!important;border-color:#10b9814d!important}.btn-ghost.attachment-active svg{color:var(--accent-green)!important}.feed-page-theme{background:#f4f6fa!important}.feed-page-theme:before,.feed-page-theme:after{display:none!important}.feed-page-theme .main-content{background:#f4f6fa!important}.feed-page-theme .page-content{max-width:680px;background:#f4f6fa!important}.feed-page-theme .topbar{color:#1e293b!important;background:#fff!important;border-bottom:1px solid #e5e9f0!important;box-shadow:0 2px 8px #00000005!important}.feed-page-theme .topbar-logo,.feed-page-theme .topbar-logo .logo-text{color:#0f172a!important;font-weight:800!important}.feed-page-theme .topbar-logo .logo-crown{color:#f59e0b!important;text-shadow:0 0 8px #f59e0b4d!important}.feed-page-theme .topbar-menu-btn{color:#1e293b!important;background:0 0!important;border:none!important;justify-content:center!important;align-items:center!important;margin-right:12px!important;display:flex!important}.feed-page-theme .topbar-btn{color:#1e293b!important}.feed-page-theme .topbar-btn:hover{background:#f1f5f9!important}.feed-page-theme .sidebar{background:#fff!important;border-right:1px solid #e5e9f0!important}.feed-page-theme .sidebar-link{color:#475569!important}.feed-page-theme .sidebar-link:hover,.feed-page-theme .sidebar-link.active{color:#2563eb!important;background:#f1f5f9!important}.feed-page-theme .bottom-nav{background:#fff!important;border-top:1px solid #e5e9f0!important;box-shadow:0 -2px 12px #00000008!important}.feed-page-theme .bottom-nav-item{color:#64748b!important}.feed-page-theme .bottom-nav-item.active{color:#2563eb!important}.feed-page-theme .bottom-nav-item.active .bottom-nav-icon-container{box-shadow:none!important;background:0 0!important}.feed-page-theme .bottom-nav-item.active .bottom-nav-icon{color:#2563eb!important;filter:none!important;transform:scale(1.08)!important}.feed-page-theme .bottom-nav-item.active .bottom-nav-label{color:#2563eb!important;font-weight:750!important}.feed-page-theme .bottom-nav-item:before{display:none!important}.feed-page-theme .feed-page{color:#0f172a!important;background:0 0!important;padding:0!important}.feed-page-theme .story-ring{background:linear-gradient(135deg,#2563eb,#60a5fa)!important;box-shadow:0 0 8px #2563eb26!important}.feed-page-theme .story-ring .avatar{border:2px solid #f4f6fa!important}.feed-page-theme .story-name{color:#475569!important}.feed-page-theme .feed-tabs{margin-bottom:var(--space-4)!important;background:0 0!important;padding:0!important}.feed-page-theme .feed-tabs .tabs{padding:0 var(--space-2)!important;gap:var(--space-6)!important;background:0 0!important;border:none!important;border-bottom:1px solid #e5e9f0!important;border-radius:0!important;display:flex!important}.feed-page-theme .feed-tabs .tab{padding:var(--space-3) 0!important;color:#64748b!important;background:0 0!important;border:none!important;border-radius:0!important;font-size:15px!important;font-weight:600!important;position:relative!important}.feed-page-theme .feed-tabs .tab:hover{color:#0f172a!important}.feed-page-theme .feed-tabs .tab.active{color:#2563eb!important;box-shadow:none!important;background:0 0!important;font-weight:750!important}.feed-page-theme .feed-tabs .tab.active:after{content:"";border-radius:var(--radius-full);background:#2563eb;height:2.5px;position:absolute;bottom:0;left:0;right:0}.feed-page-theme .post-card{color:#0f172a!important;padding:var(--space-5)!important;margin-bottom:var(--space-4)!important;background:#fff!important;border:1px solid #e5e9f0!important;border-radius:16px!important;box-shadow:0 4px 12px #00000005!important}.feed-page-theme .post-header{margin-bottom:var(--space-3)!important;justify-content:space-between!important;align-items:flex-start!important;display:flex!important}.feed-page-theme .post-author-info{flex-direction:column!important;min-width:180px!important;display:flex!important;position:relative!important}.feed-page-theme .post-author-name{color:#0f172a!important;flex-wrap:wrap!important;align-items:center!important;gap:4px!important;font-size:15px!important;font-weight:750!important;line-height:1.25!important;display:flex!important}.feed-page-theme .verified-icon{color:#2563eb!important;fill:#fff!important;margin-left:2px!important}.feed-page-theme .post-author-name .badge{color:#64748b!important;text-transform:none!important;letter-spacing:normal!important;text-align:left!important;background:0 0!important;border:none!important;flex-basis:100%!important;margin:2px 0 0!important;padding:0!important;font-size:12.5px!important;font-weight:500!important;display:block!important}.feed-page-theme .post-time{color:#64748b!important;font-size:12.5px!important;font-weight:500!important;position:absolute!important;top:1px!important;right:0!important}.feed-page-theme .post-content{margin-bottom:var(--space-4)!important}.feed-page-theme .post-content p{color:#1e293b!important;font-size:15.5px!important;font-weight:500!important;line-height:1.6!important}.feed-page-theme .post-image-wrap{margin:0 0 var(--space-4) 0!important;background:#f8fafc!important;border:1px solid #e5e9f0!important;border-radius:16px!important;max-height:400px!important;overflow:hidden!important}.feed-page-theme .post-image{border-radius:16px!important;max-height:400px!important}.feed-page-theme .post-stats{display:none!important}.feed-page-theme .post-actions{padding-top:var(--space-3)!important;justify-content:space-between!important;align-items:center!important;gap:var(--space-1)!important;border-top:1px solid #f1f5f9!important;display:flex!important}.feed-page-theme .post-action-btn{color:#475569!important;transition:all var(--transition-base)!important;background:0 0!important;border:none!important;border-radius:8px!important;align-items:center!important;gap:6px!important;padding:6px 12px!important;font-size:14px!important;font-weight:600!important;display:flex!important}.feed-page-theme .post-action-btn:hover{color:#0f172a!important;background:#f1f5f9!important}.feed-page-theme .post-action-btn.liked{color:#ef4444!important}.feed-page-theme .post-action-btn.liked:hover{background:#fef2f2!important}.feed-page-theme .post-action-btn.saved{color:#d97706!important}.feed-page-theme .gift-btn{display:none!important}.feed-fab-btn{color:#fff!important;cursor:pointer!important;z-index:99!important;background:#2563eb!important;border:none!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:56px!important;height:56px!important;font-size:28px!important;font-weight:400!important;transition:all .25s cubic-bezier(.34,1.56,.64,1)!important;display:flex!important;position:fixed!important;bottom:84px!important;right:24px!important;box-shadow:0 4px 16px #2563eb73!important}.feed-fab-btn:hover{background:#1d4ed8!important;transform:translateY(-2px)scale(1.05)!important;box-shadow:0 6px 20px #2563eb8c!important}.feed-fab-btn:active{transform:scale(.95)!important}.feed-page-theme .create-post{margin-bottom:var(--space-4)!important;background:#fff!important;border:1px solid #e5e9f0!important;border-radius:16px!important;box-shadow:0 4px 12px #00000005!important}.feed-page-theme .create-post-input{color:#64748b!important;background:#f1f5f9!important;border:1px solid #e2e8f0!important}.feed-page-theme .create-post-input:hover{background:#e2e8f0!important}.feed-page-theme .textarea-field{color:#0f172a!important;background:#f8fafc!important;border:1px solid #cbd5e1!important}.feed-page-theme .post-comments-section{border-top:1px solid #f1f5f9!important}.feed-page-theme .comments-section-title{color:#64748b!important}.feed-page-theme .comment-bubble-inner{box-shadow:none!important;background:#f1f5f9!important;border:none!important;border-radius:4px 16px 16px!important}.feed-page-theme .comment-user-name{color:#0f172a!important;font-weight:700!important}.feed-page-theme .comment-text{color:#334155!important;font-size:13.5px!important}.feed-page-theme .comment-input-box{background:#f8fafc!important;border:1px solid #cbd5e1!important}.feed-page-theme .comment-input-field{color:#0f172a!important}.feed-page-theme .comment-send-btn{background:#2563eb!important}.feed-page-theme .comment-send-btn:hover:not(:disabled){background:#1d4ed8!important;box-shadow:0 2px 10px #2563eb4d!important}.feed-page-theme .mountain-reward-badge{background:linear-gradient(135deg,#f59e0b0d,#2563eb0d)!important;border:1px solid #f59e0b26!important}.feed-page-theme .mountain-coins{background:linear-gradient(135deg,#d97706,#2563eb)!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important}.feed-toast{z-index:9999;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:14px;align-items:center;gap:12px;min-width:280px;max-width:420px;padding:12px 24px;font-size:14px;font-weight:600;animation:.4s cubic-bezier(.16,1,.3,1) toastSlideUp;display:flex;position:fixed;bottom:100px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0000004d}.toast-success{color:#fff;background:linear-gradient(135deg,#10b981f2,#059669f2);border:1px solid #ffffff26}.toast-error{color:#fff;background:linear-gradient(135deg,#ef4444f2,#dc2626f2);border:1px solid #ffffff26}.toast-close{color:#ffffffb3;cursor:pointer;background:0 0;border:none;border-radius:50%;margin-left:auto;padding:4px;transition:all .2s;display:flex}.toast-close:hover{color:#fff;background:#ffffff26}@keyframes toastSlideUp{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.post-menu-container{position:relative}.post-options-dropdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:#0f1423f2;border:1px solid #ffffff14;border-radius:14px;min-width:180px;padding:6px;position:absolute;top:100%;right:0;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0d}.post-option-item{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:13.5px;font-weight:500;transition:all .2s;display:flex}.post-option-item:hover{color:var(--text-primary);background:#0ea5e91a}.post-option-item.danger{color:#f87171}.post-option-item.danger:hover{color:#ef4444;background:#ef44441f}.feed-page-theme .post-options-dropdown{background:#fff!important;border:1px solid #e5e9f0!important;box-shadow:0 8px 24px #0000001f!important}.feed-page-theme .post-option-item{color:#475569!important}.feed-page-theme .post-option-item:hover{color:#0f172a!important;background:#f1f5f9!important}.feed-page-theme .post-option-item.danger{color:#ef4444!important}.feed-page-theme .post-option-item.danger:hover{background:#fef2f2!important}.report-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.report-modal{width:90%;max-width:480px;padding:var(--space-6);gap:var(--space-4);flex-direction:column;display:flex}.report-modal-header{justify-content:space-between;align-items:center;display:flex}.report-modal-header h3{font-size:var(--text-lg);font-weight:700}.report-modal-desc{font-size:var(--text-sm);color:var(--text-secondary)}.report-reasons{flex-wrap:wrap;gap:8px;display:flex}.report-reason-btn{border:1px solid var(--border-subtle);background:var(--bg-glass);color:var(--text-secondary);cursor:pointer;border-radius:24px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s}.report-reason-btn:hover{border-color:var(--accent-cyan);color:var(--text-primary)}.report-reason-btn.active{color:#f87171;background:linear-gradient(135deg,#ef444426,#dc26261a);border-color:#ef444466}.report-custom-input{border:1px solid var(--border-subtle);background:var(--bg-glass);width:100%;color:var(--text-primary);resize:vertical;border-radius:12px;min-height:80px;padding:12px 16px;font-family:inherit;font-size:13px}.report-modal-actions{justify-content:flex-end;gap:var(--space-3);display:flex}.btn-danger{color:#fff!important;background:linear-gradient(135deg,#ef4444,#dc2626)!important;border:none!important}.btn-danger:hover{box-shadow:0 4px 16px #ef444459!important}.feed-page-theme .report-modal{background:#fff!important;border:1px solid #e5e9f0!important}.feed-page-theme .report-reason-btn{color:#475569!important;background:#f8fafc!important;border-color:#e2e8f0!important}.feed-page-theme .report-reason-btn.active{color:#ef4444!important;background:#fef2f2!important;border-color:#fca5a5!important}.feed-page-theme .report-custom-input{color:#0f172a!important;background:#f8fafc!important;border-color:#cbd5e1!important}.study-page{gap:var(--space-6);flex-direction:column;display:flex}.study-header h1{font-size:var(--text-2xl);font-weight:800}.study-subtitle{color:var(--text-secondary);font-size:var(--text-sm);margin-top:var(--space-1)}.class-selector-section{border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0c1222b3;border:1px solid #ffffff0d}.class-selector-header{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-3);font-weight:700;display:flex}.class-selector-header svg{color:var(--accent-cyan)}.class-pills-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.class-pill-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1.5px solid var(--border-subtle);background:var(--bg-card);color:var(--text-secondary);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;font-weight:600;display:inline-flex}.class-pill-btn:hover{color:var(--text-primary);background:#060a1466;border-color:#0ea5e966}.class-pill-btn.active{color:#fff;background:linear-gradient(135deg,#0ea5e9,#2563eb);border-color:#0000;font-weight:700;box-shadow:0 4px 16px #0ea5e94d}.class-pill-btn.active svg{color:#fff}.pill-check{color:var(--accent-green);font-size:10px;font-weight:800}.class-pill-skeleton{border-radius:var(--radius-full);background:var(--bg-hover);width:80px;height:32px;animation:1.5s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.study-search{align-items:center;gap:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);transition:all var(--transition-base);background:#060a1480;display:flex}.study-search:focus-within{border-color:var(--accent-cyan);box-shadow:0 0 0 3px #06b6d41a}.study-search svg{color:var(--text-tertiary);flex-shrink:0}.study-search .search-input{color:var(--text-primary);font-size:var(--text-base);background:0 0;border:none;outline:none;width:100%}.daily-plan{padding:var(--space-5)}.daily-plan-content{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.daily-plan-icon{font-size:2rem}.daily-plan h3{font-size:var(--text-base);font-weight:700}.daily-plan p{font-size:var(--text-sm);color:var(--text-secondary)}.daily-plan-progress{font-size:var(--text-xs);color:var(--accent-cyan);margin-top:var(--space-2);font-weight:600;display:block}.section-title{align-items:center;gap:var(--space-2);font-size:var(--text-lg);margin-bottom:var(--space-4);font-weight:700;display:flex}.section-title svg{color:var(--accent-cyan)}.continue-cards{gap:var(--space-3);flex-direction:column;display:flex}.continue-card{align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);background:#0c1222a6;border:1px solid #ffffff0a;display:flex}.continue-card:hover{background:#141c30d9;border-color:#0ea5e940;transform:translateY(-2px);box-shadow:0 4px 20px #0000004d,0 0 16px #0ea5e90d}.continue-card-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.3rem;display:flex}.continue-card-info{flex:1;min-width:0}.continue-card-info h4{font-size:var(--text-sm);margin-bottom:2px;font-weight:600}.continue-card-info p{font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:var(--space-2)}.subjects-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.subject-card{border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-spring);aspect-ratio:1;border:1px solid #ffffff14;position:relative;overflow:hidden}.subject-card:hover{border-color:#0ea5e94d;transform:translateY(-6px)scale(1.02);box-shadow:0 12px 32px #0000008c,0 0 24px #0ea5e926}.subject-card-bg{opacity:.9;position:absolute;inset:0}.subject-card-content{padding:var(--space-4);color:#fff;flex-direction:column;justify-content:space-between;height:100%;display:flex;position:relative}.subject-icon{font-size:2rem}.subject-card h3{font-size:var(--text-base);font-weight:700}.subject-card p{font-size:var(--text-xs);opacity:.8}.subject-progress{font-size:var(--text-xs);margin-top:var(--space-1);font-weight:600}.quick-action{align-items:center;gap:var(--space-3);padding:var(--space-4);cursor:pointer;display:flex}.quick-action span{font-size:var(--text-sm);font-weight:500}@media (width>=640px){.subjects-grid{grid-template-columns:repeat(3,1fr)}.quick-actions-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=480px){.subjects-grid{grid-template-columns:repeat(2,1fr)}}.daily-plan-text{flex:1}.progress-bar-container{gap:var(--space-2);flex-direction:column;display:flex}.prog-percent{color:var(--accent-cyan);margin-top:4px;font-size:10px;font-weight:700;display:block}.filter-results-modal{flex-direction:column;width:90%;max-width:550px;max-height:80vh;display:flex}.filter-modal-body{padding:var(--space-5);max-height:calc(80vh - 70px);overflow-y:auto}.filter-content-list{gap:var(--space-3);flex-direction:column;display:flex}.filter-content-item{padding:var(--space-3) var(--space-4);cursor:pointer;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-base);justify-content:space-between;align-items:center;display:flex}.filter-content-item:hover{border-color:var(--border-default);background:var(--bg-hover);transform:translate(4px)}.filter-content-item.locked{border-left:3px solid var(--accent-amber)}.item-left{align-items:center;gap:var(--space-3);min-width:0;display:flex}.subject-tag-icon{border-radius:var(--radius-md);width:32px;height:32px;box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:flex}.item-icon-box{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.item-details{min-width:0}.item-details h4{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-weight:700;overflow:hidden}.item-sub-tag{color:var(--text-tertiary);font-size:10px;font-weight:600}.item-right{flex-shrink:0;align-items:center;display:flex}.lock-badge{color:#000;background:var(--gradient-amber);border-radius:var(--radius-full);align-items:center;gap:2px;padding:3px 8px;font-size:10px;font-weight:800;display:flex;box-shadow:0 2px 8px #f59e0b4d}.done-badge{color:var(--accent-green);border-radius:var(--radius-full);background:#10b9811a;border:1px solid #10b98133;align-items:center;gap:2px;padding:3px 8px;font-size:10px;font-weight:700;display:flex}.action-arrow{color:var(--text-tertiary);transition:color var(--transition-fast);align-items:center;gap:2px;font-size:11px;font-weight:700;display:flex}.filter-content-item:hover .action-arrow{color:var(--accent-cyan)}.subject-detail{margin:calc(-1 * var(--space-6));margin-top:calc(-1 * var(--topbar-height) - var(--space-6))}.subject-detail-header{padding:calc(var(--topbar-height) + var(--space-6)) var(--space-6) var(--space-8);color:#fff;position:relative}.back-btn{top:calc(var(--topbar-height) + var(--space-4));left:var(--space-4);border-radius:var(--radius-full);color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:36px;height:36px;transition:all var(--transition-base);background:#fff3;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.back-btn:hover{background:#ffffff4d}.subject-detail-info{text-align:center;padding-top:var(--space-6)}.subject-detail-icon{margin-bottom:var(--space-3);font-size:3rem;display:block}.subject-detail-info h1{font-size:var(--text-2xl);font-weight:800}.subject-detail-info>p{opacity:.9;font-size:var(--text-sm);margin-top:var(--space-1)}.chapter-accordion{padding:var(--space-6);gap:var(--space-4);flex-direction:column;display:flex}.chapter-accordion-item{border-radius:var(--radius-xl);transition:all var(--transition-base);box-shadow:var(--shadow-sm);background:#0c1222bf;border:1px solid #ffffff0d;overflow:hidden}.chapter-accordion-header{padding:var(--space-4) var(--space-5);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;transition:all var(--transition-base);border:none;display:flex}.chapter-accordion-header:hover{background:#ffffff08}.chapter-header-left{align-items:center;gap:var(--space-3);min-width:0;display:flex}.chapter-number{border-radius:var(--radius-md);background:var(--gradient-primary);color:#fff;width:32px;height:32px;font-size:var(--text-sm);flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:flex}.chapter-header-info h3{font-size:var(--text-sm);color:var(--text-primary);margin-bottom:2px;font-weight:700}.chapter-meta{color:var(--text-tertiary);font-size:11px;font-weight:500}.chapter-header-right{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.chapter-progress-mini{align-items:center;gap:var(--space-2);display:flex}.mini-progress-bar{background:var(--border-subtle);border-radius:var(--radius-full);width:48px;height:4px;overflow:hidden}.mini-progress-fill{background:var(--accent-green);border-radius:var(--radius-full);height:100%;transition:width var(--transition-base)}.chapter-progress-mini span{color:var(--text-tertiary);font-size:10px;font-weight:700}.chapter-chevron{color:var(--text-tertiary);transition:transform var(--transition-base)}.chapter-chevron.rotated{transform:rotate(180deg)}.chapter-accordion-body{padding:0 var(--space-4) var(--space-4);gap:var(--space-3);flex-direction:column;animation:.25s ease-out slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.page-section{border-radius:var(--radius-lg);padding:var(--space-3);transition:all var(--transition-base);background:#060a1473;border:1px solid #ffffff0a}.page-section:hover{background:#060a14a6;border-color:#0ea5e933}.page-header{align-items:center;gap:var(--space-2);padding-bottom:var(--space-2);margin-bottom:var(--space-2);border-bottom:1px solid var(--border-subtle);display:flex}.page-header svg{color:var(--accent-violet);flex-shrink:0}.page-number{color:var(--accent-violet);border-radius:var(--radius-full);white-space:nowrap;background:#8b5cf61a;padding:2px 8px;font-size:10px;font-weight:800}.page-header h4{font-size:var(--text-xs);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.page-content-count{color:var(--text-tertiary);background:var(--bg-glass);border-radius:var(--radius-sm);white-space:nowrap;padding:2px 6px;font-size:10px;font-weight:600}.page-empty{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3);color:var(--text-muted);font-size:var(--text-xs);display:flex}.page-empty svg{opacity:.5}.direct-content-section{border-style:dashed}.tag-type{color:var(--accent-violet);border-radius:var(--radius-sm);text-transform:capitalize;background:#8b5cf61a;padding:1px 6px;font-weight:600}.content-list{gap:var(--space-3);flex-direction:column;display:flex}.content-item{align-items:center;gap:var(--space-3);padding:var(--space-4);cursor:pointer;display:flex}.content-type-icon{border-radius:var(--radius-md);background:var(--bg-glass);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.content-info{flex:1;min-width:0}.content-info h4{font-size:var(--text-sm);margin-bottom:4px;font-weight:600}.content-meta{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-tertiary);display:flex}@media (width>=768px){.subject-detail{margin-left:calc(-1 * var(--sidebar-width) - var(--space-6))}}.flex-center-y{align-items:center;gap:var(--space-2);display:inline-flex}.premium-crown-inline{color:var(--accent-amber);animation:2s infinite pulse}.locked-resource{opacity:.85}.completed-item{border-left:3px solid var(--accent-green)}.item-action-indicator{flex-shrink:0;align-items:center;display:flex}.video-player-modal{width:92%;max-width:650px}.video-player-screen{aspect-ratio:16/9;border-radius:var(--radius-lg);width:100%;margin-bottom:var(--space-4);background:#000;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000080}.video-glow{pointer-events:none;background:radial-gradient(circle,#06b6d41a 0%,#0000 80%);position:absolute;inset:0}.video-play-center{color:#fffc;cursor:pointer;transition:transform var(--transition-base), color var(--transition-fast);z-index:10}.video-play-center:hover{color:var(--accent-cyan);transform:scale(1.1)}.video-time-overlay{bottom:var(--space-3);right:var(--space-3);color:#fff;border-radius:var(--radius-sm);z-index:10;background:#000000b3;padding:2px 8px;font-size:11px;position:absolute}.video-progress-track{z-index:10;background:#fff3;width:100%;height:4px;position:absolute;bottom:0;left:0}.video-progress-bar{background:var(--accent-cyan);height:100%}.video-details-row{justify-content:space-between;align-items:center;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.video-details-row h4{font-size:var(--text-base);color:var(--text-primary);font-weight:700}.video-comments{margin-top:var(--space-4)}.video-comments h5{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-3);font-weight:700}.comments-box{gap:var(--space-3);flex-direction:column;max-height:150px;display:flex;overflow-y:auto}.comment-bubble-study{gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--bg-hover);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);display:flex}.comment-bubble-study .comment-body{font-size:var(--text-xs)}.comment-bubble-study .comment-body strong{color:var(--text-primary)}.comment-bubble-study .comment-body .time{color:var(--text-tertiary);margin-left:6px;font-weight:400}.comment-bubble-study .comment-body p{color:var(--text-secondary);margin-top:2px}.pdf-reader-modal{width:90%;max-width:600px}.reader-controls{padding:var(--space-3) var(--space-4);background:var(--bg-hover);border-radius:var(--radius-md);border:1px solid var(--border-subtle);font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.zoom-controls{align-items:center;gap:var(--space-2);display:flex}.document-view-pane{color:#1e293b;border-radius:var(--radius-lg);padding:var(--space-6);border:1px solid var(--border-strong);background:#fff;min-height:250px;max-height:350px;overflow-y:auto;box-shadow:inset 0 2px 8px #0000000d}.document-view-pane h4{margin-bottom:var(--space-4);border-bottom:2px solid #cbd5e1;padding-bottom:8px;font-size:1.15rem;font-weight:800}.document-view-pane p{margin-bottom:var(--space-3);line-height:1.6}.reader-page-break{color:#94a3b8;padding:var(--space-1) 0;margin:var(--space-4) 0;border-top:1px dashed #cbd5e1;border-bottom:1px dashed #cbd5e1;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.reader-actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-4);display:flex}.quiz-taker-modal{width:90%;max-width:500px}.quiz-progress-bar{background:var(--border-subtle);border-radius:var(--radius-full);width:100%;height:5px;margin-bottom:var(--space-2);overflow:hidden}.quiz-progress-fill{background:var(--gradient-primary);height:100%;transition:width var(--transition-base)}.quiz-index{color:var(--text-tertiary);text-transform:uppercase;font-size:10px;font-weight:700}.quiz-question{font-size:var(--text-base);color:var(--text-primary);margin:var(--space-3) 0 var(--space-5);font-weight:800;line-height:1.4}.quiz-options-list{gap:var(--space-3);flex-direction:column;display:flex}.quiz-option-card{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);cursor:pointer;text-align:left;border:1px solid var(--border-subtle);transition:all var(--transition-fast);display:flex}.quiz-option-card:hover:not(:disabled){border-color:var(--accent-cyan);background:var(--bg-hover)}.option-bullet{background:var(--bg-glass);width:24px;height:24px;color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:flex}.quiz-option-card.correct{border-color:var(--accent-green);background:#10b98114}.quiz-option-card.correct .option-bullet{background:var(--accent-green);color:#fff;border-color:#0000}.quiz-option-card.wrong{border-color:var(--accent-red);background:#ef444414}.quiz-option-card.wrong .option-bullet{background:var(--accent-red);color:#fff;border-color:#0000}.quiz-explanation-box{margin-top:var(--space-5);background:var(--bg-hover);border:1px dashed var(--border-default);padding:var(--space-4);border-radius:var(--radius-lg)}.quiz-explanation-box h5{font-size:var(--text-sm);color:var(--text-primary);margin-bottom:4px;font-weight:800}.quiz-explanation-box p{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.5}.next-quiz-btn{margin-top:var(--space-4);width:100%}.quiz-score-view{text-align:center;padding:var(--space-6) 0;align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.score-circle{background:var(--gradient-primary);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;display:flex;box-shadow:0 8px 32px #06b6d44d}.score-circle strong{font-size:var(--text-2xl);color:#fff}.quiz-score-view h3{font-size:var(--text-lg);font-weight:900}.quiz-score-view p{font-size:var(--text-sm);color:var(--text-secondary);max-width:280px}.audio-player-modal{width:90%;max-width:420px}.audio-cover-pane{aspect-ratio:1;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);margin-bottom:var(--space-5);justify-content:center;align-items:center;display:flex;position:relative}.audio-icon-xl{font-size:4rem}.audio-title-details{text-align:center;margin-bottom:var(--space-4)}.audio-title-details h4{font-size:var(--text-base);font-weight:800}.audio-title-details p{font-size:var(--text-xs);margin-top:2px}.waveform-box{height:60px;margin-bottom:var(--space-5);justify-content:center;align-items:center;gap:3px;display:flex}.wave-bar{background:var(--border-strong);border-radius:var(--radius-full);width:4px}.wave-bar.active-wave{background:var(--accent-pink);animation:.8s ease-in-out infinite alternate bounce}.audio-player-controls{margin-bottom:var(--space-5);justify-content:center;display:flex}.audio-play-btn{color:var(--accent-pink);transition:transform var(--transition-fast)}.audio-play-btn:hover{transform:scale(1.1)}.audio-actions{justify-content:center;display:flex}.vip-lock-modal{text-align:center;width:90%;max-width:420px;position:relative}.vip-lock-glow{pointer-events:none;background:radial-gradient(circle,#f59e0b26 0%,#0000 70%);border-radius:50%;width:140px;height:140px;position:absolute;top:-40px;left:50%;transform:translate(-50%)}.vip-lock-crown{color:var(--accent-amber);margin:var(--space-4) 0;filter:drop-shadow(0 0 12px #f59e0b66);animation:1.5s infinite bounce}.vip-lock-modal h2{font-size:var(--text-base);margin-bottom:var(--space-2);font-weight:900}.vip-lock-modal p{font-size:var(--text-xs);color:var(--text-secondary);max-width:300px;margin:0 auto var(--space-5);line-height:1.5}.vip-benefits-grid{gap:var(--space-2);text-align:left;padding:var(--space-4);border-radius:var(--radius-lg);max-width:320px;margin:0 auto var(--space-6);background:#f59e0b0d;border:1px solid #f59e0b26;flex-direction:column;display:flex}.benefit-item{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-primary);display:flex}.benefit-item svg{color:var(--accent-amber)}.upgrade-redirect-btn{background:var(--gradient-amber);color:#000;margin-bottom:var(--space-2);font-weight:800;box-shadow:0 4px 14px #f59e0b4d}.upgrade-redirect-btn:hover{box-shadow:0 6px 20px #f59e0b66}:root{--chat-bg:#0f172a;--chat-card:#1e293b;--chat-card-hover:#263548;--chat-surface:#172033;--chat-primary:#2563eb;--chat-primary-glow:#2563eb40;--chat-primary-soft:#2563eb1f;--chat-accent:#06b6d4;--chat-accent-glow:#06b6d433;--chat-accent-soft:#06b6d41a;--chat-gold:#fbbf24;--chat-gold-soft:#fbbf2426;--chat-green:#22c55e;--chat-green-soft:#22c55e26;--chat-red:#ef4444;--chat-red-soft:#ef44441f;--chat-text:#f1f5f9;--chat-text-2:#cbd5e1;--chat-text-3:#94a3b8;--chat-text-4:#64748b;--chat-line:#94a3b814;--chat-line-2:#94a3b824;--chat-glass:#1e293bbf;--chat-glass-border:#94a3b81a;--chat-bubble-in:#1e293b;--chat-bubble-out-1:#2563eb;--chat-bubble-out-2:#1d4ed8;--chat-radius:20px;--chat-radius-sm:14px;--chat-radius-xs:10px;--chat-shadow:0 8px 32px #0000004d, 0 2px 8px #0003;--chat-shadow-sm:0 4px 16px #0003;--chat-shadow-glow:0 0 24px var(--chat-primary-glow);--chat-font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--chat-transition:cubic-bezier(.22, 1, .36, 1)}.chat-root{background:var(--chat-bg);width:100%;height:100%;min-height:calc(100dvh - 120px);font-family:var(--chat-font);color:var(--chat-text);-webkit-font-smoothing:antialiased;flex-direction:column;display:flex;position:relative;overflow:hidden}@keyframes chatFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes chatSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes chatSlideRight{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes chatSlideLeft{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes chatPulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes chatShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes chatBounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}@keyframes chatFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes chatScaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes chatGlow{0%,to{box-shadow:0 0 8px var(--chat-primary-glow)}50%{box-shadow:0 0 24px var(--chat-primary-glow), 0 0 48px #2563eb1a}}@keyframes onlinePulse{0%,to{box-shadow:0 0 #22c55e80}50%{box-shadow:0 0 0 4px #22c55e00}}@keyframes catSlide{0%{width:0}to{width:100%}}@keyframes fabPop{0%{opacity:0;transform:scale(.5)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.chat-header{z-index:30;background:linear-gradient(180deg, var(--chat-bg) 60%, transparent);-webkit-backdrop-filter:blur(20px);padding:16px 20px 12px;position:sticky;top:0}.chat-header-row{align-items:center;gap:14px;display:flex}.chat-header-avatar{background:linear-gradient(135deg, var(--chat-primary), var(--chat-accent));color:#fff;width:48px;height:48px;box-shadow:0 4px 16px var(--chat-primary-glow);border-radius:50%;flex-shrink:0;place-items:center;font-size:18px;font-weight:700;display:grid;position:relative}.chat-header-avatar .online-ring{background:var(--chat-green);border:3px solid var(--chat-bg);border-radius:50%;width:14px;height:14px;animation:2s infinite onlinePulse;position:absolute;bottom:1px;right:1px}.chat-header-title{flex:1;min-width:0}.chat-header-title h1{letter-spacing:-.5px;background:linear-gradient(135deg, var(--chat-text) 50%, var(--chat-accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:26px;font-weight:800}.chat-header-title p{color:var(--chat-text-3);margin:2px 0 0;font-size:13px}.chat-header-icons{align-items:center;gap:6px;display:flex}.chat-icon-btn{background:var(--chat-card);border:1px solid var(--chat-glass-border);width:42px;height:42px;color:var(--chat-text-2);cursor:pointer;transition:all .25s var(--chat-transition);border-radius:14px;place-items:center;display:grid;position:relative}.chat-icon-btn:hover{background:var(--chat-card-hover);color:var(--chat-text);transform:translateY(-1px)}.chat-icon-btn:active{transform:scale(.92)}.chat-icon-btn .notif-badge{background:var(--chat-red);color:#fff;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;display:grid;position:absolute;top:6px;right:6px;box-shadow:0 2px 8px #ef444466}.chat-search-wrap{padding:4px 20px 12px}.chat-search{background:var(--chat-glass);border:1px solid var(--chat-glass-border);-webkit-backdrop-filter:blur(16px);height:52px;transition:all .3s var(--chat-transition);border-radius:18px;align-items:center;gap:12px;padding:0 18px;display:flex}.chat-search:focus-within{border-color:var(--chat-primary);box-shadow:var(--chat-shadow-glow);background:var(--chat-card)}.chat-search svg{color:var(--chat-text-4);flex-shrink:0}.chat-search input{color:var(--chat-text);font-size:15px;font-family:var(--chat-font);background:0 0;border:none;outline:none;flex:1;font-weight:500}.chat-search input::placeholder{color:var(--chat-text-4);font-weight:400}.chat-search-clear{background:var(--chat-line-2);width:28px;height:28px;color:var(--chat-text-3);cursor:pointer;border:none;border-radius:50%;place-items:center;transition:all .2s;display:grid}.chat-search-clear:hover{background:var(--chat-text-4);color:#fff}.chat-cats{scrollbar-width:none;-ms-overflow-style:none;gap:8px;padding:0 20px 16px;display:flex;overflow-x:auto}.chat-cats::-webkit-scrollbar{display:none}.chat-cat{background:var(--chat-card);border:1px solid var(--chat-glass-border);color:var(--chat-text-3);font-size:13.5px;font-weight:600;font-family:var(--chat-font);cursor:pointer;transition:all .35s var(--chat-transition);white-space:nowrap;border-radius:14px;flex-shrink:0;align-items:center;gap:8px;padding:10px 20px;display:flex;position:relative}.chat-cat .cat-count{background:var(--chat-line-2);color:var(--chat-text-4);border-radius:8px;padding:2px 7px;font-size:11px;font-weight:700;transition:all .3s}.chat-cat.active{background:linear-gradient(135deg, var(--chat-primary), var(--chat-accent));color:#fff;box-shadow:0 4px 20px var(--chat-primary-glow);border-color:#0000;transform:scale(1.02)}.chat-cat.active .cat-count{color:#fff;background:#fff3}.chat-cat:not(.active):hover{background:var(--chat-card-hover);color:var(--chat-text-2);border-color:var(--chat-line-2)}.chat-scroll{scrollbar-width:thin;scrollbar-color:var(--chat-text-4) transparent;flex:1;padding-bottom:100px;overflow:hidden auto}.chat-scroll::-webkit-scrollbar{width:4px}.chat-scroll::-webkit-scrollbar-track{background:0 0}.chat-scroll::-webkit-scrollbar-thumb{background:var(--chat-text-4);border-radius:4px}.chat-requests-card{border-radius:var(--chat-radius);border:1px solid var(--chat-primary-soft);cursor:pointer;transition:all .3s var(--chat-transition);animation:chatFadeIn .5s var(--chat-transition);background:linear-gradient(135deg,#2563eb14,#06b6d40f);margin:0 20px 20px;padding:18px 20px}.chat-requests-card:hover{box-shadow:var(--chat-shadow-glow);border-color:#2563eb4d;transform:translateY(-2px)}.chat-requests-top{align-items:center;gap:14px;display:flex}.chat-requests-icon{background:linear-gradient(135deg, var(--chat-primary), var(--chat-accent));color:#fff;width:50px;height:50px;box-shadow:0 4px 16px var(--chat-primary-glow);border-radius:16px;place-items:center;display:grid}.chat-requests-info{flex:1;min-width:0}.chat-requests-info h4{color:var(--chat-text);margin:0;font-size:16px;font-weight:700}.chat-requests-info p{color:var(--chat-text-3);margin:3px 0 0;font-size:13px}.chat-requests-badge{background:var(--chat-primary);color:#fff;min-width:30px;height:30px;box-shadow:0 2px 12px var(--chat-primary-glow);border-radius:15px;place-items:center;padding:0 8px;font-size:13px;font-weight:700;animation:3s infinite chatGlow;display:grid}.chat-requests-actions{gap:10px;margin-top:14px;display:flex}.chat-btn-accept,.chat-btn-reject{font-size:13px;font-weight:600;font-family:var(--chat-font);cursor:pointer;transition:all .25s var(--chat-transition);border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 0;display:flex}.chat-btn-accept{background:linear-gradient(135deg, var(--chat-green), #16a34a);color:#fff;box-shadow:0 4px 12px var(--chat-green-soft)}.chat-btn-accept:hover{transform:translateY(-1px);box-shadow:0 6px 20px #22c55e4d}.chat-btn-reject{background:var(--chat-card);color:var(--chat-text-3);border:1px solid var(--chat-line-2)}.chat-btn-reject:hover{background:var(--chat-red-soft);color:var(--chat-red);border-color:#ef44444d}.chat-section-title{justify-content:space-between;align-items:center;padding:8px 20px 12px;display:flex}.chat-section-title h3{color:var(--chat-text-2);align-items:center;gap:8px;margin:0;font-size:15px;font-weight:700;display:flex}.chat-section-title .link-btn{color:var(--chat-accent);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--chat-font);background:0 0;border:none}.chat-section-title .link-btn:hover{text-decoration:underline}.chat-pinned-carousel{scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory;gap:14px;padding:0 20px 20px;display:flex;overflow-x:auto}.chat-pinned-carousel::-webkit-scrollbar{display:none}.chat-pinned-card{border-radius:var(--chat-radius);background:var(--chat-card);border:1px solid var(--chat-glass-border);cursor:pointer;min-width:150px;max-width:150px;transition:all .35s var(--chat-transition);text-align:center;scroll-snap-align:start;animation:chatFadeIn .4s var(--chat-transition);flex-direction:column;align-items:center;gap:10px;padding:20px 16px 16px;display:flex;position:relative}.chat-pinned-card:hover{box-shadow:var(--chat-shadow);border-color:var(--chat-primary-soft);transform:translateY(-4px)}.chat-pinned-card .pin-badge{background:var(--chat-gold-soft);width:22px;height:22px;color:var(--chat-gold);border-radius:7px;place-items:center;display:grid;position:absolute;top:10px;right:10px}.chat-pinned-card .pinned-avatar{background:var(--pin-grad,linear-gradient(135deg, var(--chat-primary), var(--chat-accent)));border-radius:50%;place-items:center;width:60px;height:60px;font-size:28px;display:grid;position:relative;box-shadow:0 4px 16px #0000004d}.chat-pinned-card .pinned-avatar .online-dot{background:var(--chat-green);border:2.5px solid var(--chat-card);border-radius:50%;width:12px;height:12px;animation:2s infinite onlinePulse;position:absolute;bottom:2px;right:2px}.chat-pinned-card .pinned-name{color:var(--chat-text);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;font-weight:700;line-height:1.3;overflow:hidden}.chat-pinned-card .pinned-msg{color:var(--chat-text-4);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11.5px;line-height:1.3;overflow:hidden}.chat-pinned-card .pinned-unread{background:var(--chat-primary);color:#fff;border-radius:11px;place-items:center;min-width:22px;height:22px;padding:0 5px;font-size:11px;font-weight:700;display:grid}.chat-list{padding:0}.chat-item{position:relative;overflow:hidden}.chat-item-swipe-bg{justify-content:flex-end;align-items:center;gap:2px;padding-right:8px;display:flex;position:absolute;inset:0}.chat-item-swipe-bg .swipe-action{color:#fff;cursor:pointer;width:56px;height:100%;font-size:10px;font-weight:600;font-family:var(--chat-font);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.swipe-action.mute-action{color:var(--chat-gold)}.swipe-action.pin-action{color:var(--chat-accent)}.swipe-action.del-action{color:var(--chat-red)}.chat-item-surface{background:var(--chat-bg);cursor:pointer;transition:all .25s var(--chat-transition);will-change:transform;z-index:1;align-items:center;gap:14px;padding:14px 20px;display:flex;position:relative}.chat-item-surface:hover{background:var(--chat-card)}.chat-item-surface:active{background:var(--chat-card-hover)}.chat-avatar{background:var(--ava-grad,linear-gradient(135deg, var(--chat-primary), var(--chat-accent)));width:58px;height:58px;transition:transform .3s var(--chat-transition);border-radius:50%;flex-shrink:0;place-items:center;font-size:26px;display:grid;position:relative;box-shadow:0 4px 12px #00000040}.chat-item-surface:hover .chat-avatar{transform:scale(1.05)}.chat-avatar .chat-online-dot{background:var(--chat-green);border:3px solid var(--chat-bg);border-radius:50%;width:14px;height:14px;animation:2s infinite onlinePulse;position:absolute;bottom:2px;right:2px}.chat-item-surface:hover .chat-avatar .chat-online-dot{border-color:var(--chat-card)}.chat-item-body{flex:1;min-width:0}.chat-item-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:5px;display:flex}.chat-item-name{color:var(--chat-text);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;font-size:16px;font-weight:700;display:flex;overflow:hidden}.chat-verified-badge{color:var(--chat-primary);flex-shrink:0}.chat-item-time{color:var(--chat-text-4);flex-shrink:0;font-size:12px;font-weight:500}.chat-item-time.has-unread{color:var(--chat-primary);font-weight:600}.chat-item-bottom{justify-content:space-between;align-items:center;gap:8px;display:flex}.chat-item-preview{color:var(--chat-text-3);text-overflow:ellipsis;white-space:nowrap;flex:1;align-items:center;gap:5px;min-width:0;font-size:14px;display:flex;overflow:hidden}.chat-item-preview.has-unread{color:var(--chat-text-2);font-weight:500}.chat-item-preview .me-check{color:var(--chat-primary);flex-shrink:0}.chat-item-preview .type-icon{opacity:.6;flex-shrink:0}.chat-item-meta{flex-shrink:0;align-items:center;gap:6px;display:flex}.chat-mute-icon{color:var(--chat-text-4)}.chat-unread-pill{background:var(--chat-primary);color:#fff;min-width:24px;height:24px;box-shadow:0 2px 8px var(--chat-primary-glow);border-radius:12px;place-items:center;padding:0 7px;font-size:12px;font-weight:700;display:grid}.chat-unread-pill.muted{background:var(--chat-text-4);box-shadow:none}.chat-empty{text-align:center;animation:chatFadeIn .5s var(--chat-transition);flex-direction:column;justify-content:center;align-items:center;padding:60px 40px;display:flex}.chat-empty-icon{background:var(--chat-primary-soft);width:80px;height:80px;color:var(--chat-primary);border-radius:50%;place-items:center;margin-bottom:20px;display:grid}.chat-empty h3{color:var(--chat-text);margin:0 0 8px;font-size:18px;font-weight:700}.chat-empty p{color:var(--chat-text-3);margin:0;font-size:14px;line-height:1.5}.chat-fab{background:linear-gradient(135deg, var(--chat-primary), var(--chat-accent));color:#fff;cursor:pointer;z-index:20;width:60px;height:60px;box-shadow:0 8px 32px var(--chat-primary-glow);transition:all .35s var(--chat-transition);border:none;border-radius:20px;place-items:center;display:grid;position:fixed;bottom:100px;right:24px}.chat-fab:hover{transform:scale(1.08)translateY(-2px);box-shadow:0 12px 40px #2563eb66}.chat-fab:active{transform:scale(.94)}.chat-fab.open{border-radius:50%;transform:rotate(45deg)}.chat-fab-menu{z-index:19;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:174px;right:24px}.chat-fab-option{background:var(--chat-card);border:1px solid var(--chat-glass-border);color:var(--chat-text);font-size:14px;font-weight:600;font-family:var(--chat-font);cursor:pointer;white-space:nowrap;box-shadow:var(--chat-shadow);transition:all .25s var(--chat-transition);animation:fabPop .3s var(--chat-transition) both;border-radius:16px;align-items:center;gap:12px;padding:12px 20px 12px 14px;display:flex}.chat-fab-option:first-child{animation-delay:0s}.chat-fab-option:nth-child(2){animation-delay:60ms}.chat-fab-option:nth-child(3){animation-delay:.12s}.chat-fab-option:hover{background:var(--chat-card-hover);transform:translate(-4px)}.chat-fab-option .fab-ic{color:#fff;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.chat-requests-page{height:100%;animation:chatSlideLeft .35s var(--chat-transition);flex-direction:column;display:flex}.chat-requests-list{flex-direction:column;gap:12px;padding:16px 20px;display:flex}.chat-req-card{border-radius:var(--chat-radius);background:var(--chat-card);border:1px solid var(--chat-glass-border);animation:chatFadeIn .4s var(--chat-transition) both;align-items:center;gap:14px;padding:16px;display:flex}.chat-req-card:first-child{animation-delay:0s}.chat-req-card:nth-child(2){animation-delay:80ms}.chat-req-card:nth-child(3){animation-delay:.16s}.chat-req-card .req-meta{flex:1;min-width:0}.chat-req-card .req-name{color:var(--chat-text);font-size:15px;font-weight:700}.chat-req-card .req-msg{color:var(--chat-text-3);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:13px;overflow:hidden}.chat-req-card .req-mutual{color:var(--chat-text-4);margin-top:4px;font-size:11.5px}.chat-req-btns{flex-shrink:0;gap:8px;display:flex}.chat-req-btns button{cursor:pointer;border:none;border-radius:12px;place-items:center;width:40px;height:40px;transition:all .2s;display:grid}.chat-req-btns .accept-btn{background:var(--chat-green-soft);color:var(--chat-green)}.chat-req-btns .accept-btn:hover{background:var(--chat-green);color:#fff}.chat-req-btns .reject-btn{background:var(--chat-red-soft);color:var(--chat-red)}.chat-req-btns .reject-btn:hover{background:var(--chat-red);color:#fff}.chat-convo{height:100%;animation:chatSlideLeft .3s var(--chat-transition);flex-direction:column;display:flex}.chat-convo-header{background:var(--chat-glass);border-bottom:1px solid var(--chat-line);-webkit-backdrop-filter:blur(24px);z-index:10;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}.chat-back-btn{background:var(--chat-card);border:1px solid var(--chat-glass-border);width:40px;height:40px;color:var(--chat-text-2);cursor:pointer;border-radius:12px;flex-shrink:0;place-items:center;transition:all .2s;display:grid}.chat-back-btn:hover{background:var(--chat-card-hover);color:var(--chat-text)}.chat-convo-avatar{cursor:pointer;transition:transform .3s var(--chat-transition)}.chat-convo-avatar:hover{transform:scale(1.08)}.chat-convo-info{cursor:pointer;flex:1;min-width:0}.chat-convo-name{color:var(--chat-text);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;font-size:16px;font-weight:700;display:flex;overflow:hidden}.chat-convo-status{color:var(--chat-text-4);margin-top:1px;font-size:13px}.chat-convo-status.online{color:var(--chat-green)}.chat-convo-status.typing-active{color:var(--chat-accent)}.chat-convo-status .typing-text{align-items:center;gap:4px;display:inline-flex}.typing-dots{gap:3px;margin-left:2px;display:inline-flex}.typing-dots span{background:var(--chat-accent);border-radius:50%;width:5px;height:5px;animation:1.4s ease-in-out infinite chatBounce}.typing-dots span:first-child{animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}.typing-dots span:nth-child(3){animation-delay:0s}.chat-convo-actions{flex-shrink:0;gap:4px;display:flex}.chat-call-btn{width:38px;height:38px;color:var(--chat-text-3);cursor:pointer;background:0 0;border:none;border-radius:12px;place-items:center;transition:all .2s;display:grid}.chat-call-btn:hover{background:var(--chat-card);color:var(--chat-primary)}.chat-messages{scrollbar-width:thin;scrollbar-color:var(--chat-text-4) transparent;background:radial-gradient(ellipse at 20% 80%, #2563eb0a 0%, transparent 60%), radial-gradient(ellipse at 80% 20%, #06b6d408 0%, transparent 60%), var(--chat-bg);flex-direction:column;flex:1;gap:4px;padding:16px 16px 8px;display:flex;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:3px}.chat-messages::-webkit-scrollbar-thumb{background:var(--chat-text-4);border-radius:3px}.chat-date-sep{text-align:center;padding:12px 0}.chat-date-sep span{background:var(--chat-glass);border:1px solid var(--chat-glass-border);color:var(--chat-text-3);-webkit-backdrop-filter:blur(8px);border-radius:12px;padding:6px 16px;font-size:12px;font-weight:600;display:inline-block}.chat-msg-group{max-width:82%;animation:chatFadeIn .3s var(--chat-transition);flex-direction:column;gap:2px;display:flex}.chat-msg-group.out{align-self:flex-end}.chat-msg-group.in{align-self:flex-start}.chat-msg-sender{color:var(--chat-accent);margin-bottom:2px;padding:0 14px;font-size:12px;font-weight:600}.chat-bubble{word-break:break-word;cursor:default;border-radius:18px;padding:10px 14px;font-size:15px;line-height:1.5;transition:all .15s;position:relative}.chat-msg-group.in .chat-bubble{background:var(--chat-bubble-in);border:1px solid var(--chat-glass-border);color:var(--chat-text);border-bottom-left-radius:6px}.chat-msg-group.in .chat-bubble:first-child{border-top-left-radius:18px}.chat-msg-group.out .chat-bubble{background:linear-gradient(135deg, var(--chat-bubble-out-1), var(--chat-bubble-out-2));color:#fff;box-shadow:0 2px 12px var(--chat-primary-glow);border-bottom-right-radius:6px}.chat-msg-group.out .chat-bubble:first-child{border-top-right-radius:18px}.chat-bubble:hover{filter:brightness(1.06)}.chat-reply-quote{border-left:3px solid var(--chat-accent);border-radius:10px;margin-bottom:6px;padding:8px 12px}.chat-msg-group.in .chat-reply-quote{background:#ffffff0d}.chat-msg-group.out .chat-reply-quote{background:#ffffff1f}.chat-reply-quote .reply-who{color:var(--chat-accent);margin-bottom:2px;font-size:12px;font-weight:700}.chat-msg-group.out .chat-reply-quote .reply-who{color:#fffc}.chat-reply-quote .reply-text{opacity:.7;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.chat-msg-meta{float:right;opacity:.6;align-items:center;gap:4px;margin:6px -4px -4px 14px;font-size:11px;display:inline-flex}.chat-msg-group.out .chat-msg-meta{opacity:.75}.chat-seen-icon{color:#67e8f9}.chat-reactions{flex-wrap:wrap;gap:4px;padding:4px 8px 0;display:flex}.chat-react-pill{background:var(--chat-card);border:1px solid var(--chat-glass-border);color:var(--chat-text-3);cursor:pointer;border-radius:10px;align-items:center;gap:4px;padding:4px 8px;font-size:13px;transition:all .2s;display:inline-flex}.chat-react-pill.mine{border-color:var(--chat-primary);background:var(--chat-primary-soft);color:var(--chat-primary)}.chat-react-pill:hover{transform:scale(1.1)}.chat-typing-bubble{background:var(--chat-bubble-in);border:1px solid var(--chat-glass-border);border-radius:18px;align-self:flex-start;gap:5px;margin-top:4px;padding:14px 20px;display:flex}.chat-typing-bubble span{background:var(--chat-text-4);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite chatBounce}.chat-typing-bubble span:first-child{animation-delay:-.32s}.chat-typing-bubble span:nth-child(2){animation-delay:-.16s}.chat-typing-bubble span:nth-child(3){animation-delay:0s}.chat-input-bar{background:var(--chat-glass);border-top:1px solid var(--chat-line);-webkit-backdrop-filter:blur(20px);padding:8px 12px 12px;position:relative}.chat-reply-banner{background:var(--chat-primary-soft);border-left:3px solid var(--chat-primary);border-radius:14px;align-items:center;gap:10px;margin-bottom:8px;padding:10px 14px;display:flex}.chat-reply-banner .rply-info{flex:1;min-width:0}.chat-reply-banner .rply-label{color:var(--chat-primary);font-size:12px;font-weight:700}.chat-reply-banner .rply-text{color:var(--chat-text-3);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.chat-input-row{align-items:flex-end;gap:8px;display:flex}.chat-input-ic{width:42px;height:42px;color:var(--chat-text-3);cursor:pointer;background:0 0;border:none;border-radius:14px;flex-shrink:0;place-items:center;transition:all .2s;display:grid}.chat-input-ic:hover{color:var(--chat-primary);background:var(--chat-primary-soft)}.chat-input-text{background:var(--chat-card);border:1px solid var(--chat-glass-border);min-height:42px;max-height:120px;color:var(--chat-text);font-size:15px;font-family:var(--chat-font);resize:none;border-radius:20px;outline:none;flex:1;padding:10px 16px;line-height:1.4;transition:border-color .3s}.chat-input-text:focus{border-color:var(--chat-primary)}.chat-input-text::placeholder{color:var(--chat-text-4)}.chat-send-btn{background:linear-gradient(135deg, var(--chat-primary), var(--chat-accent));color:#fff;cursor:pointer;width:46px;height:46px;box-shadow:0 4px 16px var(--chat-primary-glow);transition:all .25s var(--chat-transition);border:none;border-radius:16px;flex-shrink:0;place-items:center;display:grid}.chat-send-btn:hover{transform:scale(1.06);box-shadow:0 6px 24px #2563eb66}.chat-send-btn:active{transform:scale(.92)}.chat-send-btn:disabled{background:var(--chat-card);box-shadow:none;color:var(--chat-text-4);cursor:default}.chat-emoji-popup{background:var(--chat-card);border:1px solid var(--chat-glass-border);animation:chatScaleIn .25s var(--chat-transition);border-radius:18px;margin-bottom:8px;padding:12px}.chat-emoji-popup h5{color:var(--chat-text-4);margin:0 0 10px;font-size:12px;font-weight:600}.chat-emoji-grid{flex-wrap:wrap;gap:4px;display:flex}.chat-emoji-grid button{cursor:pointer;background:0 0;border:none;border-radius:10px;place-items:center;width:40px;height:40px;font-size:22px;transition:all .15s;display:grid}.chat-emoji-grid button:hover{background:var(--chat-card-hover);transform:scale(1.15)}.chat-overlay{z-index:50;-webkit-backdrop-filter:blur(4px);background:#00000080;animation:.2s chatFadeIn;position:fixed;inset:0}.chat-sheet{background:var(--chat-card);z-index:51;animation:chatSlideUp .35s var(--chat-transition);border-radius:24px 24px 0 0;padding:12px 20px 32px;position:fixed;bottom:0;left:0;right:0}.chat-sheet-grip{background:var(--chat-text-4);border-radius:2px;width:40px;height:4px;margin:0 auto 16px}.chat-sheet-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.chat-sheet-item{color:var(--chat-text-2);font-size:12px;font-weight:600;font-family:var(--chat-font);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:8px;transition:all .2s;display:flex}.chat-sheet-item:hover{transform:translateY(-2px)}.chat-sheet-ic{color:#fff;border-radius:18px;place-items:center;width:56px;height:56px;display:grid}.chat-sheet-ic.blue{background:linear-gradient(135deg,#2563eb,#3b82f6)}.chat-sheet-ic.green{background:linear-gradient(135deg,#10b981,#22c55e)}.chat-sheet-ic.purple{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.chat-sheet-ic.amber{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.chat-ctx-menu{z-index:60;background:var(--chat-card);border:1px solid var(--chat-glass-border);min-width:200px;box-shadow:var(--chat-shadow);animation:chatScaleIn .2s var(--chat-transition);-webkit-backdrop-filter:blur(20px);border-radius:18px;padding:8px;position:fixed}.chat-ctx-quick-reacts{border-bottom:1px solid var(--chat-line);gap:4px;margin-bottom:4px;padding:4px 6px 10px;display:flex}.chat-ctx-quick-reacts button{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px 6px;font-size:22px;transition:all .15s}.chat-ctx-quick-reacts button:hover{background:var(--chat-card-hover);transform:scale(1.2)}.chat-ctx-item{width:100%;color:var(--chat-text-2);font-size:14px;font-weight:500;font-family:var(--chat-font);cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;transition:background .15s;display:flex}.chat-ctx-item:hover{background:var(--chat-card-hover)}.chat-ctx-item.danger{color:var(--chat-red)}.chat-ctx-item.danger:hover{background:var(--chat-red-soft)}.chat-detail{height:100%;animation:chatSlideLeft .3s var(--chat-transition);flex-direction:column;display:flex}.chat-detail-scroll{scrollbar-width:thin;scrollbar-color:var(--chat-text-4) transparent;flex:1;overflow-y:auto}.chat-detail-banner{background:var(--banner-grad,linear-gradient(135deg, var(--chat-primary), var(--chat-accent)));justify-content:space-between;align-items:flex-start;height:160px;padding:16px;display:flex;position:relative}.chat-detail-banner .banner-btns{gap:8px;display:flex}.chat-detail-hero{z-index:2;flex-direction:column;align-items:center;margin-top:-50px;padding:0 20px;display:flex;position:relative}.chat-hero-avatar{background:var(--hero-grad,linear-gradient(135deg, var(--chat-primary), var(--chat-accent)));border:4px solid var(--chat-bg);width:100px;height:100px;box-shadow:var(--chat-shadow);border-radius:50%;place-items:center;font-size:48px;display:grid}.chat-hero-name{text-align:center;align-items:center;gap:8px;margin:14px 0 4px;font-size:24px;font-weight:800;display:flex}.chat-hero-sub{color:var(--chat-text-3);align-items:center;gap:6px;margin-bottom:16px;font-size:14px;display:flex}.chat-hero-sub .live-dot{color:var(--chat-green)}.chat-prem-row{flex-wrap:wrap;justify-content:center;gap:8px;padding:0 20px 16px;display:flex}.chat-prem-badge{border-radius:20px;align-items:center;gap:5px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.chat-prem-badge.gold{background:var(--chat-gold-soft);color:var(--chat-gold)}.chat-prem-badge.green{background:var(--chat-green-soft);color:var(--chat-green)}.chat-prem-badge.blue{background:var(--chat-primary-soft);color:var(--chat-primary)}.chat-prem-badge.cyan{background:var(--chat-accent-soft);color:var(--chat-accent)}.chat-stats-row{justify-content:center;gap:0;padding:0 20px 20px;display:flex}.chat-stat{text-align:center;flex:1;padding:14px 0}.chat-stat:not(:last-child){border-right:1px solid var(--chat-line)}.chat-stat .stat-num{color:var(--chat-text);font-size:20px;font-weight:800}.chat-stat .stat-label{color:var(--chat-text-4);margin-top:2px;font-size:12px;font-weight:500}.chat-desc-block{border-radius:var(--chat-radius);background:var(--chat-card);border:1px solid var(--chat-glass-border);margin:0 20px 20px;padding:18px}.chat-desc-block h4{color:var(--chat-text-2);margin:0 0 8px;font-size:14px;font-weight:700}.chat-desc-block p{color:var(--chat-text-3);margin:0;font-size:14px;line-height:1.6}.chat-analytics-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:0 20px 20px;display:grid}.chat-mini-card{border-radius:var(--chat-radius-sm);background:var(--chat-card);border:1px solid var(--chat-glass-border);padding:16px}.chat-mini-card .mc-icon{border-radius:10px;place-items:center;width:36px;height:36px;margin-bottom:10px;display:grid}.chat-mini-card .mc-val{color:var(--chat-text);font-size:20px;font-weight:800}.chat-mini-card .mc-key{color:var(--chat-text-4);margin-top:2px;font-size:12px}.chat-pinned-banner{border-radius:var(--chat-radius-sm);background:var(--chat-card);border:1px solid var(--chat-glass-border);border-left:3px solid var(--chat-gold);cursor:pointer;align-items:center;gap:12px;margin:0 20px 16px;padding:14px 16px;transition:all .2s;display:flex}.chat-pinned-banner:hover{background:var(--chat-card-hover)}.chat-pinned-banner .pb-info{flex:1;min-width:0}.chat-pinned-banner .pb-label{color:var(--chat-text-2);font-size:13px;font-weight:700}.chat-pinned-banner .pb-text{color:var(--chat-text-3);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.chat-join-btn{background:linear-gradient(135deg, var(--chat-primary), var(--chat-accent));color:#fff;font-size:16px;font-weight:700;font-family:var(--chat-font);cursor:pointer;box-shadow:0 4px 20px var(--chat-primary-glow);transition:all .3s var(--chat-transition);border:none;border-radius:18px;justify-content:center;align-items:center;gap:8px;margin:0 20px 20px;padding:16px;display:flex}.chat-join-btn:hover{transform:translateY(-2px);box-shadow:0 8px 32px #2563eb66}.chat-join-btn.following{background:var(--chat-card);border:1px solid var(--chat-glass-border);box-shadow:none;color:var(--chat-text-2)}.chat-detail-tabs{border-bottom:1px solid var(--chat-line);margin-bottom:16px;padding:0 20px;display:flex}.chat-detail-tab{color:var(--chat-text-4);font-size:13px;font-weight:600;font-family:var(--chat-font);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:6px;padding:14px 0;transition:all .25s;display:flex}.chat-detail-tab.active{color:var(--chat-primary);border-bottom-color:var(--chat-primary)}.chat-detail-tab:hover:not(.active){color:var(--chat-text-2)}.chat-media-grid{grid-template-columns:repeat(3,1fr);gap:4px;padding:0 20px 20px;display:grid}.chat-media-tile{aspect-ratio:1;border-radius:var(--chat-radius-xs);background:var(--chat-card);cursor:pointer;place-items:center;font-size:30px;transition:all .2s;display:grid}.chat-media-tile:hover{background:var(--chat-card-hover);transform:scale(1.04)}.chat-member-row{align-items:center;gap:12px;padding:10px 20px;display:flex}.chat-member-row .member-role{border-radius:10px;flex-shrink:0;padding:4px 12px;font-size:12px;font-weight:700}.chat-member-row .member-role.owner{background:var(--chat-gold-soft);color:var(--chat-gold)}.chat-member-row .member-role.admin{background:var(--chat-primary-soft);color:var(--chat-primary)}.chat-file-row{cursor:pointer;align-items:center;gap:12px;padding:12px 20px;transition:background .15s;display:flex}.chat-file-row:hover{background:var(--chat-card)}.chat-file-row .file-icon{border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.chat-file-row .file-info{flex:1;min-width:0}.chat-file-row .file-name{color:var(--chat-text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.chat-file-row .file-size{color:var(--chat-text-4);font-size:12px}.chat-modal-bg{-webkit-backdrop-filter:blur(8px);z-index:60;background:#0009;place-items:center;padding:20px;animation:.2s chatFadeIn;display:grid;position:fixed;inset:0}.chat-modal{background:var(--chat-card);border:1px solid var(--chat-glass-border);width:100%;max-width:420px;box-shadow:var(--chat-shadow);animation:chatScaleIn .3s var(--chat-transition);border-radius:24px;padding:28px}.chat-modal h3{color:var(--chat-text);margin:0 0 20px;font-size:20px;font-weight:800}.chat-field{margin-bottom:18px}.chat-field label{color:var(--chat-text-3);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.chat-field input,.chat-field textarea{background:var(--chat-surface);border:1px solid var(--chat-glass-border);width:100%;color:var(--chat-text);font-size:15px;font-family:var(--chat-font);box-sizing:border-box;border-radius:14px;outline:none;padding:12px 16px;transition:border-color .3s}.chat-field input:focus,.chat-field textarea:focus{border-color:var(--chat-primary)}.chat-field textarea{resize:vertical;min-height:80px}.chat-field input::placeholder,.chat-field textarea::placeholder{color:var(--chat-text-4)}.chat-emoji-opts{flex-wrap:wrap;gap:6px;display:flex}.chat-emoji-opt{background:var(--chat-surface);border:2px solid var(--chat-glass-border);cursor:pointer;border-radius:12px;place-items:center;width:42px;height:42px;font-size:20px;transition:all .2s;display:grid}.chat-emoji-opt:hover{border-color:var(--chat-text-4);transform:scale(1.1)}.chat-emoji-opt.selected{border-color:var(--chat-primary);background:var(--chat-primary-soft);box-shadow:0 0 12px var(--chat-primary-glow)}.chat-modal-btns{gap:12px;margin-top:24px;display:flex}.chat-modal-btns .ghost-btn{background:var(--chat-surface);border:1px solid var(--chat-glass-border);color:var(--chat-text-3);font-size:15px;font-weight:600;font-family:var(--chat-font);cursor:pointer;border-radius:14px;flex:1;padding:14px;transition:all .2s}.chat-modal-btns .ghost-btn:hover{background:var(--chat-card-hover);color:var(--chat-text)}.chat-modal-btns .primary-btn{background:linear-gradient(135deg, var(--chat-primary), var(--chat-accent));color:#fff;font-size:15px;font-weight:700;font-family:var(--chat-font);cursor:pointer;box-shadow:0 4px 16px var(--chat-primary-glow);transition:all .25s var(--chat-transition);border:none;border-radius:14px;flex:1;padding:14px}.chat-modal-btns .primary-btn:hover{transform:translateY(-1px);box-shadow:0 6px 24px #2563eb66}.chat-modal-btns .primary-btn:disabled{opacity:.5;cursor:default;box-shadow:none;transform:none}@media (width<=480px){.chat-header{padding:12px 16px 10px}.chat-search-wrap{padding:4px 16px 10px}.chat-cats{padding:0 16px 14px}.chat-requests-card{margin:0 16px 16px}.chat-pinned-carousel{padding:0 16px 16px}.chat-section-title{padding:8px 16px 10px}.chat-item-surface{padding:12px 16px}.chat-avatar{width:52px;height:52px;font-size:24px}.chat-item-name{font-size:15px}.chat-item-preview{font-size:13px}}.exam-page{gap:var(--space-6);flex-direction:column;display:flex}.exam-header h1{font-size:var(--text-2xl);font-weight:800}.exam-subtitle{color:var(--text-secondary);font-size:var(--text-sm);margin-top:var(--space-1)}.exam-section{gap:var(--space-4);margin-bottom:var(--space-6);flex-direction:column;display:flex}.exams-grid,.live-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.exam-card{padding:var(--space-5);border-radius:var(--radius-xl);transition:all var(--transition-spring);background:#0c1222bf;border:1px solid #ffffff0f;flex-direction:column;justify-content:space-between;display:flex}.exam-card:hover{border-color:#0ea5e94d;transform:translateY(-4px)scale(1.02);box-shadow:0 10px 24px #00000073,0 0 16px #0ea5e914}.exam-card-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.subject-tag{background:var(--bg-glass-strong);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--accent-cyan);padding:2px 8px;font-size:10px;font-weight:600}.difficulty-tag{color:var(--text-tertiary);font-size:10px;font-weight:500}.exam-card h3{font-size:var(--text-base);margin-bottom:var(--space-2);font-weight:700}.exam-details{gap:var(--space-1);font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:var(--space-3);flex-direction:column;display:flex}.exam-prize{color:var(--accent-amber);padding:var(--space-2);border-radius:var(--radius-md);font-size:var(--text-xs);text-align:center;margin-bottom:var(--space-2);background:#f59e0b1a;border:1px dashed #f59e0b4d;font-weight:600}.border-glow-live{border-color:#ef444466;box-shadow:0 0 15px #ef444426}.live-class-banner{padding:var(--space-5);cursor:pointer;border-left:4px solid var(--accent-red);border:1px solid #ffffff0f;border-left:4px solid var(--accent-red);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg), 0 0 20px #ef44440d;transition:all var(--transition-base);background:#0c1222d9;justify-content:space-between;align-items:center;display:flex}.live-class-banner:hover{box-shadow:var(--shadow-lg), 0 0 24px #ef444426;border-color:#ef44444d;transform:translateY(-2px)}.live-banner-left h3{font-size:var(--text-base);margin:var(--space-2) 0;font-weight:700}.live-banner-left p{font-size:var(--text-xs);color:var(--text-secondary)}.live-stats-bar{gap:var(--space-4);font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-2);display:flex}.time-badge{color:var(--accent-amber);font-size:10px;font-weight:600}.duration-tag{color:var(--text-tertiary);font-size:10px}.live-card{padding:var(--space-4)}.live-card-header{margin-bottom:var(--space-2);justify-content:space-between;display:flex}.live-card h3{font-size:var(--text-sm);font-weight:700}.teacher-name{font-size:var(--text-xs);color:var(--text-secondary);margin-top:var(--space-1)}.leaderboard-top-three{justify-content:center;align-items:flex-end;gap:var(--space-6);padding:var(--space-6);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-4);display:flex}.top-three-item{flex-direction:column;align-items:center;width:90px;display:flex}.top-three-avatar{border-radius:var(--radius-full);color:#fff;width:60px;height:60px;font-weight:700;font-size:var(--text-base);border:3px solid var(--border-default);justify-content:center;align-items:center;display:flex;position:relative}.crown-badge{font-size:1.5rem;animation:2s ease-in-out infinite float;position:absolute;top:-16px}.top-three-rank{font-size:var(--text-xs);color:#fff;border-radius:var(--radius-full);z-index:1;justify-content:center;align-items:center;width:20px;height:20px;margin-top:-10px;font-weight:800;display:flex}.rank-1 .top-three-rank{background:var(--accent-amber)}.rank-2 .top-three-rank{background:var(--text-secondary)}.rank-3 .top-three-rank{background:var(--accent-orange)}.rank-1 .top-three-avatar{border-color:var(--accent-amber);width:72px;height:72px;font-size:var(--text-lg)}.rank-2 .top-three-avatar{border-color:var(--text-secondary)}.rank-3 .top-three-avatar{border-color:var(--accent-orange)}.top-three-name{font-size:var(--text-xs);margin-top:var(--space-2);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-weight:600;overflow:hidden}.top-three-points{color:var(--accent-cyan);font-size:10px;font-weight:700}.leaderboard-list{gap:var(--space-2);padding:var(--space-4);flex-direction:column;display:flex}.leaderboard-row{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);transition:all var(--transition-base);background:#060a1480;justify-content:space-between;align-items:center;display:flex}.leaderboard-row:hover{background:#060a14b3;border-color:#0ea5e926;transform:translate(4px)}.leaderboard-rank{font-size:var(--text-sm);color:var(--text-tertiary);width:24px;font-weight:700}.leaderboard-user{align-items:center;gap:var(--space-3);font-size:var(--text-sm);flex:1;font-weight:500;display:flex}.leaderboard-points{font-size:var(--text-sm);color:var(--accent-cyan);font-weight:700}@media (width<=640px){.live-class-banner{align-items:stretch;gap:var(--space-4);flex-direction:column}}.exam-taking-page{height:calc(100vh - var(--topbar-height) - var(--bottomnav-height) - 40px);max-width:var(--max-content-width);justify-content:space-between;gap:var(--space-4);flex-direction:column;margin:0 auto;display:flex}.exam-taking-header{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.exam-header-mid{flex:1}.exam-header-mid h3{font-size:var(--text-base);margin-bottom:var(--space-1);font-weight:700}.progress-bar-container{align-items:center;gap:var(--space-3);display:flex}.progress-text{color:var(--text-tertiary);white-space:nowrap;font-size:10px}.exam-timer{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent-cyan);font-weight:700;display:flex}.question-card{padding:var(--space-6);flex-direction:column;flex:1;justify-content:center;display:flex}.question-number{font-size:var(--text-xs);color:var(--accent-cyan);text-transform:uppercase;margin-bottom:var(--space-2);font-weight:600}.question-text{font-size:var(--text-lg);font-weight:700;line-height:var(--leading-tight);margin-bottom:var(--space-6)}.options-list{gap:var(--space-3);flex-direction:column;display:flex}.option-btn{align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);background:var(--bg-glass);border:1px solid var(--border-subtle);text-align:left;transition:all var(--transition-base);cursor:pointer;display:flex}.option-btn:hover{background:var(--bg-glass-hover);border-color:var(--border-default)}.option-btn.selected{border-color:var(--accent-cyan);box-shadow:var(--shadow-glow-cyan);background:#06b6d41a}.option-label{border-radius:var(--radius-full);background:var(--bg-glass-strong);width:28px;height:28px;font-weight:700;font-size:var(--text-sm);color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.option-btn.selected .option-label{background:var(--gradient-primary);color:#fff}.option-content{font-size:var(--text-base);font-weight:500}.exam-taking-footer{justify-content:space-between;gap:var(--space-4);display:flex}.exam-result-view{min-height:calc(100vh - var(--topbar-height) - var(--bottomnav-height) - 80px);justify-content:center;align-items:center;display:flex}.result-card{width:100%;max-width:440px;padding:var(--space-8) var(--space-6);flex-direction:column;align-items:center;display:flex}.result-icon-glow{border-radius:var(--radius-full);width:90px;height:90px;margin-bottom:var(--space-4);background:#f59e0b1a;justify-content:center;align-items:center;animation:2s infinite pulse;display:flex}.result-icon{color:var(--accent-amber)}.exam-title-display{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1);margin-bottom:var(--space-5)}.result-score-circle{border-radius:var(--radius-full);border:4px solid var(--accent-cyan);width:120px;height:120px;margin-bottom:var(--space-6);box-shadow:var(--shadow-glow-cyan);flex-direction:column;justify-content:center;align-items:center;display:flex}.result-score-num{font-size:var(--text-3xl);color:var(--text-primary);font-weight:800}.result-score-total{font-size:var(--text-xs);color:var(--text-tertiary)}.result-stats{justify-content:space-around;gap:var(--space-2);width:100%;margin-bottom:var(--space-4);display:flex}.result-stat-box{padding:var(--space-3) var(--space-2);background:var(--bg-glass);border-radius:var(--radius-md);border:1px solid var(--border-subtle);flex-direction:column;flex:1;align-items:center;display:flex}.result-stat-box strong{font-size:var(--text-base);color:var(--text-primary);font-weight:700}.result-stat-box span{color:var(--text-tertiary);font-size:10px}.result-message{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}@media (width<=480px){.exam-taking-header{flex-direction:column;align-items:flex-start}.exam-timer{align-self:flex-end}}.profile-particles{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.profile-particle{width:var(--size);height:var(--size);left:var(--x);top:var(--y);background:var(--accent-cyan);opacity:.12;animation:particleFloat var(--duration) ease-in-out infinite;animation-delay:var(--delay);filter:blur(1px);border-radius:50%;position:absolute}@keyframes particleFloat{0%,to{opacity:.08;transform:translate(0)scale(1)}25%{opacity:.18;transform:translate(20px,-30px)scale(1.3)}50%{opacity:.12;transform:translate(-10px,-60px)scale(.8)}75%{opacity:.16;transform:translate(30px,-20px)scale(1.1)}}.profile-page-v2{z-index:1;flex-direction:column;gap:28px;max-width:1100px;margin:0 auto;padding-bottom:40px;display:flex;position:relative}.pp-section{opacity:0;animation:.5s cubic-bezier(.4,0,.2,1) forwards fadeInUp}.pp-section:nth-child(2){animation-delay:80ms}.pp-section:nth-child(3){animation-delay:.14s}.pp-section:nth-child(4){animation-delay:.2s}.pp-section:nth-child(5){animation-delay:.26s}.pp-hero-section{opacity:0;animation:.6s cubic-bezier(.4,0,.2,1) forwards fadeInUp;position:relative}.pp-hero-banner{border-radius:var(--radius-xl) var(--radius-xl) 0 0;height:160px;position:relative;overflow:hidden}.pp-banner-gradient{background:linear-gradient(135deg,#7c3aed59 0%,#c026d333 35%,#ec489940 65%,#7c3aed26 100%);position:absolute;inset:0}.pp-banner-mesh{background-color:#0000;background-image:radial-gradient(at 20%,#7c3aed4d 0%,#0000 60%),radial-gradient(at 80% 30%,#ec489940 0%,#0000 50%),radial-gradient(at 60% 80%,#c026d333 0%,#0000 40%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:200% 200%;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;animation:8s infinite auroraShift;position:absolute;inset:0}.pp-banner-pattern{background-image:radial-gradient(#ffffff0a 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0}.pp-hero-card{border-radius:0 0 var(--radius-xl) var(--radius-xl);z-index:2;margin-top:-40px;padding:0;position:relative;overflow:hidden}.pp-hero-glow{filter:blur(80px);pointer-events:none;opacity:.5;border-radius:50%;width:300px;height:300px;position:absolute}.pp-hero-glow-1{background:#7c3aed26;animation:8s ease-in-out infinite float;top:-100px;left:-50px}.pp-hero-glow-2{background:#ec48991f;animation:10s ease-in-out infinite reverse float;bottom:-80px;right:-50px}.pp-hero-content{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;padding:32px 32px 24px;display:flex}.pp-identity-col{flex:1;align-items:flex-start;gap:20px;min-width:0;display:flex}.pp-avatar-container{flex-shrink:0;margin-top:-52px;position:relative}.pp-avatar-ring{background:conic-gradient(#7c3aed,#c026d3,#ec4899,#a78bfa,#7c3aed);border-radius:50%;animation:4s linear infinite rotateRing;position:absolute;inset:-5px}@keyframes rotateRing{to{transform:rotate(360deg)}}.pp-avatar-ring-inner{background:var(--bg-secondary);border-radius:50%;position:absolute;inset:3px}.pp-avatar-body{z-index:1;border:3px solid var(--bg-secondary);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;display:flex;position:relative;overflow:hidden}.pp-avatar-img{object-fit:cover;width:100%;height:100%}.pp-avatar-initials{color:#fff;letter-spacing:1px;font-size:2rem;font-weight:900}.pp-badge-float{z-index:3;border:2px solid var(--bg-secondary);width:28px;height:28px;box-shadow:var(--shadow-md);border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;bottom:2px;right:2px}.pp-badge-float.vip-max{background:linear-gradient(135deg,#ef4444,#ec4899);animation:2s infinite heartBeat}.pp-badge-float.vip-1{background:linear-gradient(135deg,#8b5cf6,#ec4899)}.pp-badge-float.premium{background:linear-gradient(135deg,#7c3aed,#3b82f6)}.pp-avatar-status{z-index:3;position:absolute;bottom:4px;left:4px}.pp-status-dot{border:2px solid var(--bg-secondary);background:#10b981;border-radius:50%;width:12px;height:12px;animation:2s infinite pulse;box-shadow:0 0 8px #10b98199}.pp-identity-info{min-width:0;padding-top:44px}.pp-name-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pp-name{color:var(--text-primary);letter-spacing:-.01em;font-size:1.4rem;font-weight:900;line-height:1.2}.pp-role-tag{border-radius:var(--radius-full);color:#a78bfa;text-transform:uppercase;letter-spacing:.5px;background:#7c3aed1f;border:1px solid #7c3aed33;align-items:center;gap:4px;padding:3px 10px;font-size:10px;font-weight:700;display:inline-flex}.pp-username-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.pp-username{color:var(--accent-cyan);font-size:.8rem;font-family:var(--font-mono);font-weight:700}.pp-membership-tag{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;background:var(--gradient-primary-soft);color:#a78bfa;border:1px solid #7c3aed33;align-items:center;gap:4px;padding:2px 10px;font-size:10px;font-weight:800;display:inline-flex}.pp-membership-tag.vip-max{color:#f472b6;background:linear-gradient(135deg,#ef444426,#ec489926);border-color:#ec48994d}.pp-membership-tag.vip-1{color:#c084fc;background:linear-gradient(135deg,#8b5cf626,#ec489926);border-color:#a855f74d}.pp-membership-tag.premium{color:#7c3aed;background:linear-gradient(135deg,#7c3aed26,#3b82f626);border-color:#7c3aed4d}.pp-bio{color:var(--text-secondary);max-width:420px;margin-top:6px;font-size:.8rem;line-height:1.6}.pp-contact-chips{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.pp-chip{border-radius:var(--radius-full);color:var(--text-secondary);background:var(--bg-glass);border:1px solid var(--border-subtle);transition:all var(--transition-fast);align-items:center;gap:5px;padding:4px 10px;font-size:10px;font-weight:500;display:inline-flex}.pp-chip:hover{background:var(--bg-glass-hover);border-color:var(--border-default)}.pp-actions-col{flex-direction:column;flex-shrink:0;gap:8px;padding-top:44px;display:flex}.pp-btn{border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.8rem;font-weight:700;display:inline-flex}.pp-btn-edit{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow-brand);min-width:140px}.pp-btn-edit:hover{box-shadow:var(--shadow-glow-brand-strong);transform:translateY(-2px)}.pp-btn-copy{background:var(--bg-glass);color:var(--text-secondary);border:1px solid var(--border-default);min-width:140px}.pp-btn-copy:hover{background:var(--bg-glass-hover);color:var(--text-primary);border-color:var(--border-strong)}.pp-btn-copy.copied{color:#10b981;background:#10b98114;border-color:#10b98166}.pp-btn-logout{color:#f87171;background:#ef444414;border:1px solid #ef444426;min-width:140px}.pp-btn-logout:hover{background:#ef444426;border-color:#ef44444d}.pp-btn-withdraw{background:var(--gradient-success);color:#fff;border-radius:var(--radius-lg);padding:12px 24px;font-size:.85rem;font-weight:700;box-shadow:0 4px 16px #10b9814d}.pp-btn-withdraw:hover{transform:translateY(-2px);box-shadow:0 6px 24px #10b98166}.pp-stats-strip{border-top:1px solid var(--border-subtle);background:#060a1466;grid-template-columns:repeat(6,1fr);display:grid}.pp-stat-cell{transition:background var(--transition-fast);border-right:1px solid #ffffff08;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:16px 8px;display:flex}.pp-stat-cell:last-child{border-right:none}.pp-stat-cell:hover{background:#ffffff05}.pp-stat-icon{margin-bottom:2px}.pp-stat-value{color:var(--text-primary);font-size:.95rem;font-weight:900}.pp-stat-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-size:9px;font-weight:700}.pp-section-header{margin-bottom:16px}.pp-section-title-row{align-items:center;gap:10px;display:flex}.pp-section-icon{color:var(--accent-cyan)}.pp-section-header h3{text-transform:uppercase;letter-spacing:.5px;color:var(--text-primary);font-size:1rem;font-weight:800}.pp-section-subtitle{color:var(--text-tertiary);margin-top:4px;margin-left:28px;font-size:.75rem;display:block}.pp-analytics-grid{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.pp-analytic-card{cursor:default;align-items:flex-start;gap:12px;padding:18px;display:flex;position:relative;overflow:hidden}.pp-analytic-card:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 0%,#ffffff08 40%,#0000 60%);width:60%;height:100%;position:absolute;top:0;left:-100%}.pp-analytic-card:hover:after{animation:.7s forwards cardShine}.pp-ac-icon-wrap{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.pp-ac-body{flex:1;min-width:0}.pp-ac-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:700;display:block}.pp-ac-value{color:var(--text-primary);margin-top:4px;font-size:1.1rem;font-weight:900;line-height:1.2;display:block}.pp-ac-growth{color:var(--accent-green);margin-top:2px;font-size:9px;font-weight:600;display:block}.pp-ac-trend-arrow{flex-shrink:0;margin-top:4px}.pp-wallet-card{position:relative;overflow:hidden}.pp-wallet-bg-art{pointer-events:none;background:radial-gradient(at 10%,#10b98114 0%,#0000 50%),radial-gradient(at 90%,#7c3aed0f 0%,#0000 50%);position:absolute;inset:0}.pp-wallet-glow{pointer-events:none;background:radial-gradient(circle,#10b9811f 0%,#0000 70%);width:200px;height:200px;animation:6s ease-in-out infinite float;position:absolute;top:-60px;right:-60px}.pp-wallet-content{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:24px;display:flex;position:relative}.pp-wallet-left{align-items:center;gap:16px;display:flex}.pp-wallet-coin-icon{border-radius:var(--radius-lg);background:#10b98114;border:1px solid #10b98133;justify-content:center;align-items:center;width:56px;height:56px;font-size:2.2rem;animation:3s ease-in-out infinite breathe;display:flex}.pp-wallet-info{flex-direction:column;display:flex}.pp-wallet-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:800}.pp-wallet-amount{color:#fff;margin-top:2px;font-size:1.6rem;font-weight:900;line-height:1.2}.pp-wallet-amount span{color:var(--text-secondary);font-size:.8rem;font-weight:600}.pp-wallet-bdt{color:var(--accent-green);margin-top:2px;font-size:.75rem;font-weight:700}.pp-tabs-bar{gap:4px;padding:5px;display:flex;overflow-x:auto}.pp-tabs-bar::-webkit-scrollbar{display:none}.pp-tab-btn{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all var(--transition-base);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 14px;font-size:.75rem;font-weight:700;display:flex;position:relative}.pp-tab-btn:hover{background:var(--bg-glass);color:var(--text-primary)}.pp-tab-btn.active{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 16px #7c3aed4d}.pp-tab-emoji{font-size:.85rem}.pp-tab-text{font-size:.75rem}.pp-tab-indicator{border-radius:var(--radius-full);background:#fff;width:16px;height:3px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%);box-shadow:0 0 8px #ffffff80}.pp-tab-content{min-height:200px;animation:.3s fadeIn}.pp-card{border-radius:var(--radius-lg);padding:24px}.pp-card-header{align-items:center;gap:10px;margin-bottom:20px;display:flex}.pp-card-header h3{color:var(--text-primary);font-size:.95rem;font-weight:800}.pp-card-icon{border-radius:var(--radius-sm);width:34px;height:34px;color:var(--accent-cyan);background:#7c3aed1a;justify-content:center;align-items:center;display:flex}.pp-card-icon-pink{color:#ec4899;background:#ec48991a}.pp-card-icon-amber{color:#f59e0b;background:#f59e0b1a}.pp-card-icon-cyan{color:#06b6d4;background:#06b6d41a}.pp-overview-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:18px;display:grid}.pp-info-list{flex-direction:column;display:flex}.pp-info-item{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.pp-info-item:last-child{border-bottom:none}.pp-info-label{color:var(--text-tertiary);white-space:nowrap;font-size:.8rem;font-weight:500}.pp-info-value{color:var(--text-primary);text-align:right;font-size:.85rem;font-weight:700}.pp-val-amber{color:#fbbf24}.pp-val-green{color:#10b981}.pp-progress-section{flex-direction:column;gap:18px;display:flex}.pp-progress-item{flex-direction:column;gap:8px;display:flex}.pp-progress-meta{justify-content:space-between;align-items:center;display:flex}.pp-progress-label{color:var(--text-secondary);font-size:.8rem;font-weight:600}.pp-progress-pct{font-size:.8rem;font-weight:800}.pp-progress-track{border-radius:var(--radius-full);background:#ffffff0a;width:100%;height:8px;position:relative;overflow:hidden}.pp-progress-fill{border-radius:var(--radius-full);height:100%;transition:width 1.2s cubic-bezier(.4,0,.2,1);animation:1.5s progressBar;position:relative}.pp-progress-glow{filter:blur(3px);opacity:.8;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.pp-tx-list{flex-direction:column;gap:6px;display:flex}.pp-tx-item{border-radius:var(--radius-md);transition:background var(--transition-fast);justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.pp-tx-item:hover{background:var(--bg-glass)}.pp-tx-left{align-items:center;gap:12px;display:flex}.pp-tx-icon{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);justify-content:center;align-items:center;width:38px;height:38px;font-size:1.4rem;display:flex}.pp-tx-info h4{color:var(--text-primary);font-size:.82rem;font-weight:700}.pp-tx-date{color:var(--text-tertiary);font-size:.7rem;font-weight:500}.pp-tx-amount{color:#10b981;white-space:nowrap;font-size:.82rem;font-weight:800}.pp-creator-panel{border-radius:var(--radius-lg);padding:20px}.pp-creator-subtabs{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;gap:8px;padding-bottom:14px;display:flex;overflow-x:auto}.pp-sub-btn{border-radius:var(--radius-full);color:var(--text-secondary);background:var(--bg-glass);border:1px solid var(--border-subtle);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;align-items:center;gap:6px;padding:8px 14px;font-size:.75rem;font-weight:700;display:inline-flex}.pp-sub-btn:hover{background:var(--bg-glass-hover);border-color:var(--border-default);color:var(--text-primary)}.pp-sub-btn.active{color:#a78bfa;background:#7c3aed1f;border-color:#7c3aed4d;box-shadow:0 0 12px #7c3aed1a}.pp-creator-body{padding-top:16px}.pp-creator-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;display:grid}.pp-post-card{border-radius:var(--radius-lg);cursor:default;padding:16px}.pp-post-head{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px;display:flex}.pp-post-head h4{color:var(--text-primary);font-size:.88rem;font-weight:700;line-height:1.3}.pp-post-date{color:var(--text-tertiary);white-space:nowrap;font-size:.68rem;font-weight:600}.pp-post-excerpt{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.78rem;line-height:1.6;display:-webkit-box;overflow:hidden}.pp-post-stats-row{border-top:1px solid var(--border-subtle);gap:14px;margin-top:12px;padding-top:10px;display:flex}.pp-post-stat{color:var(--text-tertiary);font-size:.72rem;font-weight:600}.pp-items-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.pp-item-card{border-radius:var(--radius-lg);cursor:default;align-items:center;gap:12px;padding:14px;display:flex}.pp-item-icon-wrap{background:var(--bg-glass-strong);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;display:flex}.pp-item-info{flex:1;min-width:0}.pp-item-info strong{color:var(--text-primary);font-size:.82rem;font-weight:700;display:block}.pp-item-sub{color:var(--accent-cyan);margin-top:2px;font-size:.72rem;display:block}.pp-item-count{color:var(--text-tertiary);white-space:nowrap;font-size:.72rem;font-weight:600}.pp-achievements-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.pp-achievement-card{border-radius:var(--radius-lg);cursor:default;transition:all var(--transition-base);align-items:center;gap:14px;padding:16px;display:flex;position:relative;overflow:hidden}.pp-achievement-card.unlocked:hover{transform:translateY(-2px)}.pp-achievement-card.locked{opacity:.5;filter:saturate(.5)}.pp-achievement-glow{pointer-events:none;background:radial-gradient(circle,#7c3aed33 0%,#0000 70%);border-radius:50%;width:80px;height:80px;position:absolute;top:-20px;right:-20px}.pp-achievement-icon{background:var(--bg-glass-strong);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:2rem;display:flex}.pp-achievement-body{flex:1;min-width:0}.pp-achievement-body h4{color:var(--text-primary);font-size:.85rem;font-weight:800}.pp-achievement-body p{color:var(--text-secondary);margin-top:2px;font-size:.72rem;line-height:1.4}.pp-achievement-date{color:#10b981;align-items:center;gap:4px;margin-top:6px;font-size:.68rem;font-weight:700;display:inline-flex}.pp-achievement-progress-row{align-items:center;gap:8px;margin-top:8px;display:flex}.pp-ap-track{border-radius:var(--radius-full);background:#ffffff0f;flex:1;height:5px;overflow:hidden}.pp-ap-fill{background:var(--gradient-primary);border-radius:var(--radius-full);height:100%;transition:width 1s;animation:1.5s progressBar}.pp-ap-pct{color:var(--text-secondary);white-space:nowrap;font-size:.72rem;font-weight:800}.pp-exam-list{flex-direction:column;gap:12px;display:flex}.pp-exam-card{border-radius:var(--radius-lg);opacity:0;cursor:default;justify-content:space-between;align-items:center;gap:16px;padding:18px;animation:.5s cubic-bezier(.4,0,.2,1) forwards fadeInUp;display:flex}.pp-exam-left{align-items:center;gap:16px;display:flex}.pp-exam-ring-wrap{flex-shrink:0;width:54px;height:54px;position:relative}.pp-exam-ring-svg{width:100%;height:100%;transform:rotate(-90deg)}.pp-exam-ring-progress{filter:drop-shadow(0 0 4px);transition:stroke-dashoffset 1.5s cubic-bezier(.4,0,.2,1)}.pp-exam-ring-pct{color:var(--text-primary);justify-content:center;align-items:center;font-size:.72rem;font-weight:900;display:flex;position:absolute;inset:0}.pp-exam-info h4{color:var(--text-primary);font-size:.88rem;font-weight:700;line-height:1.3}.pp-exam-meta-row{align-items:center;gap:8px;margin-top:4px;display:flex}.pp-exam-subject-tag{border-radius:var(--radius-full);border:1px solid;padding:2px 8px;font-size:.68rem;font-weight:700}.pp-exam-date{color:var(--text-tertiary);font-size:.68rem;font-weight:500}.pp-exam-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.pp-exam-score-badge{color:var(--text-primary);border-radius:var(--radius-sm);background:var(--bg-glass-strong);border:1px solid var(--border-subtle);padding:4px 14px;font-size:1rem;font-weight:900}.pp-exam-rank{color:#fbbf24;align-items:center;gap:4px;font-size:.72rem;font-weight:700;display:inline-flex}.pp-search-section{flex-direction:column;gap:16px;display:flex}.pp-search-bar{border-radius:var(--radius-lg);align-items:center;gap:12px;padding:6px 6px 6px 16px;display:flex}.pp-search-icon{color:var(--text-tertiary);flex-shrink:0}.pp-search-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:.85rem}.pp-search-input::placeholder{color:var(--text-tertiary)}.pp-search-btn{flex-shrink:0}.pp-search-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.pp-search-card{border-radius:var(--radius-lg);cursor:pointer;align-items:center;gap:12px;padding:14px;display:flex}.pp-search-avatar{background:var(--gradient-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:.85rem;font-weight:800;display:flex;overflow:hidden}.pp-search-avatar img{object-fit:cover;width:100%;height:100%}.pp-search-info{flex:1;min-width:0}.pp-search-info h3{color:var(--text-primary);font-size:.85rem;font-weight:700}.pp-search-info p{color:var(--accent-cyan);font-size:.72rem;font-weight:600}.pp-role-chip{border-radius:var(--radius-full);color:#a78bfa;background:#7c3aed1a;border:1px solid #7c3aed33;margin-top:4px;padding:2px 8px;font-size:.65rem;font-weight:700;display:inline-block}.pp-search-arrow{color:var(--text-muted);flex-shrink:0}.pp-public-profile{text-align:center;flex-direction:column;align-items:center;padding:32px 24px;display:flex}.pp-public-avatar{background:var(--gradient-primary);color:#fff;border:3px solid var(--border-default);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:1.8rem;font-weight:900;display:flex;overflow:hidden}.pp-public-avatar img{object-fit:cover;width:100%;height:100%}.pp-public-name{color:var(--text-primary);margin-top:16px;font-size:1.2rem;font-weight:800}.pp-public-username{color:var(--accent-cyan);margin-top:2px;font-size:.8rem;font-weight:700}.pp-public-role{border-radius:var(--radius-full);color:#a78bfa;background:#7c3aed1a;border:1px solid #7c3aed33;margin-top:10px;padding:4px 14px;font-size:.7rem;font-weight:700;display:inline-block}.pp-public-details{width:100%;margin-top:20px;padding:16px}.pp-modal{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-xl);width:100%;max-width:520px;max-height:90vh;box-shadow:var(--shadow-xl), 0 0 80px #7c3aed14;animation:.4s cubic-bezier(.34,1.56,.64,1) popIn;position:relative;overflow-y:auto}.pp-modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.pp-modal-title-row{align-items:center;gap:10px;display:flex}.pp-modal-icon{color:var(--accent-cyan)}.pp-modal-header h3{color:var(--text-primary);font-size:1rem;font-weight:800}.pp-modal-close{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-tertiary);transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.pp-modal-close:hover{background:var(--bg-glass);color:var(--text-primary)}.pp-modal-error{border-radius:var(--radius-sm);color:#f87171;background:#ef444414;border:1px solid #ef444433;margin:0 24px;padding:10px 14px;font-size:.8rem;font-weight:600}.pp-modal-actions{justify-content:flex-end;gap:10px;padding:16px 24px 24px;display:flex}.pp-avatar-edit-area{border-bottom:1px solid var(--border-subtle);align-items:center;gap:20px;padding:24px;display:flex}.pp-avatar-edit-preview{background:var(--gradient-primary);color:#fff;border:3px solid var(--border-default);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;font-size:1.4rem;font-weight:900;display:flex;overflow:hidden}.pp-avatar-edit-preview img{object-fit:cover;width:100%;height:100%}.pp-avatar-edit-actions{flex-direction:column;gap:6px;display:flex}.pp-avatar-upload-btn{border-radius:var(--radius-md);background:var(--bg-glass);border:1px solid var(--border-default);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:6px;padding:8px 16px;font-size:.8rem;font-weight:700;display:inline-flex}.pp-avatar-upload-btn:hover{background:var(--bg-glass-hover);border-color:var(--border-strong)}.pp-avatar-remove-btn{color:#f87171;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:#ef444414;border:1px solid #ef444433;padding:4px 12px;font-size:.72rem;font-weight:600}.pp-avatar-remove-btn:hover{background:#ef444426}.pp-avatar-hint{color:var(--text-tertiary);font-size:.68rem}.pp-edit-form{padding:20px 24px}.pp-form-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:0;display:grid}.pp-form-group{flex-direction:column;gap:6px;display:flex}.pp-form-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.72rem;font-weight:700}.pp-form-row{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.pp-withdraw-form{padding:20px 24px}.pp-method-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.pp-method-card{border-radius:var(--radius-md);background:var(--bg-glass);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);justify-content:center;align-items:center;gap:6px;padding:12px;font-size:.82rem;font-weight:700;display:flex}.pp-method-card:hover{background:var(--bg-glass-hover);border-color:var(--border-default)}.pp-method-card.active{color:#a78bfa;background:#7c3aed1f;border-color:#7c3aed4d;box-shadow:0 0 12px #7c3aed1a}.pp-withdraw-hint{border-radius:var(--radius-md);align-items:center;gap:8px;margin-top:14px;padding:12px;display:flex}.pp-withdraw-hint span{color:var(--text-tertiary);font-size:.72rem;line-height:1.5}.pp-withdraw-hint svg{color:var(--accent-cyan);flex-shrink:0}.pp-withdraw-success{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 24px;display:flex}.pp-success-icon{color:#10b981;animation:.6s popIn}@media (width<=900px){.pp-analytics-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.pp-hero-content{text-align:center;flex-direction:column;align-items:center;padding:24px 20px 20px}.pp-identity-col{text-align:center;flex-direction:column;justify-content:center;align-items:center}.pp-identity-info{padding-top:16px}.pp-name-row,.pp-username-row,.pp-contact-chips{justify-content:center}.pp-bio{max-width:100%}.pp-actions-col{flex-flow:wrap;justify-content:center;width:100%;padding-top:8px}.pp-btn{min-width:auto!important}.pp-stats-strip{grid-template-columns:repeat(3,1fr)}.pp-analytics-grid{grid-template-columns:repeat(2,1fr)}.pp-overview-grid,.pp-form-grid,.pp-form-row,.pp-creator-grid,.pp-items-grid{grid-template-columns:1fr}.pp-exam-card{flex-direction:column;align-items:flex-start}.pp-exam-right{flex-direction:row;align-items:flex-start;gap:12px}.pp-method-grid{grid-template-columns:repeat(3,1fr)}.pp-avatar-edit-area{text-align:center;flex-direction:column}}@media (width<=480px){.pp-analytics-grid{grid-template-columns:1fr}.pp-tab-btn{padding:8px}.pp-tab-text{display:none}.pp-tab-emoji{font-size:1rem}.pp-achievements-grid,.pp-search-grid{grid-template-columns:1fr}.pp-wallet-content{flex-direction:column;align-items:flex-start}}.earning-page{gap:var(--space-6);flex-direction:column;display:flex}.earning-header h1{font-size:var(--text-2xl);font-weight:800}.earning-subtitle{color:var(--text-secondary);font-size:var(--text-sm);margin-top:var(--space-1)}.balance-hero{padding:var(--space-6);color:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg), 0 0 32px #0ea5e940;background:linear-gradient(135deg,#0ea5e9,#2563eb);border:1px solid #ffffff1a;justify-content:space-between;align-items:center;display:flex}.balance-card-left span{font-size:var(--text-xs);opacity:.9;text-transform:uppercase;letter-spacing:.05em}.balance-amount{align-items:center;gap:var(--space-2);margin:var(--space-2) 0;display:flex}.coin-icon{color:var(--accent-amber-light);filter:drop-shadow(0 0 10px #fbbf2499)}.balance-amount h2{font-size:var(--text-4xl);font-weight:800}.coin-text{font-size:var(--text-lg);font-weight:500}.pts-balance{font-size:var(--text-sm);opacity:.9}.streak-bubble{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);background:#ffffff26;border:1px solid #fff3;flex-direction:column;align-items:center;display:flex}.streak-bubble strong{font-size:var(--text-lg);font-weight:800}.streak-bubble span{opacity:.9;font-size:10px}.anti-cheat-alert{gap:var(--space-4);padding:var(--space-4);border-left:4px solid var(--accent-amber);background:#f59e0b0d;display:flex}.alert-icon-wrapper{color:var(--accent-amber);align-items:center;display:flex}.alert-text h4{font-size:var(--text-sm);margin-bottom:2px;font-weight:700}.alert-text p{font-size:var(--text-xs);color:var(--text-secondary);line-height:var(--leading-relaxed)}.earning-sections{gap:var(--space-6);grid-template-columns:1fr;display:grid}.redeem-grid{gap:var(--space-3);flex-direction:column;display:flex}.redeem-card{align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-xl);transition:all var(--transition-base);box-shadow:var(--shadow-sm);cursor:pointer;background:#0c1222bf;border:1px solid #ffffff0d;display:flex}.redeem-card:hover{background:#141c30e6;border-color:#0ea5e940;transform:translateY(-2px);box-shadow:0 4px 16px #00000040}.redeem-icon{flex-shrink:0;font-size:2rem}.redeem-info{flex:1}.redeem-info h4{font-size:var(--text-sm);font-weight:700}.redeem-info p{font-size:var(--text-xs);color:var(--text-secondary);margin-top:2px}.redeem-cost{font-size:var(--text-xs);color:var(--accent-amber);margin-top:var(--space-1);font-weight:600;display:block}.history-list{gap:var(--space-3);flex-direction:column;display:flex}.history-item-row{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);transition:all var(--transition-base);background:#060a148c;border:1px solid #ffffff0a;display:flex}.history-item-row:hover{background:#060a14bf;border-color:#0ea5e926;transform:translate(4px)}.history-icon{font-size:1.5rem}.history-info{flex:1}.history-info h4{font-size:var(--text-sm);font-weight:600}.history-info span{color:var(--text-tertiary);font-size:10px}.history-amount{font-size:var(--text-sm);font-weight:700}.coins-plus{color:var(--accent-amber)}.pts-plus{color:var(--accent-cyan)}@media (width>=768px){.earning-sections{grid-template-columns:1.2fr .8fr}}.admin-page{gap:var(--space-4);min-height:calc(100vh - var(--topbar-height) - var(--bottomnav-height));flex-direction:column;display:flex}.admin-header{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.admin-header-left{align-items:center;gap:var(--space-3);display:flex}.admin-header h1{font-size:var(--text-2xl);background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}.admin-subtitle{color:var(--text-secondary);font-size:var(--text-sm);margin-top:2px}.admin-header-right{align-items:center;gap:var(--space-3);display:flex}.admin-role-badge{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--accent-red);letter-spacing:.04em;background:#ef44441f;border:1px solid #ef444440;font-weight:700;display:flex}.admin-menu-toggle{padding:var(--space-2);border-radius:var(--radius-md);background:var(--bg-glass);border:1px solid var(--border-subtle);color:var(--text-secondary);transition:all var(--transition-base)}.admin-menu-toggle .rotated{transform:rotate(90deg)}.admin-layout{gap:var(--space-4);flex:1;min-height:0;display:flex}.admin-sidebar{width:220px;padding:var(--space-3);top:calc(var(--topbar-height) + var(--space-6));max-height:calc(100vh - var(--topbar-height) - var(--space-12));border-radius:var(--radius-lg);transition:all var(--transition-base);flex-shrink:0;position:sticky;overflow-y:auto}.admin-nav{flex-direction:column;gap:2px;display:flex}.admin-nav-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);text-align:left;background:0 0;border:none;width:100%;font-weight:500;display:flex;position:relative}.admin-nav-item:hover{color:var(--text-primary);background:var(--bg-glass-hover)}.admin-nav-item.active{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow-cyan);font-weight:600}.nav-badge{color:var(--accent-cyan);border-radius:var(--radius-full);text-align:center;background:#06b6d433;min-width:20px;margin-left:auto;padding:1px 8px;font-size:10px;font-weight:700}.admin-nav-item.active .nav-badge{color:#fff;background:#ffffff40}.nav-badge-red{color:var(--accent-red)!important;background:#ef444433!important}.admin-nav-item.active .nav-badge-red{color:#fff!important;background:#ffffff40!important}.admin-main{flex:1;min-width:0}.admin-section{gap:var(--space-5);flex-direction:column;display:flex}.admin-stats-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(190px,1fr));display:grid}.admin-stat-card{padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);flex-direction:column;gap:2px;display:flex;position:relative;overflow:hidden}.admin-stat-card:before{content:"";background:var(--gradient-primary);opacity:0;height:2px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.admin-stat-card:hover:before{opacity:1}.stat-card-top{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.stat-card-trend{color:var(--accent-green);font-size:10px;font-weight:700}.stat-card-trend.text-red{color:var(--accent-red)}.admin-stat-card h3{font-size:var(--text-xl);font-weight:800}.admin-stat-card p{font-size:var(--text-xs);color:var(--text-tertiary)}.admin-stat-icon-blue{color:var(--accent-blue)}.admin-stat-icon-cyan{color:var(--accent-cyan)}.admin-stat-icon-green{color:var(--accent-green)}.admin-stat-icon-amber{color:var(--accent-amber)}.admin-stat-icon-violet{color:var(--accent-violet)}.admin-stat-icon-pink{color:var(--accent-pink)}.admin-stat-icon-red{color:var(--accent-red)}.section-sub-tabs{gap:var(--space-2);border-bottom:1px solid var(--border-subtle);padding-bottom:0;display:flex;overflow-x:auto}.sub-tab{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;font-weight:600}.sub-tab:hover{color:var(--text-primary)}.sub-tab.active{color:var(--accent-cyan);border-bottom-color:var(--accent-cyan)}.admin-search-bar{align-items:center;gap:var(--space-3);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);transition:all var(--transition-base);display:flex}.admin-search-bar:focus-within{border-color:var(--accent-cyan);box-shadow:0 0 0 3px #06b6d414}.admin-search-bar input{color:var(--text-primary);width:100%;font-size:var(--text-sm);background:0 0;border:none;outline:none}.table-responsive{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%}.admin-table th,.admin-table td{padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}.admin-table th{background:var(--bg-glass-strong);color:var(--text-secondary);font-weight:700;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.admin-table tr{border-bottom:1px solid var(--border-subtle);transition:background var(--transition-fast)}.admin-table tbody tr:hover{background:#ffffff05}.admin-table tbody tr:last-child{border-bottom:none}.t-cell-user{align-items:center;gap:var(--space-3);display:flex}.t-cell-user>div{flex-direction:column;display:flex}.actions-cell{gap:var(--space-2);align-items:center;display:flex}.text-red{color:var(--accent-red)!important}.text-green{color:var(--accent-green)!important}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-tertiary{color:var(--text-tertiary)}.font-bold{font-weight:700}.section-subtitle{font-size:var(--text-base);color:var(--text-primary);margin-top:var(--space-2);font-weight:700}.dashboard-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=768px){.dashboard-grid{grid-template-columns:1.2fr .8fr}}.dashboard-card{padding:var(--space-5);border-radius:var(--radius-lg)}.dashboard-card h3{font-size:var(--text-base);margin-bottom:var(--space-4);font-weight:700}.mini-chart{height:160px;padding-top:var(--space-4);border-bottom:1px solid var(--border-subtle);justify-content:space-around;align-items:flex-end;gap:var(--space-2);display:flex}.mini-chart-bar-wrap{align-items:center;gap:var(--space-2);flex-direction:column;flex:1;justify-content:flex-end;height:100%;display:flex}.mini-chart-bar{background:var(--bg-glass-strong);border-radius:var(--radius-sm) var(--radius-sm) 0 0;width:100%;max-width:36px;min-height:8px;transition:all var(--transition-base)}.mini-chart-bar.active{background:var(--gradient-primary);box-shadow:var(--shadow-glow-cyan)}.mini-chart-bar-wrap span{color:var(--text-tertiary);font-size:9px}.revenue-chart{height:200px;padding-top:var(--space-4);border-bottom:1px solid var(--border-subtle);justify-content:space-around;align-items:flex-end;gap:var(--space-3);display:flex}.revenue-bar-group{align-items:center;gap:var(--space-2);flex-direction:column;flex:1;justify-content:flex-end;height:100%;display:flex}.revenue-bar-stack{border-radius:var(--radius-sm) var(--radius-sm) 0 0;flex-direction:column;width:100%;max-width:40px;min-height:8px;display:flex;overflow:hidden}.rev-segment{width:100%;min-height:4px}.rev-sub{background:var(--accent-violet)}.rev-bot{background:var(--accent-cyan)}.rev-ref{background:var(--accent-amber)}.revenue-bar-group span{color:var(--text-tertiary);font-size:10px}.revenue-legend{gap:var(--space-5);margin-top:var(--space-4);justify-content:center;display:flex}.revenue-legend span{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-secondary);display:flex}.legend-dot{border-radius:var(--radius-full);width:10px;height:10px}.dot-sub{background:var(--accent-violet)}.dot-ref{background:var(--accent-amber)}.recent-activity-list{gap:var(--space-3);flex-direction:column;display:flex}.activity-item{align-items:center;gap:var(--space-3);padding:var(--space-2) 0;display:flex}.activity-dot{border-radius:var(--radius-full);flex-shrink:0;width:8px;height:8px}.dot-user{background:var(--accent-red)}.dot-bot{background:var(--accent-cyan)}.dot-finance{background:var(--accent-green)}.dot-teacher{background:var(--accent-violet)}.dot-content{background:var(--accent-amber)}.activity-info{flex-direction:column;flex:1;min-width:0;display:flex}.activity-info strong{font-size:var(--text-sm);font-weight:600}.activity-info span{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.activity-time{color:var(--text-tertiary);white-space:nowrap;font-size:10px}.quick-actions-card{padding:var(--space-5)}.quick-actions-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.quick-action-btn{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);transition:all var(--transition-base);cursor:pointer;font-weight:500;display:flex}.quick-action-btn:hover{background:var(--bg-glass-hover);color:var(--text-primary);border-color:var(--accent-cyan);transform:translateY(-1px);box-shadow:0 0 0 2px #06b6d414}.approval-cards{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.approval-card{padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.approval-card-header{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.approval-card-body{gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);flex-direction:column;display:flex}.approval-card-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.doc-tags{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.change-notes{align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--accent-amber);margin-top:var(--space-2);background:#f59e0b14;border:1px solid #f59e0b33;display:flex}.empty-state-mini{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-8);text-align:center;color:var(--text-tertiary);flex-direction:column;grid-column:1/-1;display:flex}.report-list{gap:var(--space-3);flex-direction:column;display:flex}.report-item{padding:var(--space-4) var(--space-5);gap:var(--space-3);flex-direction:column;display:flex}.report-item-header{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.report-item-header>div:first-child{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.report-meta{align-items:center;gap:var(--space-2);display:flex}.report-footer{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.report-category-tag{background:var(--bg-glass-strong);border-radius:var(--radius-full);color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.05em;margin-right:var(--space-2);padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.severity-badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.severity-critical{color:var(--accent-red);background:#ef444426;border:1px solid #ef44444d}.severity-high{color:var(--accent-orange);background:#f9731626;border:1px solid #f973164d}.severity-medium{color:var(--accent-amber);background:#f59e0b26;border:1px solid #f59e0b4d}.severity-low{color:var(--accent-green);background:#10b98126;border:1px solid #10b9814d}.admin-modal{max-width:480px}.user-profile-modal{gap:var(--space-5);flex-direction:column;display:flex}.profile-modal-header{align-items:center;gap:var(--space-4);display:flex}.profile-modal-header h3{margin-bottom:2px}.profile-modal-header p{font-size:var(--text-sm);margin-bottom:var(--space-2)}.profile-modal-details{gap:var(--space-3);flex-direction:column;display:flex}.detail-row{padding:var(--space-3) var(--space-4);background:var(--bg-glass);border-radius:var(--radius-md);font-size:var(--text-sm);justify-content:space-between;align-items:center;display:flex}.detail-row span{color:var(--text-tertiary)}.premium-plans-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.premium-plan-card{padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex;position:relative;overflow:hidden}.premium-plan-card.popular{border-color:var(--accent-violet);box-shadow:0 0 24px #8b5cf61f}.popular-badge{top:var(--space-3);right:var(--space-3);background:var(--gradient-secondary);color:#fff;border-radius:var(--radius-full);padding:2px 10px;font-size:10px;font-weight:700;position:absolute}.plan-header h3{font-size:var(--text-lg);font-weight:800}.plan-price{margin-top:var(--space-2)}.price-amount{font-size:var(--text-2xl);background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:900}.plan-stats{font-size:var(--text-sm);color:var(--text-tertiary)}.plan-subscriber-count{color:var(--accent-green);font-weight:600}.plan-features{gap:var(--space-2);flex-direction:column;display:flex}.plan-features li{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);display:flex}.plan-features li svg{color:var(--accent-green);flex-shrink:0}.recent-list{gap:var(--space-2);flex-direction:column;display:flex}.recent-item{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);justify-content:space-between;align-items:center;display:flex}.rank-badge{font-size:var(--text-lg)}.creator-list{gap:var(--space-3);flex-direction:column;display:flex}.creator-item{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.signup-stats-row{gap:var(--space-4);text-align:center;grid-template-columns:repeat(3,1fr);display:grid}.signup-stat{gap:var(--space-1);padding:var(--space-4);background:var(--bg-glass);border-radius:var(--radius-md);border:1px solid var(--border-subtle);flex-direction:column;display:flex}.signup-stat-value{font-size:var(--text-2xl);background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}.signup-stat-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.settings-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.settings-card{padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.settings-card h3{font-size:var(--text-base);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle);font-weight:700}.setting-row{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;display:flex}.setting-info{align-items:center;gap:var(--space-3);color:var(--text-secondary);display:flex}.setting-info>div{flex-direction:column;display:flex}.toggle-btn{cursor:pointer;color:var(--text-tertiary);transition:all var(--transition-base);background:0 0;border:none;align-items:center;padding:0;display:flex}.toggle-btn.on{color:var(--accent-green)}.audit-log{gap:var(--space-2);flex-direction:column;display:flex}.audit-item{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);display:flex}.audit-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.audit-user{color:var(--accent-red);background:#ef44441f}.audit-bot{color:var(--accent-cyan);background:#06b6d41f}.audit-finance{color:var(--accent-green);background:#10b9811f}.audit-teacher{color:var(--accent-violet);background:#8b5cf61f}.audit-content{color:var(--accent-amber);background:#f59e0b1f}.audit-info{flex-direction:column;flex:1;min-width:0;display:flex}.audit-info strong{font-size:var(--text-sm)}.audit-meta{flex-direction:column;align-items:flex-end;gap:2px;display:flex}@media (width<=767px){.admin-sidebar{top:var(--topbar-height);left:0;bottom:var(--bottomnav-height);z-index:var(--z-dropdown);border-radius:0 var(--radius-lg) var(--radius-lg) 0;width:240px;box-shadow:var(--shadow-xl);max-height:none;display:none;position:fixed}.admin-sidebar.open{animation:.3s slideInLeft;display:block}.admin-stats-grid{grid-template-columns:repeat(2,1fr)}.approval-cards,.premium-plans-grid,.settings-grid,.signup-stats-row,.dashboard-grid{grid-template-columns:1fr}.quick-actions-grid{grid-template-columns:repeat(2,1fr)}.admin-header h1{font-size:var(--text-lg)}}@media (width<=480px){.admin-stats-grid{gap:var(--space-2);grid-template-columns:1fr 1fr}.admin-stat-card{padding:var(--space-3)}.admin-stat-card h3{font-size:var(--text-base)}.quick-actions-grid{grid-template-columns:1fr}}.admin-users-actions{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.admin-users-actions .admin-search-bar{flex:1;min-width:260px}.add-user-btn{align-items:center;gap:var(--space-2);padding:10px var(--space-4);font-size:var(--text-sm);border-radius:var(--radius-md);background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow-cyan);transition:all var(--transition-base);cursor:pointer;border:none;font-weight:600;display:flex}.add-user-btn:hover{transform:translateY(-1px);box-shadow:0 0 25px #06b6d466}.admin-add-user-form{gap:var(--space-4);padding:var(--space-2) 0;flex-direction:column;display:flex}.admin-add-user-form .form-group{gap:var(--space-2);flex-direction:column;display:flex}.admin-add-user-form .form-group label{font-size:var(--text-xs);color:var(--text-secondary);text-align:left;font-weight:600}.admin-add-user-form .form-group input,.admin-add-user-form .form-group select{border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);transition:all var(--transition-base);background:#ffffff05;border:1px solid #ffffff14;outline:none;padding:10px 14px}.admin-add-user-form .form-group input:focus,.admin-add-user-form .form-group select:focus{border-color:var(--accent-cyan);background:#ffffff0a;box-shadow:0 0 0 3px #06b6d41a}.admin-add-user-form .form-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.admin-add-user-form .form-actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-2);display:flex}.admin-add-user-form .form-error-msg{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--accent-red-light);font-size:var(--text-xs);background:#ef444414;border:1px solid #ef444433;font-weight:500;display:flex}.admin-loading-spinner{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-8);color:var(--text-secondary);flex-direction:column;display:flex}.admin-loading-spinner p{font-size:var(--text-sm)}.animate-slideDown{animation:.25s ease-out slideDown}.class-management-dashboard{width:100%}.class-structure-grid{gap:var(--space-4);grid-template-columns:repeat(4,1fr);align-items:start;display:grid}@media (width<=1200px){.class-structure-grid{grid-template-columns:1fr 1fr}}@media (width<=600px){.class-structure-grid{grid-template-columns:1fr}}.structure-column{height:520px;padding:var(--space-4);border-radius:var(--radius-lg);flex-direction:column;display:flex;overflow:hidden}.structure-column .column-header{border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-2);margin-bottom:var(--space-3);font-weight:700}.structure-column .column-header h4{font-size:var(--text-sm);color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.mini-form{gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.mini-form input{border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-xs);background:#ffffff05;border:1px solid #ffffff14;outline:none;flex:1;padding:6px 10px}.mini-form input:focus{border-color:var(--accent-cyan)}.mini-form-vertical{gap:var(--space-2);margin-bottom:var(--space-3);flex-direction:column;display:flex}.mini-form-vertical input{border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-xs);background:#ffffff05;border:1px solid #ffffff14;outline:none;padding:6px 10px}.mini-form-vertical input:focus{border-color:var(--accent-cyan)}.mini-form-vertical .input-row{gap:var(--space-2);display:flex}.mini-form-vertical .input-row input[type=text]{flex:1}.mini-form-vertical .input-row input[type=color]{cursor:pointer;background:0 0;border:none;width:32px;height:28px;padding:0}.item-list{gap:var(--space-1);flex-direction:column;flex:1;display:flex;overflow-y:auto}.item-row{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast);background:#ffffff03;border:1px solid #ffffff0a;justify-content:space-between;align-items:center;display:flex}.item-row:hover{background:var(--bg-glass-hover);border-color:var(--border-default)}.item-row.active{color:var(--accent-cyan);background:#06b6d414;border-color:#06b6d44d;font-weight:600}.item-row.no-hover{cursor:default}.item-row.no-hover:hover{background:#ffffff03;border-color:#ffffff0a}.item-row .flex-col{flex-direction:column;gap:2px;min-width:0;display:flex}.item-row .actions{gap:var(--space-1);opacity:.6;display:flex}.item-row:hover .actions{opacity:1}.btn-icon-sm{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:2px;display:flex}.btn-icon-sm:hover{color:var(--text-primary);background:#ffffff0d}.no-selection-msg{font-size:var(--text-xs);color:var(--text-muted);text-align:center;padding:var(--space-4);margin:auto}.max-w-150{max-width:150px}.breadcrumb-container{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);background:var(--bg-glass);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-subtle);scrollbar-width:none;display:flex;overflow-x:auto}.breadcrumb-container::-webkit-scrollbar{display:none}.breadcrumb-item{color:var(--text-secondary);font-weight:500;font-size:var(--text-sm);cursor:pointer;white-space:nowrap;transition:color var(--transition-fast)}.breadcrumb-item:hover{color:var(--accent-cyan)}.breadcrumb-item.active{color:var(--text-primary);cursor:default;font-weight:600}.breadcrumb-separator{color:var(--text-muted)}.back-btn-wrapper{margin-bottom:var(--space-3)}.btn-back{align-items:center;gap:var(--space-2);background:var(--bg-glass);border:1px solid var(--border-subtle);color:var(--text-secondary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-base);font-weight:600;display:inline-flex}.btn-back:hover{color:var(--text-primary);background:var(--bg-glass-hover);border-color:var(--text-secondary);transform:translate(-2px)}.drill-down-grid{gap:var(--space-4);grid-template-columns:1fr;animation:.3s cubic-bezier(.16,1,.3,1) slideDown;display:grid}.drill-column-card{padding:var(--space-4);flex-direction:column;min-height:350px;display:flex}.drill-list-title{font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-2);justify-content:space-between;align-items:center;font-weight:700;display:flex}.drill-items-container{gap:var(--space-3);max-height:500px;padding-right:var(--space-1);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid;overflow-y:auto}.drill-card-item{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);background:#ffffff08;border:1px solid #ffffff0d;justify-content:space-between;align-items:center;display:flex}.drill-card-item:hover{background:var(--bg-glass-hover);border-color:#06b6d44d;transform:translateY(-1px);box-shadow:0 4px 15px #06b6d40d}.drill-card-left{align-items:center;gap:var(--space-3);min-width:0;display:flex}.drill-card-icon{font-size:var(--text-lg);border-radius:var(--radius-sm);background:#ffffff0d;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.drill-card-text{font-weight:600;font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.drill-card-subtext{font-size:var(--text-xs);color:var(--text-secondary)}.drill-card-actions{gap:var(--space-2);align-items:center;display:flex}.admin-stat-card{border:1px solid var(--border-subtle);background:var(--bg-glass);position:relative;overflow:hidden}.admin-stat-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff08 0%,#0000 80%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.admin-stat-card:hover{box-shadow:var(--shadow-glow-cyan);border-color:#06b6d440;transform:translateY(-2px)}.chart-svg-container{width:100%;height:200px;margin-top:var(--space-4);position:relative}.chart-svg{width:100%;height:100%}.chart-bar-rect{fill:var(--accent-blue);opacity:.8;rx:3;transition:all .3s}.chart-bar-rect:hover{fill:var(--accent-cyan);opacity:1;filter:drop-shadow(0 0 8px #06b6d499)}.chart-grid-line{stroke:#ffffff0d;stroke-dasharray:4 4}.chart-line-path{fill:none;stroke:var(--accent-cyan);stroke-width:3px;stroke-linecap:round;filter:drop-shadow(0 2px 5px #06b6d466)}.chart-area-path{fill:url(#chart-gradient);opacity:.15}.toast-container{gap:var(--space-2);z-index:9999;pointer-events:none;flex-direction:column;display:flex;position:fixed;top:24px;right:24px}.toast-notification{pointer-events:auto;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(16px);color:#fff;background:#121212d9;border-left:4px solid #0000;min-width:280px;max-width:400px;animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards toastIn;display:flex;box-shadow:0 10px 30px #00000059}.toast-success{border-left-color:var(--accent-green);border-top:1px solid #10b98133;border-bottom:1px solid #10b98133;border-right:1px solid #10b98133}.toast-error{border-left-color:var(--accent-red);border-top:1px solid #ef444433;border-bottom:1px solid #ef444433;border-right:1px solid #ef444433}.toast-message{font-size:var(--text-sm);flex:1;font-weight:500}.toast-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:2px;display:flex}.toast-close-btn:hover{color:var(--text-primary);background:#ffffff0d}@keyframes toastIn{0%{opacity:0;transform:translateY(-20px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.admin-login-page{color:#f3f4f6;background-color:#030712;justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Outfit,Inter,sans-serif;display:flex;position:relative;overflow:hidden}.security-bg-grid{pointer-events:none;z-index:1;background-image:linear-gradient(#10b98108 1px,#0000 1px),linear-gradient(90deg,#10b98108 1px,#0000 1px);background-position:50%;background-size:30px 30px;position:absolute;inset:0}.cyber-glow-orb-1{filter:blur(40px);pointer-events:none;z-index:1;background:radial-gradient(circle,#10b98114 0%,#10b98100 70%);border-radius:50%;width:500px;height:500px;animation:12s ease-in-out infinite alternate floatOrb;position:absolute;top:-150px;right:-150px}.cyber-glow-orb-2{filter:blur(50px);pointer-events:none;z-index:1;background:radial-gradient(circle,#6366f114 0%,#6366f100 75%);border-radius:50%;width:600px;height:600px;animation:16s ease-in-out infinite alternate-reverse floatOrb;position:absolute;bottom:-200px;left:-200px}.admin-login-container{z-index:10;-webkit-backdrop-filter:blur(16px);background:#111827b3;border:1px solid #10b98133;border-radius:20px;width:100%;max-width:440px;padding:40px 35px;position:relative;box-shadow:0 15px 35px #00000080,0 0 30px #10b9810d}.admin-login-header{text-align:center;margin-bottom:30px}.admin-badge-icon-wrapper{background:#10b9811a;border:1px solid #10b9814d;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:18px;display:inline-flex;position:relative}.admin-security-icon{color:#10b981;filter:drop-shadow(0 0 8px #10b98180)}.admin-logo-glow{border-radius:50%;animation:2s ease-in-out infinite pulseGlow;position:absolute;inset:0;box-shadow:0 0 20px #10b98133}@keyframes pulseGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.9;transform:scale(1.15)}}.admin-login-header h2{letter-spacing:.5px;background:linear-gradient(135deg,#fff 0%,#a7f3d0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:24px;font-weight:700}.admin-subtext{color:#9ca3af;text-transform:uppercase;letter-spacing:1.5px;font-size:13px}.admin-login-form{flex-direction:column;gap:20px;display:flex}.admin-error-box{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;align-items:center;gap:10px;padding:12px;font-size:13px;line-height:1.4;display:flex}.admin-form-group{flex-direction:column;gap:8px;display:flex}.admin-input-label{color:#34d399;text-transform:uppercase;letter-spacing:1px;margin-left:2px;font-size:12px;font-weight:600}.admin-input-wrapper{align-items:center;display:flex;position:relative}.admin-field-icon{color:#9ca3af;pointer-events:none;transition:color .3s;position:absolute;left:14px}.admin-input-field{color:#fff;background:#11182780;border:1px solid #9ca3af33;border-radius:10px;outline:none;width:100%;padding:14px 14px 14px 44px;font-size:14.5px;transition:all .3s}.admin-input-field:focus{background:#10b9810d;border-color:#10b981;box-shadow:0 0 15px #10b98126}.admin-input-field:focus+.admin-field-icon{color:#10b981}.admin-password-toggle{color:#9ca3af;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .3s;display:flex;position:absolute;right:14px}.admin-password-toggle:hover{color:#10b981}.admin-btn-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#047857 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;margin-top:5px;padding:15px;font-size:15px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 12px #10b98133}.admin-btn-submit:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 20px #10b9814d}.admin-btn-submit:active{transform:translateY(0)}.admin-btn-submit:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.admin-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite adminSpin}@keyframes adminSpin{to{transform:rotate(360deg)}}.admin-login-footer{text-align:center;border-top:1px solid #9ca3af1a;margin-top:30px;padding-top:20px}.admin-login-footer p{color:#6b7280;letter-spacing:.3px;font-size:11px}@keyframes scaleIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}.referral-page{gap:var(--space-5);max-width:var(--max-content-width);flex-direction:column;margin:0 auto;display:flex}.referral-header h1{font-size:var(--text-2xl);margin-bottom:var(--space-1);font-weight:800}.referral-subtitle{color:var(--text-secondary);font-size:var(--text-sm)}.referral-code-card{padding:var(--space-5);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg), 0 0 24px #8b5cf60d;background:#0c1222bf;border:1px solid #8b5cf640}.referral-code-top{gap:var(--space-3);flex-direction:column;display:flex}.referral-badge{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--accent-amber);font-weight:600;display:flex}.referral-code-display{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-glass);border-radius:var(--radius-lg);border:2px dashed #8b5cf64d;display:flex}.referral-code-text{font-size:var(--text-xl);letter-spacing:2px;background:linear-gradient(135deg,#8b5cf6,#f59e0b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;flex:1;font-weight:800}.copy-btn{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--gradient-primary);color:#fff;border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base);border:none;font-weight:600;display:flex}.copy-btn:hover{transform:scale(1.05)}.referral-share-row{align-items:center;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.referral-hint{font-size:var(--text-xs);color:var(--text-tertiary);flex:1;min-width:200px}.referral-stats-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.referral-stat-card{align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);background:#0c1222bf;border:1px solid #ffffff0f;display:flex}.stat-icon{padding:var(--space-2);border-radius:var(--radius-lg)}.stat-icon-blue{color:var(--accent-blue);background:#3b82f61a}.stat-icon-amber{color:var(--accent-amber);background:#f59e0b1a}.stat-icon-green{color:var(--accent-green);background:#10b9811a}.referral-stat-info{flex-direction:column;display:flex}.referral-stat-value{font-size:var(--text-xl);font-weight:800}.referral-stat-label{font-size:var(--text-xs);color:var(--text-tertiary)}.commission-breakdown{padding:var(--space-5);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);background:#0c1222bf;border:1px solid #ffffff0f}.commission-breakdown h3{align-items:center;gap:var(--space-2);font-size:var(--text-lg);margin-bottom:var(--space-4);font-weight:700;display:flex}.commission-plans{gap:var(--space-3);flex-direction:column;display:flex}.commission-plan-item{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);transition:all var(--transition-base);background:#060a1480;justify-content:space-between;align-items:center;display:flex}.commission-plan-item:hover{background:#060a14b3;border-color:#0ea5e926;transform:translateY(-1px)}.plan-info{flex-direction:column;display:flex}.plan-name{font-weight:600;font-size:var(--text-sm)}.plan-price{font-size:var(--text-xs);color:var(--text-tertiary)}.plan-commission{flex-direction:column;align-items:flex-end;display:flex}.commission-amount{font-size:var(--text-lg);color:var(--accent-green);font-weight:800}.commission-label{font-size:var(--text-xs);color:var(--text-tertiary)}.referral-history h3{align-items:center;gap:var(--space-2);font-size:var(--text-lg);margin-bottom:var(--space-4);font-weight:700;display:flex}.referral-list{gap:var(--space-3);flex-direction:column;display:flex}.referral-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);transition:all var(--transition-base);background:#060a148c;border:1px solid #ffffff0a;display:flex}.referral-item:hover{background:#060a14bf;border-color:#0ea5e926;transform:translate(4px)}.referral-item-info{flex:1}.referral-item-info h4{font-size:var(--text-sm);font-weight:600}.referral-item-date{font-size:var(--text-xs);color:var(--text-tertiary)}.commission-earned{font-size:var(--text-base);color:var(--accent-green);font-weight:700}.referral-empty{align-items:center;gap:var(--space-2);padding:var(--space-8);text-align:center;flex-direction:column;display:flex}.referral-empty-icon{font-size:48px}.referral-empty h4{font-size:var(--text-lg);font-weight:700}.referral-empty p{font-size:var(--text-sm);color:var(--text-tertiary)}@media (width<=768px){.referral-stats-grid{grid-template-columns:1fr}.referral-code-text{font-size:var(--text-base)}}.analytics-page{gap:var(--space-5);max-width:var(--max-content-width);flex-direction:column;margin:0 auto;display:flex}.analytics-header h1{font-size:var(--text-2xl);margin-bottom:var(--space-1);font-weight:800}.analytics-subtitle{color:var(--text-secondary);font-size:var(--text-sm)}.analytics-tabs{gap:var(--space-2);display:flex}.analytics-tab{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--text-secondary);background:var(--bg-glass);border:1px solid var(--border-subtle);cursor:pointer;transition:all var(--transition-base);font-weight:600;display:flex}.analytics-tab:hover{background:var(--bg-glass-hover)}.analytics-tab.active{color:#fff;background:linear-gradient(135deg,#0ea5e9,#2563eb);border-color:#0000;box-shadow:0 4px 12px #0ea5e940}.analytics-summary-grid{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.analytics-summary-card{align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-base);background:#0c1222bf;border:1px solid #ffffff0f;display:flex;position:relative}.analytics-summary-card:hover{background:#141c30d9;border-color:#0ea5e933;transform:translateY(-2px);box-shadow:0 4px 16px #00000040}.summary-icon-wrapper{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.summary-views{color:var(--accent-blue);background:#3b82f61f}.summary-likes{color:var(--accent-red);background:#ef44441f}.summary-gifts{color:var(--accent-amber);background:#f59e0b1f}.summary-coins{color:var(--accent-violet);background:#8b5cf61f}.summary-info{flex-direction:column;flex:1;min-width:0;display:flex}.summary-value{font-size:var(--text-xl);font-weight:800}.summary-label{font-size:var(--text-xs);color:var(--text-tertiary)}.summary-trend{font-size:var(--text-xs);border-radius:var(--radius-full);align-items:center;gap:2px;padding:2px 8px;font-weight:700;display:flex}.trend-up{color:var(--accent-green);background:#10b9811a}.trend-down{color:var(--accent-red);background:#ef44441a}.analytics-chart-card{padding:var(--space-5);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);background:#0c1222bf;border:1px solid #ffffff0f}.chart-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.chart-header h3{align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:700;display:flex}.chart-range-label{font-size:var(--text-xs);color:var(--text-tertiary);padding:var(--space-1) var(--space-3);background:var(--bg-glass);border-radius:var(--radius-full)}.chart-container{height:220px;overflow-x:auto}.bar-chart{align-items:flex-end;gap:var(--space-2);min-width:fit-content;height:100%;padding:0 var(--space-2);display:flex}.bar-column{align-items:center;gap:var(--space-1);flex-direction:column;flex:1;min-width:32px;height:100%;display:flex}.bar-value{color:var(--text-tertiary);white-space:nowrap;font-size:10px;font-weight:600}.bar-wrapper{border-radius:var(--radius-sm) var(--radius-sm) 0 0;flex:1;align-items:flex-end;width:100%;max-width:40px;display:flex;overflow:hidden}.bar-fill{background:var(--gradient-primary);border-radius:var(--radius-sm) var(--radius-sm) 0 0;width:100%;min-height:4px;transition:height .6s cubic-bezier(.4,0,.2,1);animation:.8s forwards barGrow}@keyframes barGrow{0%{transform-origin:bottom;transform:scaleY(0)}to{transform-origin:bottom;transform:scaleY(1)}}.bar-label{color:var(--text-tertiary);white-space:nowrap;font-size:10px}.analytics-table-card{padding:var(--space-5);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);background:#0c1222bf;border:1px solid #ffffff0f}.analytics-table-card h3{align-items:center;gap:var(--space-2);font-size:var(--text-lg);margin-bottom:var(--space-4);font-weight:700;display:flex}.analytics-table-wrapper{overflow-x:auto}.analytics-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.analytics-table th{text-align:left;padding:var(--space-2) var(--space-3);font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-subtle);white-space:nowrap;font-weight:600}.analytics-table th svg{vertical-align:middle;margin-right:2px}.analytics-table td{padding:var(--space-3);border-bottom:1px solid var(--border-subtle)}.analytics-table tr:last-child td{border-bottom:none}.analytics-table tr:hover td{background:#060a1473}.post-title-cell{flex-direction:column;gap:2px;max-width:250px;display:flex}.post-title-text{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.post-date-text{font-size:var(--text-xs);color:var(--text-tertiary)}.metric-value{font-weight:700}.metric-likes{color:var(--accent-red)}.metric-gifts{color:var(--accent-amber)}.metric-coins{color:var(--accent-violet)}.earnings-breakdown{padding:var(--space-5);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);background:#0c1222bf;border:1px solid #ffffff0f}.earnings-breakdown h3{font-size:var(--text-lg);margin-bottom:var(--space-4);font-weight:700}.earnings-items{gap:var(--space-3);flex-direction:column;display:flex}.earnings-row{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);transition:all var(--transition-base);background:#060a1480;justify-content:space-between;align-items:center;display:flex}.earnings-row:hover{background:#060a14b3;border-color:#0ea5e926;transform:translate(4px)}.earnings-row.earnings-total{background:linear-gradient(135deg,#8b5cf61a,#f59e0b1a);border:1px solid #8b5cf640}.earnings-source{font-weight:600;font-size:var(--text-sm)}.earnings-amount{font-weight:800;font-size:var(--text-base)}.earnings-green{color:var(--accent-green)}@media (width<=768px){.analytics-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.analytics-summary-grid{grid-template-columns:1fr}.analytics-tabs{overflow-x:auto}}.study-control-page{max-width:var(--max-content-width);flex-direction:column;gap:1.5rem;margin:0 auto;padding-bottom:6rem;display:flex}.sc-hero{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);border:1px solid #3b82f626;border-radius:1.25rem;padding:2rem 2rem 1.75rem;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0d}.sc-hero-content{z-index:2;position:relative}.sc-hero-badge{color:#60a5fa;text-transform:uppercase;letter-spacing:.05em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#3b82f633,#8b5cf633);border:1px solid #3b82f64d;border-radius:2rem;align-items:center;gap:.35rem;margin-bottom:.75rem;padding:.3rem .75rem;font-size:.7rem;font-weight:700;display:inline-flex}.sc-hero h1{background:linear-gradient(135deg,#60a5fa,#a78bfa,#f472b6) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.35rem;font-size:1.65rem;font-weight:800;animation:4s infinite shimmerGradient}@keyframes shimmerGradient{0%,to{background-position:0%}50%{background-position:100%}}.sc-hero p{color:#ffffff8c;font-size:.85rem;line-height:1.5}.sc-hero-illustration{pointer-events:none;width:45%;position:absolute;top:0;bottom:0;right:0}.sc-hero-circle{opacity:.08;border-radius:50%;position:absolute}.sc-hero-circle.c1{background:#3b82f6;width:200px;height:200px;animation:8s ease-in-out infinite float;top:-40px;right:-20px}.sc-hero-circle.c2{background:#8b5cf6;width:120px;height:120px;animation:6s ease-in-out infinite reverse float;bottom:-20px;right:60px}.sc-hero-circle.c3{background:#ec4899;width:80px;height:80px;animation:7s ease-in-out 1s infinite float;top:20px;right:120px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.sc-notification{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-left:4px solid;border-radius:.875rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1.25rem;animation:.35s cubic-bezier(.34,1.56,.64,1) slideInDown;display:flex;box-shadow:0 4px 20px #0003}.sc-notification-success{background:#10b9811a;border-left-color:#10b981}.sc-notification-error{background:#ef44441a;border-left-color:#ef4444}.sc-notification-content{color:var(--text-primary);align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;display:flex}.sc-notification-close{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:flex}.sc-notification-close:hover{color:var(--text-primary);background:#ffffff1a}@keyframes slideInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.sc-stats-grid{grid-template-columns:repeat(4,1fr);gap:1rem;animation:.5s ease-out .1s both fadeInUp;display:grid}@media (width<=768px){.sc-stats-grid{grid-template-columns:repeat(2,1fr)}}.sc-stat-card{background:var(--bg-card);border:1px solid var(--border-color);cursor:default;border-radius:1rem;align-items:center;gap:.875rem;padding:1rem 1.15rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.sc-stat-card:hover{border-color:#3b82f64d;transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.sc-stat-icon{color:#fff;border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 12px #00000026}.sc-stat-info{flex-direction:column;gap:.1rem;min-width:0;display:flex}.sc-stat-value{color:var(--text-primary);font-size:1.35rem;font-weight:800;line-height:1.2}.sc-stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;font-size:.68rem;font-weight:500}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.sc-tabs{background:var(--bg-card);border:1px solid var(--border-color);border-radius:.875rem;gap:.35rem;padding:.35rem;display:flex;overflow-x:auto}.sc-tab{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:.625rem;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.82rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.sc-tab:hover{color:var(--text-primary);background:#ffffff0a}.sc-tab.active{color:var(--tab-color,var(--accent-blue));background:#ffffff0f;box-shadow:0 2px 8px #0000001a}.sc-tab-indicator{background:var(--tab-color,var(--accent-blue));border-radius:2px;width:20px;height:3px;animation:.3s ease-out scaleIn;position:absolute;bottom:-.35rem;left:50%;transform:translate(-50%)}.sc-loading{min-height:300px;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.sc-spinner{border:3px solid #ffffff0f;border-top-color:#3b82f6;border-radius:50%;width:42px;height:42px;animation:.8s linear infinite spin}.sc-section{flex-direction:column;gap:1.25rem;animation:.4s ease-out fadeInUp;display:flex}.sc-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.sc-section-header h3{color:var(--text-primary);align-items:center;gap:.5rem;font-size:1.1rem;font-weight:700;display:flex}.sc-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:.625rem;align-items:center;gap:.4rem;padding:.55rem 1.15rem;font-size:.8rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.sc-btn:disabled{opacity:.6;cursor:not-allowed}.sc-btn-primary{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 14px #3b82f64d}.sc-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #3b82f666}.sc-btn-success{color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 14px #10b9814d}.sc-btn-success:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #10b98166}.sc-btn-danger{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 14px #ef44444d}.sc-btn-danger:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #ef444466}.sc-btn-ghost{color:var(--text-secondary);border:1px solid var(--border-color);background:#ffffff0a}.sc-btn-ghost:hover{color:var(--text-primary);background:#ffffff14}.sc-form-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#1e1e32cc,#19192de6);border:1px solid #3b82f626;border-radius:1rem;padding:1.5rem;animation:.35s cubic-bezier(.34,1.56,.64,1) slideInDown;box-shadow:0 8px 32px #0003,inset 0 1px #ffffff08}.sc-form-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.sc-form-header h4{color:var(--text-primary);font-size:1rem;font-weight:700}.sc-form-close{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border:none;border-radius:.5rem;justify-content:center;align-items:center;transition:all .2s;display:flex}.sc-form-close:hover{color:#ef4444;background:#ef444426}.sc-form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.sc-field{flex-direction:column;gap:.35rem;display:flex}.sc-field label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:600}.sc-field input,.sc-field select,.sc-field textarea{color:var(--text-primary);background:#ffffff0a;border:1px solid #ffffff14;border-radius:.5rem;outline:none;padding:.6rem .85rem;font-family:inherit;font-size:.85rem;transition:all .2s}.sc-field input:focus,.sc-field select:focus,.sc-field textarea:focus{background:#ffffff0f;border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f61a}.sc-field input::placeholder,.sc-field textarea::placeholder{color:#fff3}.sc-field select option{color:var(--text-primary);background:#1e1e2e}.sc-form-footer{border-top:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:1.25rem;padding-top:1rem;display:flex}.sc-form-actions{gap:.5rem;display:flex}.sc-checkbox-label{color:var(--text-secondary);cursor:pointer;align-items:center;gap:.4rem;font-size:.8rem;transition:color .2s;display:flex}.sc-checkbox-label:hover{color:var(--text-primary)}.sc-checkbox-label input[type=checkbox]{accent-color:#f59e0b;cursor:pointer;width:16px;height:16px}.sc-spin{animation:1s linear infinite spin}.sc-content-list{flex-direction:column;gap:.75rem;display:flex}.sc-content-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:.875rem;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.sc-content-card:hover{border-color:#3b82f633;transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.sc-content-type{border-radius:.75rem;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:.1rem;width:52px;height:52px;display:flex}.sc-type-emoji{font-size:1.25rem;line-height:1}.sc-type-label{text-transform:uppercase;letter-spacing:.04em;font-size:.55rem;font-weight:700}.sc-content-body{flex:1;min-width:0}.sc-content-title{color:var(--text-primary);flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.25rem;font-size:.92rem;font-weight:600;display:flex}.sc-premium-badge{color:#f59e0b;flex-shrink:0}.sc-content-meta{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.72rem;display:flex}.sc-meta-dot{opacity:.4}.sc-content-stats{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.35rem;display:flex}.sc-status-pill{text-transform:uppercase;letter-spacing:.05em;border-radius:2rem;padding:.2rem .6rem;font-size:.6rem;font-weight:700}.sc-status-published{color:#34d399;background:#10b9811f}.sc-status-draft{color:#fbbf24;background:#f59e0b1f}.sc-download-count{color:var(--text-secondary);align-items:center;gap:.25rem;font-size:.72rem;display:flex}.sc-content-actions{flex-shrink:0;gap:.35rem;display:flex}.sc-action-btn{cursor:pointer;width:34px;height:34px;color:var(--text-secondary);background:#ffffff0a;border:1px solid #0000;border-radius:.5rem;justify-content:center;align-items:center;transition:all .2s;display:flex}.sc-action-edit:hover{color:#60a5fa;background:#3b82f61f;border-color:#3b82f633}.sc-action-delete:hover{color:#f87171;background:#ef44441f;border-color:#ef444433}.sc-empty-state{text-align:center;background:var(--bg-card);border:1px dashed #ffffff14;border-radius:1rem;padding:3rem 1.5rem}.sc-empty-icon{opacity:.5;margin-bottom:.75rem;font-size:3rem}.sc-empty-state h4{color:var(--text-primary);margin-bottom:.35rem;font-size:1rem;font-weight:700}.sc-empty-state p{color:var(--text-secondary);font-size:.8rem;line-height:1.5}.sc-questions-section{border-top:1px solid #ffffff0f;flex-direction:column;gap:.875rem;margin-top:1.25rem;padding-top:1rem;display:flex}.sc-questions-header{justify-content:space-between;align-items:center;display:flex}.sc-questions-header h5{color:var(--text-primary);font-size:.85rem;font-weight:700}.sc-question-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:.75rem;flex-direction:column;gap:.625rem;padding:1rem;transition:all .2s;display:flex}.sc-question-card:hover{border-color:#3b82f626}.sc-question-top{justify-content:space-between;align-items:center;display:flex}.sc-question-number{color:#60a5fa;background:#3b82f61a;border-radius:.375rem;padding:.2rem .6rem;font-size:.72rem;font-weight:800}.sc-question-input,.sc-explanation-input{color:var(--text-primary);background:#ffffff08;border:1px solid #ffffff14;border-radius:.5rem;outline:none;padding:.55rem .75rem;font-family:inherit;font-size:.82rem;transition:all .2s}.sc-question-input:focus,.sc-explanation-input:focus{border-color:#3b82f666;box-shadow:0 0 0 3px #3b82f614}.sc-question-input::placeholder,.sc-explanation-input::placeholder{color:#fff3}.sc-explanation-input{font-size:.78rem}.sc-options-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}@media (width<=600px){.sc-options-grid{grid-template-columns:1fr}}.sc-option-item{cursor:pointer;border:1px solid #ffffff0f;border-radius:.5rem;align-items:center;gap:.5rem;padding:.4rem .6rem;transition:all .2s;display:flex}.sc-option-item:hover{border-color:#ffffff1f}.sc-option-correct{background:#10b9810f;border-color:#10b98166!important}.sc-option-item input[type=radio]{accent-color:#10b981;cursor:pointer;flex-shrink:0}.sc-option-text{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:.3rem .5rem;font-family:inherit;font-size:.8rem}.sc-option-text::placeholder{color:#ffffff2e}.sc-add-question-btn{width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px dashed #ffffff1a;border-radius:.5rem;justify-content:center;align-items:center;gap:.35rem;padding:.6rem;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.sc-add-question-btn:hover{color:#60a5fa;background:#3b82f60d;border-color:#3b82f64d}.sc-table-wrapper{border:1px solid var(--border-color);background:var(--bg-card);border-radius:.875rem;overflow-x:auto;box-shadow:0 4px 16px #0000001a}.sc-table{border-collapse:collapse;text-align:left;width:100%;font-size:.82rem}.sc-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border-color);background:#ffffff05;padding:.875rem 1.15rem;font-size:.72rem;font-weight:600}.sc-table td{color:var(--text-primary);border-bottom:1px solid #ffffff08;padding:.875rem 1.15rem}.sc-table tr:last-child td{border-bottom:none}.sc-table tr:hover td{background:#ffffff04}.sc-student-cell{align-items:center;gap:.625rem;display:flex}.sc-student-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.65rem;font-weight:700;display:flex}.sc-score{border-radius:2rem;padding:.15rem .55rem;font-size:.78rem;font-weight:700}.sc-score-high{color:#34d399;background:#10b9811f}.sc-score-mid{color:#fbbf24;background:#f59e0b1f}.sc-score-low{color:#f87171;background:#ef44441f}.trend-up-icon{color:#34d399}.trend-down-icon{color:#f87171}.trend-same-icon{color:var(--text-secondary)}.sc-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000a6;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.sc-modal{text-align:center;background:linear-gradient(135deg,#1e1e2e,#252540);border:1px solid #ffffff14;border-radius:1.25rem;width:min(400px,90vw);padding:2rem;animation:.35s cubic-bezier(.34,1.56,.64,1) modalPop;box-shadow:0 20px 60px #0006}@keyframes modalPop{0%{opacity:0;transform:scale(.9)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.sc-modal-icon{margin-bottom:.75rem;font-size:2.5rem}.sc-modal h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.sc-modal p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.82rem;line-height:1.5}.sc-modal-actions{justify-content:center;gap:.625rem;display:flex}.sc-modal-actions .sc-btn{flex:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=640px){.sc-hero{padding:1.5rem}.sc-hero h1{font-size:1.25rem}.sc-content-card{flex-wrap:wrap;gap:.75rem}.sc-content-body{flex-basis:100%;order:2}.sc-content-type{order:1}.sc-content-stats{flex-direction:row;order:3;gap:.75rem}.sc-content-actions{order:4}.sc-form-grid{grid-template-columns:1fr}.sc-form-footer{flex-direction:column;align-items:stretch}.sc-form-actions{justify-content:stretch}.sc-form-actions .sc-btn{flex:1;justify-content:center}}.sc-teacher-notice{color:#fbbf24;background:#f59e0b14;border:1px solid #f59e0b33;border-radius:.625rem;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.65rem 1rem;font-size:.78rem;font-weight:500;display:flex}.sc-teacher-notice strong{color:#f59e0b;font-weight:700}.sc-hero-access-info{color:#34d399;background:#10b9811f;border:1px solid #10b98140;border-radius:2rem;align-items:center;gap:.35rem;margin-top:.75rem;padding:.3rem .75rem;font-size:.7rem;font-weight:600;display:inline-flex}.sc-field-full{grid-column:1/-1}.sc-field select:disabled,.sc-field input:disabled{opacity:.4;cursor:not-allowed}.sc-analytics-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}@media (width<=768px){.sc-analytics-grid{grid-template-columns:repeat(2,1fr)}}.sc-analytics-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:1rem;align-items:center;gap:1rem;padding:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.sc-analytics-card:hover{border-color:#3b82f64d;transform:translateY(-3px);box-shadow:0 12px 32px #0003}.sc-analytics-icon{color:#fff;border-radius:.875rem;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 16px #0003}.sc-analytics-info{flex-direction:column;gap:.15rem;display:flex}.sc-analytics-value{color:var(--text-primary);font-size:1.5rem;font-weight:800;line-height:1.2}.sc-analytics-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;font-size:.68rem;font-weight:500}.sc-analytics-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:1rem;padding:1.5rem}.sc-analytics-section h4{color:var(--text-primary);border-bottom:1px solid #ffffff0f;margin-bottom:1.25rem;padding-bottom:.75rem;font-size:1rem;font-weight:700}.sc-breakdown-list{flex-direction:column;gap:.75rem;display:flex}.sc-breakdown-item{align-items:center;gap:.875rem;display:flex}.sc-breakdown-label{min-width:120px;color:var(--text-primary);align-items:center;gap:.4rem;font-size:.82rem;font-weight:500;display:flex}.sc-breakdown-emoji{font-size:1.1rem}.sc-breakdown-count{color:var(--text-secondary);background:#ffffff0a;border-radius:.25rem;margin-left:auto;padding:.1rem .4rem;font-size:.75rem;font-weight:700}.sc-breakdown-bar{background:#ffffff0a;border-radius:4px;flex:1;height:8px;overflow:hidden}.sc-breakdown-fill{border-radius:4px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.sc-breakdown-pct{color:var(--text-secondary);text-align:right;min-width:35px;font-size:.72rem;font-weight:700}.sc-recent-activity{flex-direction:column;gap:.625rem;display:flex}.sc-activity-item{background:#ffffff05;border:1px solid #ffffff0a;border-radius:.75rem;align-items:center;gap:.875rem;padding:.75rem;transition:all .2s;display:flex}.sc-activity-item:hover{background:#ffffff0a;border-color:#ffffff14}.sc-activity-icon{border-radius:.625rem;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;display:flex}.sc-activity-info{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.sc-activity-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:600;overflow:hidden}.sc-activity-meta{color:var(--text-secondary);font-size:.7rem}.sc-inline-edit-btn,.sc-inline-delete-btn{width:38px;height:38px;color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.sc-inline-edit-btn:hover{color:#60a5fa;background:#3b82f626;border-color:#3b82f64d}.sc-inline-delete-btn:hover{color:#f87171;background:#ef444426;border-color:#ef44444d}.signup-page{min-height:100vh;padding:var(--space-4);background:#030712;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.signup-glow-1{pointer-events:none;filter:blur(80px);background:radial-gradient(circle,#9b6dff29 0%,#0000 70%);width:60%;height:60%;animation:10s ease-in-out infinite float;position:absolute;top:-30%;right:-20%}.signup-glow-2{pointer-events:none;filter:blur(80px);background:radial-gradient(circle,#00e5ff24 0%,#0000 70%);width:60%;height:60%;animation:10s ease-in-out infinite reverse float;position:absolute;bottom:-30%;left:-20%}.signup-glow-3{pointer-events:none;filter:blur(60px);background:radial-gradient(circle,#ff5caa14 0%,#0000 70%);width:45%;height:45%;position:absolute;top:45%;left:45%;transform:translate(-50%,-50%)}.signup-container{width:100%;max-width:480px;padding:var(--space-8) var(--space-6);z-index:1;position:relative}.signup-header{text-align:center;margin-bottom:var(--space-6)}.signup-header-icon{margin-bottom:var(--space-2);filter:drop-shadow(0 0 16px #6366f14d);font-size:3rem;animation:2s infinite bounce;display:block}.signup-header h2{font-size:var(--text-2xl);margin-bottom:var(--space-1);font-weight:900}.signup-header p{font-size:var(--text-sm);color:var(--text-tertiary)}.step-indicator{margin-bottom:var(--space-8);padding:0 var(--space-4);justify-content:center;align-items:center;gap:0;display:flex}.step-dot-wrapper{align-items:center;display:flex}.step-dot{border-radius:var(--radius-full);width:38px;height:38px;font-size:var(--text-xs);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.step-dot.pending{background:var(--bg-glass);border:2px solid var(--border-default);color:var(--text-tertiary)}.step-dot.active{background:var(--gradient-primary);color:#fff;border:2px solid #0000;transform:scale(1.18);box-shadow:0 0 24px #6366f166}.step-dot.completed{background:var(--accent-green);color:#fff;border:2px solid #0000;box-shadow:0 0 16px #00e6a059}.step-line{background:var(--border-subtle);flex-shrink:0;width:42px;height:2px;transition:all .4s}.step-line.completed{background:linear-gradient(90deg, var(--accent-green), var(--accent-cyan));box-shadow:0 0 8px #00e6a040}.step-title-section{text-align:center;margin-bottom:var(--space-6)}.step-title-emoji{margin-bottom:var(--space-2);font-size:2rem;display:block}.step-title-section h3{font-size:var(--text-lg);margin-bottom:var(--space-1);font-weight:700}.step-title-section p{font-size:var(--text-sm);color:var(--text-tertiary)}.signup-form{gap:var(--space-4);flex-direction:column;display:flex}.signup-form .form-group{gap:var(--space-2);flex-direction:column;display:flex}.signup-form .form-group label{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.signup-form .form-group .required-star{color:var(--accent-red);margin-left:2px}.phone-input-wrapper{gap:var(--space-2);align-items:center;display:flex}.phone-prefix{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-3);background:var(--bg-glass-strong);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap;flex-shrink:0;font-weight:600;display:flex}.phone-prefix .flag{font-size:1.2rem}.phone-input-wrapper .input-field{flex:1}.select-field{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);transition:all var(--transition-base);appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;outline:none;padding-right:36px}.select-field:focus{border-color:var(--accent-cyan);background-color:var(--bg-glass-hover);box-shadow:0 0 0 3px #00e5ff1a,0 0 20px #00e5ff0f}.select-field option{background:var(--bg-secondary);color:var(--text-primary)}.otp-input-group{gap:var(--space-3);justify-content:center;display:flex}.otp-digit{text-align:center;width:56px;height:64px;font-size:var(--text-2xl);background:var(--bg-glass);border:2px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition-base);caret-color:var(--accent-cyan);outline:none;font-weight:800}.otp-digit:focus{border-color:var(--accent-cyan);background:var(--bg-glass-hover);box-shadow:0 0 0 3px #00e5ff1f,0 0 24px #00e5ff14}.otp-digit.filled{border-color:var(--accent-green);box-shadow:0 0 16px #00e6a026}.otp-resend{text-align:center;margin-top:var(--space-3);font-size:var(--text-sm);color:var(--text-tertiary)}.otp-resend button{color:var(--accent-cyan);cursor:pointer;transition:color var(--transition-fast);font-weight:600}.otp-resend button:hover{color:var(--accent-cyan-light)}.otp-resend button:disabled{color:var(--text-muted);cursor:not-allowed}.optional-divider{align-items:center;gap:var(--space-3);margin:var(--space-2) 0;display:flex}.optional-divider .line{background:linear-gradient(90deg, transparent, var(--border-subtle), transparent);flex:1;height:1px}.optional-divider span{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.optional-fields{gap:var(--space-3);padding:var(--space-4);background:var(--bg-glass);border-radius:var(--radius-md);border:1px solid var(--border-subtle);flex-direction:column;display:flex}.optional-fields .form-row{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.password-strength{gap:var(--space-1);margin-top:var(--space-1);display:flex}.strength-bar{border-radius:var(--radius-full);background:var(--bg-glass-strong);flex:1;height:3px;transition:all .3s}.strength-bar.weak{background:var(--accent-red);box-shadow:0 0 8px #ff47574d}.strength-bar.medium{background:var(--accent-amber);box-shadow:0 0 8px #ffb0204d}.strength-bar.strong{background:var(--accent-green);box-shadow:0 0 8px #00e6a04d}.strength-text{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-1);text-align:right}.strength-text.weak{color:var(--accent-red)}.strength-text.medium{color:var(--accent-amber)}.strength-text.strong{color:var(--accent-green)}.form-error{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--accent-red-light);font-size:var(--text-sm);background:#ff475714;border:1px solid #ff47572e;animation:.3s fadeInDown;display:flex}.step-actions{gap:var(--space-3);margin-top:var(--space-4);display:flex}.step-actions .btn{flex:1}.step-actions .btn-back{padding:var(--space-3) var(--space-5);flex:none}.step-content{animation:.4s cubic-bezier(.34,1.56,.64,1) forwards stepSlideIn}@keyframes stepSlideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.success-screen{text-align:center;padding:var(--space-6) 0}.success-icon-wrapper{margin-bottom:var(--space-6);display:inline-block;position:relative}.success-icon{filter:drop-shadow(0 0 20px #00e6a04d);font-size:5rem;animation:.6s cubic-bezier(.34,1.56,.64,1) forwards successPop;display:block}@keyframes successPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.25)}to{opacity:1;transform:scale(1)}}.success-rings{border-radius:var(--radius-full);border:2px solid var(--accent-green);opacity:0;animation:1s .3s forwards ringExpand;position:absolute;inset:-20px}.success-rings:nth-child(2){border-color:var(--accent-cyan);animation-delay:.5s}@keyframes ringExpand{0%{opacity:.6;transform:scale(.5)}to{opacity:0;transform:scale(1.8)}}.success-screen h2{font-size:var(--text-2xl);margin-bottom:var(--space-2);font-weight:800}.success-screen p{font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:var(--space-2)}.success-user-card{align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin:var(--space-6) 0;text-align:left;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:.5s .4s both fadeInUp;display:flex}.success-user-card .avatar{flex-shrink:0}.success-user-card .user-info h4{font-size:var(--text-base);font-weight:700}.success-user-card .user-info p{font-size:var(--text-xs);color:var(--text-tertiary);margin:0}.success-confetti{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.confetti-piece{opacity:0;border-radius:2px;width:8px;height:8px;animation:3s forwards confettiFall;position:absolute}@keyframes confettiFall{0%{opacity:1;transform:translateY(-100px)rotate(0)}to{opacity:0;transform:translateY(400px)rotate(720deg)}}.signup-footer{text-align:center;margin-top:var(--space-6);font-size:var(--text-sm);color:var(--text-secondary)}.signup-footer a{color:var(--accent-cyan);cursor:pointer;transition:color var(--transition-fast);font-weight:600}.signup-footer a:hover{color:var(--accent-cyan-light)}@media (width<=480px){.signup-container{padding:var(--space-6) var(--space-4)}.otp-digit{width:48px;height:56px;font-size:var(--text-xl)}.optional-fields .form-row{grid-template-columns:1fr}.step-line{width:24px}.step-dot{width:32px;height:32px;font-size:.65rem}}.signup-grid{gap:var(--space-4);margin-top:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.signup-section-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:var(--space-4) 0 var(--space-2) 0;border-bottom:1px solid var(--border-subtle);padding-bottom:4px;font-weight:700}.optional-toggle-container{margin-top:var(--space-4);justify-content:center;display:flex}.optional-toggle-btn{font-size:var(--text-sm);color:var(--accent-cyan)!important}.optional-fields-section{margin-top:var(--space-4);border-top:1px dashed var(--border-subtle);padding-top:var(--space-2)}@media (width<=600px){.signup-grid{grid-template-columns:1fr}}.channel-page-container{gap:var(--space-4);max-width:1200px;height:calc(100vh - var(--topbar-height) - var(--bottomnav-height) - 40px);margin:0 auto;display:flex;position:relative;overflow:hidden}.channel-sidebar-pane{-webkit-backdrop-filter:blur(28px)saturate(180%);border-radius:var(--radius-xl);transition:all var(--transition-base);z-index:10;box-shadow:var(--shadow-lg);background:#0c1222d9;border:1px solid #ffffff0f;flex-direction:column;flex:0 0 350px;display:flex;overflow:hidden}.channel-sidebar-header{border-bottom:1px solid var(--border-subtle)}.channel-sidebar-header h1{font-size:var(--text-lg);background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:850}.channel-sidebar-search{padding-bottom:0!important}.channel-category-filters{padding:0 var(--space-3) var(--space-2);border-bottom:1px solid var(--border-subtle);gap:6px;display:flex;overflow-x:auto}.channel-category-filters::-webkit-scrollbar{display:none}.filter-chip{border-radius:var(--radius-full);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);background:#ffffff08;padding:6px 12px;font-size:10px;font-weight:700}.filter-chip:hover{color:var(--text-primary);background:#ffffff0f}.filter-chip.active{background:var(--gradient-primary);color:#fff;border-color:#0000}.channel-sidebar-list{flex-direction:column;flex:1;gap:8px;display:flex;overflow-y:auto}.channel-item-card{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);border:1px solid #0000;display:flex}.channel-item-card:hover{background:#ffffff0a;transform:translateY(-1px)}.channel-item-card.active-channel{box-shadow:var(--shadow-sm);background:#0ea5e91f;border-color:#0ea5e940 #0ea5e940 #0ea5e940 #0ea5e9;border-left-style:solid;border-left-width:3px}.chan-icon{background:var(--bg-glass-strong);border:1px solid var(--border-subtle);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.8rem;display:flex}.chan-details{flex:1;min-width:0}.chan-details h4{font-size:var(--text-sm);color:var(--text-primary);font-weight:700}.chan-details .username{margin-top:1px;font-size:9px;font-weight:700}.chan-details .desc{color:var(--text-secondary);margin-top:3px;font-size:11px}.channel-workspace-pane{-webkit-backdrop-filter:blur(28px)saturate(180%);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);background:#0c1222d9;border:1px solid #ffffff0f;flex-direction:column;flex:1;display:flex;position:relative;overflow-y:auto}.channel-directory{padding:var(--space-5);flex:1;overflow-y:auto}.directory-header{border-radius:var(--radius-lg);background:radial-gradient(circle at 10% 20%,#06b6d414 0%,#0000 60%);position:relative;overflow:hidden}.directory-header h2{font-size:var(--text-xl);background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:850}.section-title{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;font-weight:800;display:flex}.horizontal-channels-scroll{gap:var(--space-4);padding-bottom:8px;display:flex;overflow-x:auto}.horizontal-channels-scroll::-webkit-scrollbar{height:4px}.featured-channel-card{border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);flex:0 0 230px;overflow:hidden}.featured-channel-card:hover{border-color:#0ea5e933;transform:translateY(-4px);box-shadow:0 10px 24px #00000073,0 0 16px #0ea5e91a}.featured-banner-wrap{border-bottom:1.5px solid #ffffff0d;height:90px;position:relative}.featured-logo-badge{background:var(--bg-secondary);width:44px;height:44px;box-shadow:var(--shadow-sm);border:2px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;font-size:20px;display:flex;position:absolute;bottom:-16px;left:50%;transform:translate(-50%)}.featured-content{padding:24px var(--space-3) var(--space-4);text-align:center}.featured-content h4{font-size:var(--text-sm);color:var(--text-primary);font-weight:750}.featured-followers{color:var(--text-secondary);font-size:10px;font-weight:700}.featured-desc{color:var(--text-tertiary);margin-top:4px;font-size:10px}.trending-grid{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.trending-channel-card{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);display:flex}.trending-channel-card:hover{background:#ffffff0a;transform:translate(3px);box-shadow:0 4px 16px #00000040}.trending-avatar-wrap{background:var(--bg-glass-strong);border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:20px;display:flex}.trending-info h4{font-size:var(--text-sm);color:var(--text-primary);font-weight:700}.followers-tag{color:var(--text-tertiary);font-size:9px;font-weight:600}.channels-directory-grid{gap:var(--space-2);flex-direction:column;display:flex}.directory-item-card{cursor:pointer;transition:all var(--transition-base)}.directory-item-card:hover{background:var(--bg-glass);transform:translateY(-1px)}.directory-icon-avatar{background:var(--bg-glass-strong);border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;font-size:22px;display:flex}.channel-room{flex-direction:column;height:100%;display:flex}.channel-room-header{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);background:#060a14d1;display:flex}.channel-avatar-sm{background:var(--bg-glass-strong);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.8rem;display:flex}.channel-room-info{flex:1;min-width:0}.channel-room-info h4{font-size:var(--text-sm);color:var(--text-primary);font-weight:700}.channel-room-body{flex:1;display:flex;position:relative;overflow:hidden}.channel-feed-pane{flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.channel-messages{padding:var(--space-4);gap:var(--space-3);background-color:#080b12;background-image:radial-gradient(#ffffff03 1px,#0000 1px);background-size:24px 24px;flex-direction:column;flex:1;display:flex;overflow-y:auto}.channel-post-bubble{max-width:85%;padding:var(--space-4);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:#060a148c;border:1px solid #ffffff0a;flex-direction:column;align-self:center;display:flex}.post-title{font-size:var(--text-sm);color:var(--accent-cyan-light);margin-bottom:4px;font-weight:800}.post-content{font-size:var(--text-xs);color:var(--text-primary);line-height:var(--leading-normal);white-space:pre-wrap}.post-media{border-radius:var(--radius-md);object-fit:cover;border:1px solid var(--border-subtle);max-width:100%;max-height:280px}.post-footer{color:var(--text-tertiary);font-size:8px;font-weight:600}.channel-action-bar{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);background:#060a14d1}.channel-info-drawer{border-left:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(28px)saturate(180%);background:#0c1222d9;flex-direction:column;flex:0 0 320px;height:100%;display:flex;overflow-y:auto}.drawer-header h4{font-weight:800;font-size:var(--text-xs);text-transform:uppercase;color:var(--text-secondary)}.drawer-body{flex:1;overflow-y:auto}.drawer-cover-card{border-radius:var(--radius-md);border:1px solid var(--border-subtle);justify-content:center;align-items:center;height:120px;display:flex;position:relative;overflow:hidden}.emoji-lg{z-index:2;font-size:3.5rem;animation:4s ease-in-out infinite float}.drawer-identity h3{font-size:var(--text-base);font-weight:800}.monetized-badge{color:var(--accent-amber);border-radius:var(--radius-full);background:#f59e0b26;border:1px solid #f59e0b4d;padding:2px 10px;font-size:9px;font-weight:800}.drawer-meta-info{flex-direction:column;display:flex}.section-label{color:var(--text-tertiary);text-transform:uppercase;font-size:9px;font-weight:800}.desc-text{font-size:11px;line-height:var(--leading-normal);color:var(--text-secondary)}.stats-box{flex-direction:column;gap:2px;font-size:11px;display:flex}.drawer-owner-tabs{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#0003;padding:2px;display:flex}.tab-xs{color:var(--text-secondary);border-radius:var(--radius-sm);text-align:center;transition:all var(--transition-fast);flex:1;padding:6px;font-size:9px;font-weight:700}.tab-xs.active{background:var(--gradient-primary);color:#fff}.drawer-monetize-pane h5,.drawer-analytics-pane h5{color:var(--accent-cyan);font-size:10px;font-weight:800}.status-banner{border-radius:var(--radius-sm);background:var(--bg-glass);padding:8px}@media (width<=768px){.channel-sidebar-pane{flex:1;width:100%}.channel-workspace-pane{width:100%;display:none}.channel-selected .channel-sidebar-pane{display:none}.channel-selected .channel-workspace-pane{display:flex}.trending-grid{grid-template-columns:1fr}.channel-info-drawer{z-index:100;border-left:none;width:100%;position:absolute;top:60px;bottom:0;right:0}}:root{--bot-bg:#0f172a;--bot-card:#1e293b;--bot-card-hover:#263548;--bot-surface:#172033;--bot-primary:#2563eb;--bot-primary-glow:#2563eb40;--bot-primary-soft:#2563eb1f;--bot-accent:#06b6d4;--bot-accent-soft:#06b6d41a;--bot-gold:#fbbf24;--bot-gold-soft:#fbbf2426;--bot-green:#22c55e;--bot-green-soft:#22c55e26;--bot-text:#f1f5f9;--bot-text-2:#cbd5e1;--bot-text-3:#94a3b8;--bot-text-4:#64748b;--bot-line:#94a3b814;--bot-glass:#1e293bbf;--bot-glass-border:#94a3b81a;--bot-radius:20px;--bot-radius-sm:14px;--bot-shadow:0 8px 32px #0000004d, 0 2px 8px #0003;--bot-shadow-sm:0 4px 16px #0003;--bot-font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bot-transition:cubic-bezier(.22, 1, .36, 1)}@keyframes botFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes botScaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes botSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes botGlow{0%,to{box-shadow:0 0 8px var(--bot-primary-glow)}50%{box-shadow:0 0 24px var(--bot-primary-glow), 0 0 48px #2563eb1a}}@keyframes botFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes starPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.bot-root{background:var(--bot-bg);width:100%;height:100%;min-height:calc(100dvh - 120px);font-family:var(--bot-font);color:var(--bot-text);-webkit-font-smoothing:antialiased;flex-direction:column;display:flex;position:relative;overflow:hidden}.bot-header{z-index:30;background:linear-gradient(180deg, var(--bot-bg) 60%, transparent);-webkit-backdrop-filter:blur(20px);padding:16px 20px 12px;position:sticky;top:0}.bot-header-row{align-items:center;gap:14px;display:flex}.bot-back-btn{background:var(--bot-card);border:1px solid var(--bot-glass-border);width:44px;height:44px;color:var(--bot-text-2);cursor:pointer;border-radius:14px;flex-shrink:0;place-items:center;transition:all .2s;display:grid}.bot-back-btn:hover{background:var(--bot-card-hover);color:var(--bot-text)}.bot-header-title{flex:1}.bot-header-title h1{letter-spacing:-.5px;background:linear-gradient(135deg, var(--bot-text) 50%, var(--bot-accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:26px;font-weight:800}.bot-header-title p{color:var(--bot-text-3);margin:2px 0 0;font-size:13px}.bot-scroll{scrollbar-width:thin;scrollbar-color:var(--bot-text-4) transparent;flex:1;padding-bottom:100px;overflow:hidden auto}.bot-scroll::-webkit-scrollbar{width:4px}.bot-scroll::-webkit-scrollbar-thumb{background:var(--bot-text-4);border-radius:4px}.bot-search-wrap{padding:4px 20px 12px}.bot-search{background:var(--bot-glass);border:1px solid var(--bot-glass-border);-webkit-backdrop-filter:blur(16px);height:52px;transition:all .3s var(--bot-transition);border-radius:18px;align-items:center;gap:12px;padding:0 18px;display:flex}.bot-search:focus-within{border-color:var(--bot-primary);box-shadow:0 0 24px var(--bot-primary-glow);background:var(--bot-card)}.bot-search svg{color:var(--bot-text-4);flex-shrink:0}.bot-search input{color:var(--bot-text);font-size:15px;font-family:var(--bot-font);background:0 0;border:none;outline:none;flex:1;font-weight:500}.bot-search input::placeholder{color:var(--bot-text-4);font-weight:400}.bot-search-clear{background:var(--bot-line);width:28px;height:28px;color:var(--bot-text-3);cursor:pointer;border:none;border-radius:50%;place-items:center;display:grid}.bot-cats{scrollbar-width:none;-ms-overflow-style:none;gap:8px;padding:0 20px 16px;display:flex;overflow-x:auto}.bot-cats::-webkit-scrollbar{display:none}.bot-cat{background:var(--bot-card);border:1px solid var(--bot-glass-border);color:var(--bot-text-3);font-size:13.5px;font-weight:600;font-family:var(--bot-font);cursor:pointer;transition:all .35s var(--bot-transition);white-space:nowrap;border-radius:14px;flex-shrink:0;align-items:center;gap:8px;padding:10px 20px;display:flex;position:relative}.bot-cat.active{background:linear-gradient(135deg, var(--bot-primary), var(--bot-accent));color:#fff;box-shadow:0 4px 20px var(--bot-primary-glow);border-color:#0000;transform:scale(1.02)}.bot-cat:not(.active):hover{background:var(--bot-card-hover);color:var(--bot-text-2)}.bot-hero{text-align:center;animation:botFadeIn .5s var(--bot-transition);background:linear-gradient(135deg,#2563eb26,#06b6d41a);border:1px solid #2563eb33;border-radius:24px;margin:0 20px 24px;padding:32px 24px;position:relative;overflow:hidden}.bot-hero:before{content:"";background:radial-gradient(circle,#2563eb14 0%,#0000 70%);width:200%;height:200%;animation:6s ease-in-out infinite botFloat;position:absolute;top:-50%;left:-50%}.bot-hero-icon{z-index:1;margin-bottom:16px;font-size:64px;animation:3s ease-in-out infinite botFloat;display:inline-block;position:relative}.bot-hero h2{color:var(--bot-text);z-index:1;margin:0 0 8px;font-size:24px;font-weight:800;position:relative}.bot-hero p{color:var(--bot-text-3);z-index:1;max-width:360px;margin:0 auto 20px;font-size:14px;line-height:1.6;position:relative}.bot-hero-cta{background:linear-gradient(135deg, var(--bot-primary), var(--bot-accent));color:#fff;font-size:15px;font-weight:700;font-family:var(--bot-font);cursor:pointer;box-shadow:0 4px 20px var(--bot-primary-glow);transition:all .3s var(--bot-transition);z-index:1;border:none;border-radius:16px;align-items:center;gap:8px;padding:14px 32px;display:inline-flex;position:relative}.bot-hero-cta:hover{transform:translateY(-2px)scale(1.03);box-shadow:0 8px 32px #2563eb66}.bot-section-head{padding:8px 20px 12px}.bot-section-head h3{color:var(--bot-text-2);margin:0;font-size:17px;font-weight:700}.bot-grid{grid-template-columns:repeat(2,1fr);gap:14px;padding:0 20px 24px;display:grid}.bot-card{border-radius:var(--bot-radius);background:var(--bot-card);border:1px solid var(--bot-glass-border);cursor:pointer;transition:all .35s var(--bot-transition);text-align:center;animation:botFadeIn .4s var(--bot-transition) both;flex-direction:column;align-items:center;gap:10px;padding:24px 18px 18px;display:flex;position:relative}.bot-card:first-child{animation-delay:0s}.bot-card:nth-child(2){animation-delay:80ms}.bot-card:nth-child(3){animation-delay:.16s}.bot-card:nth-child(4){animation-delay:.24s}.bot-card:hover{box-shadow:var(--bot-shadow);border-color:var(--bot-primary-soft);transform:translateY(-6px)}.bot-card-icon{background:var(--card-grad,linear-gradient(135deg, var(--bot-primary), var(--bot-accent)));width:72px;height:72px;transition:transform .3s var(--bot-transition);border-radius:22px;place-items:center;font-size:36px;display:grid;box-shadow:0 4px 20px #0000004d}.bot-card:hover .bot-card-icon{transform:scale(1.08)}.bot-card-name{color:var(--bot-text);align-items:center;gap:4px;font-size:14px;font-weight:700;display:flex}.bot-card-name .bot-verified{color:var(--bot-primary)}.bot-card-tagline{color:var(--bot-text-4);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.3;display:-webkit-box;overflow:hidden}.bot-card-stats{color:var(--bot-text-3);align-items:center;gap:12px;font-size:12px;display:flex}.bot-card-rating{color:var(--bot-gold);align-items:center;gap:3px;font-weight:600;display:flex}.bot-card-users{color:var(--bot-text-4)}.bot-card-start{background:linear-gradient(135deg, var(--bot-primary), var(--bot-accent));color:#fff;width:100%;font-size:13px;font-weight:700;font-family:var(--bot-font);cursor:pointer;box-shadow:0 2px 12px var(--bot-primary-glow);transition:all .25s var(--bot-transition);border:none;border-radius:12px;justify-content:center;align-items:center;gap:6px;margin-top:4px;padding:10px 0;display:flex}.bot-card-start:hover{transform:translateY(-1px);box-shadow:0 4px 20px #2563eb66}.bot-card-start.started{background:var(--bot-green-soft);color:var(--bot-green);box-shadow:none}.bot-list{flex-direction:column;gap:10px;padding:0 20px 20px;display:flex}.bot-row{border-radius:var(--bot-radius);background:var(--bot-card);border:1px solid var(--bot-glass-border);cursor:pointer;transition:all .3s var(--bot-transition);animation:botFadeIn .4s var(--bot-transition) both;align-items:center;gap:14px;padding:16px;display:flex}.bot-row:nth-child(odd){animation-delay:0s}.bot-row:nth-child(2n){animation-delay:60ms}.bot-row:hover{background:var(--bot-card-hover);box-shadow:var(--bot-shadow-sm);transform:translate(4px)}.bot-row .bot-card-icon{border-radius:18px;flex-shrink:0;width:60px;height:60px;font-size:28px}.bot-row-body{flex:1;min-width:0}.bot-row .bot-card-name{font-size:15px}.bot-row .bot-card-tagline{-webkit-line-clamp:1;margin-top:2px}.bot-row-stats{align-items:center;gap:12px;margin-top:4px;font-size:12px;display:flex}.bot-row .bot-card-start{flex-shrink:0;width:auto;margin-top:0;padding:10px 20px}.bot-empty{text-align:center;animation:botFadeIn .5s var(--bot-transition);flex-direction:column;justify-content:center;align-items:center;padding:60px 40px;display:flex}.bot-empty-icon{background:var(--bot-primary-soft);width:80px;height:80px;color:var(--bot-primary);border-radius:50%;place-items:center;margin-bottom:20px;display:grid}.bot-empty h3{margin:0 0 8px;font-size:18px;font-weight:700}.bot-empty p{color:var(--bot-text-3);margin:0;font-size:14px}.bot-overlay{z-index:50;-webkit-backdrop-filter:blur(4px);background:#0000008c;animation:.2s botFadeIn;position:fixed;inset:0}.bot-sheet{background:var(--bot-card);z-index:51;max-height:85vh;animation:botSlideUp .35s var(--bot-transition);border-radius:28px 28px 0 0;padding:12px 24px 40px;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.bot-sheet-grip{background:var(--bot-text-4);border-radius:2px;width:40px;height:4px;margin:0 auto 20px}.bot-sheet-head{flex-direction:column;align-items:center;gap:6px;margin-bottom:20px;display:flex}.bot-sheet-icon{background:var(--sheet-grad,linear-gradient(135deg, var(--bot-primary), var(--bot-accent)));border-radius:24px;place-items:center;width:80px;height:80px;font-size:40px;display:grid;box-shadow:0 8px 32px #0000004d}.bot-sheet-name{align-items:center;gap:6px;font-size:22px;font-weight:800;display:flex}.bot-sheet-name .bot-verified{color:var(--bot-primary)}.bot-sheet-sub{color:var(--bot-text-3);font-size:14px}.bot-sheet-stats{justify-content:center;gap:0;margin-bottom:20px;padding:0 20px;display:flex}.bot-sheet-stat{text-align:center;flex:1;padding:14px 0}.bot-sheet-stat:not(:last-child){border-right:1px solid var(--bot-line)}.bot-sheet-stat .stat-v{justify-content:center;align-items:center;gap:4px;font-size:15px;font-weight:700;display:flex}.bot-sheet-stat .stat-k{color:var(--bot-text-4);margin-top:2px;font-size:12px}.bot-sheet-desc{color:var(--bot-text-3);text-align:center;margin-bottom:20px;padding:0 10px;font-size:14px;line-height:1.6}.bot-sheet-feats{margin-bottom:24px}.bot-sheet-feats h5{color:var(--bot-text-2);margin:0 0 14px;font-size:14px;font-weight:700}.bot-feat{color:var(--bot-text-2);border-bottom:1px solid var(--bot-line);align-items:center;gap:14px;padding:12px 0;font-size:14px;display:flex}.bot-feat:last-child{border-bottom:none}.bot-feat .feat-icon{color:#fff;border-radius:12px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.bot-sheet-cta{background:linear-gradient(135deg, var(--bot-primary), var(--bot-accent));color:#fff;width:100%;font-size:16px;font-weight:700;font-family:var(--bot-font);cursor:pointer;box-shadow:0 4px 20px var(--bot-primary-glow);transition:all .3s var(--bot-transition);border:none;border-radius:18px;justify-content:center;align-items:center;gap:8px;padding:16px;display:flex}.bot-sheet-cta:hover{transform:translateY(-2px);box-shadow:0 8px 32px #2563eb66}.bot-sheet-cta.started{background:var(--bot-green-soft);color:var(--bot-green);box-shadow:none}@media (width<=480px){.bot-header{padding:12px 16px 10px}.bot-search-wrap{padding:4px 16px 10px}.bot-cats{padding:0 16px 14px}.bot-hero{margin:0 16px 20px;padding:28px 20px}.bot-section-head{padding:8px 16px 10px}.bot-grid{gap:10px;padding:0 16px 20px}.bot-list{padding:0 16px 20px}}@media (width>=600px){.bot-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=900px){.bot-grid{grid-template-columns:repeat(4,1fr)}}.wallet-page{gap:var(--space-4);max-width:var(--max-content-width);flex-direction:column;margin:0 auto;display:flex}.wallet-header h1{font-size:var(--text-2xl);font-weight:800}.wallet-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}@media (width<=800px){.wallet-grid{grid-template-columns:1fr}}.balance-stats-card{padding:var(--space-5);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg), 0 0 24px #0ea5e90d;background:radial-gradient(circle at 100% 0,#0ea5e926 0%,#0c1222d9 70%);border:1px solid #0ea5e940}.cashout-card{padding:var(--space-5);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);background:#0c1222bf;border:1px solid #ffffff0f}.cashout-card h3{font-size:var(--text-base);font-weight:700}.balance-item .label{font-size:var(--text-xs);color:var(--text-secondary)}.amount-row{align-items:center;gap:var(--space-2);margin-top:4px;display:flex}.amount-row h2{font-size:var(--text-2xl);color:var(--accent-cyan);font-weight:800}.amount-row h3{font-size:var(--text-lg);color:var(--accent-amber);font-weight:700}.hint-text{color:var(--text-tertiary);margin-top:4px;font-size:10px;display:block}.cashout-form{gap:var(--space-2);flex-direction:column;display:flex}.transaction-history-section{padding:var(--space-5);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);background:#0c1222bf;border:1px solid #ffffff0f}.transaction-history-section h3{font-size:var(--text-base);font-weight:700}.tx-list{gap:var(--space-2);flex-direction:column;display:flex}.tx-item{border-radius:var(--radius-md);transition:all var(--transition-base);background:#060a1480;border:1px solid #ffffff0a}.tx-item:hover{background:#060a14b3;border-color:#0ea5e926;transform:translate(4px)}.text-cyan{color:var(--accent-cyan)}.text-amber{color:var(--accent-amber)}.text-right{text-align:right}.status-badge-tx{text-transform:uppercase;border-radius:var(--radius-full);padding:1px 6px;font-size:8px;font-weight:700;display:inline-block}.status-completed{color:var(--accent-green);background:#10b9811a}:root{--bg-primary:#030712;--bg-secondary:#080d1a;--bg-tertiary:#0e1529;--bg-card:#0a1022d9;--bg-card-hover:#121a34eb;--bg-glass:#ffffff08;--bg-glass-hover:#ffffff0f;--bg-glass-strong:#ffffff14;--bg-overlay:#010308d1;--surface-1:#0a1022;--surface-2:#111a34;--surface-3:#19254a;--text-primary:#f8faff;--text-secondary:#94a3c4;--text-tertiary:#5e6e8a;--text-muted:#3d4a62;--text-inverse:#080d1a;--accent-cyan:#7c3aed;--accent-cyan-light:#a78bfa;--accent-blue:#c026d3;--accent-blue-light:#e879f9;--accent-violet:#8b5cf6;--accent-violet-light:#a78bfa;--accent-pink:#ec4899;--accent-pink-light:#f472b6;--accent-amber:#f59e0b;--accent-amber-light:#fbbf24;--accent-green:#10b981;--accent-green-light:#34d399;--accent-red:#ef4444;--accent-red-light:#f87171;--accent-orange:#f97316;--accent-indigo:#6d28d9;--accent-indigo-light:#7c3aed;--accent-rose:#fb7185;--accent-rose-light:#fda4af;--accent-teal:#2dd4bf;--accent-teal-light:#5eead4;--accent-lime:#a3e635;--accent-sky:#a78bfa;--accent-fuchsia:#d946ef;--gradient-primary:linear-gradient(135deg, #7c3aed 0%, #c026d3 50%, #ec4899 100%);--gradient-primary-soft:linear-gradient(135deg, #7c3aed26, #ec489926);--gradient-secondary:linear-gradient(135deg, #ec4899, #f472b6);--gradient-accent:linear-gradient(135deg, #f59e0b, #f97316);--gradient-success:linear-gradient(135deg, #10b981, #2dd4bf);--gradient-danger:linear-gradient(135deg, #ef4444, #ec4899);--gradient-aurora:linear-gradient(120deg, #7c3aed, #a855f7, #d946ef, #ec4899, #7c3aed);--gradient-aurora-soft:linear-gradient(120deg, #7c3aed1f, #a855f71f, #d946ef1a, #ec48991f);--gradient-neon:linear-gradient(135deg, #a78bfa, #c026d3, #ec4899);--gradient-sunset:linear-gradient(135deg, #f97316, #ec4899, #a855f7);--gradient-ocean:linear-gradient(135deg, #7c3aed, #c026d3, #ec4899);--gradient-mint:linear-gradient(135deg, #10b981, #2dd4bf, #a3e635);--gradient-shine:linear-gradient(105deg, #fff0 0%, #ffffff1f 45%, #fff0 55%);--gradient-shine-card:linear-gradient(105deg, transparent 0%, #ffffff0f 40%, transparent 60%);--gradient-bg:radial-gradient(ellipse at 20% 0%, #7c3aed14 0%, transparent 50%), radial-gradient(ellipse at 80% 100%, #ec48990f 0%, transparent 50%), linear-gradient(180deg, #030712 0%, #080d1a 40%, #0a1022 100%);--gradient-card:linear-gradient(145deg, #ffffff0a, #ffffff02);--gradient-card-hover:linear-gradient(145deg, #fff1, #ffffff04);--gradient-glow-cyan:radial-gradient(circle, #7c3aed24 0%, transparent 70%);--gradient-glow-violet:radial-gradient(circle, #a855f724 0%, transparent 70%);--gradient-glow-pink:radial-gradient(circle, #ec48991f 0%, transparent 70%);--gradient-glow-neon:radial-gradient(circle, #d946ef1f 0%, transparent 70%);--border-subtle:#ffffff0f;--border-default:#ffffff17;--border-strong:#ffffff26;--border-accent:#7c3aed66;--border-glow:#7c3aed38;--shadow-sm:0 1px 4px #00000080;--shadow-md:0 4px 20px #0000008c;--shadow-lg:0 12px 48px #000000a6, 0 0 100px #7c3aed0d;--shadow-xl:0 24px 72px #000000bf, 0 0 0 1px #ffffff04;--shadow-glow-cyan:0 0 28px #7c3aed66;--shadow-glow-violet:0 0 28px #a855f766;--shadow-glow-pink:0 0 28px #ec489952;--shadow-neon:0 0 32px #d946ef52;--shadow-card:0 8px 36px #00000080, 0 0 0 1px #ffffff09, inset 0 1px 0 #ffffff09;--shadow-glow-brand:0 8px 36px #7c3aed5c;--shadow-glow-brand-strong:0 12px 48px #7c3aed73;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:28px;--radius-2xl:36px;--radius-full:9999px;--font-sans:"Inter", "Hind Siliguri", -apple-system, BlinkMacSystemFont, sans-serif;--font-bangla:"Hind Siliguri", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--transition-fast:.12s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.45s cubic-bezier(.4, 0, .2, 1);--transition-spring:.4s cubic-bezier(.34, 1.56, .64, 1);--transition-bounce:.6s cubic-bezier(.68, -.55, .265, 1.55);--z-base:1;--z-dropdown:100;--z-sticky:200;--z-modal:500;--z-toast:600;--z-tooltip:700;--sidebar-width:260px;--topbar-height:60px;--bottomnav-height:70px;--max-content-width:680px}[data-theme=light]{--bg-primary:#f4f6fb;--bg-secondary:#fff;--bg-tertiary:#e8edf6;--bg-card:#ffffffe0;--bg-card-hover:#fffffff5;--bg-glass:#ffffff8c;--bg-glass-hover:#ffffffb8;--bg-glass-strong:#ffffffe0;--bg-overlay:#0a122a4d;--surface-1:#fff;--surface-2:#f4f6fb;--surface-3:#e8edf6;--text-primary:#0c1322;--text-secondary:#4a5a74;--text-tertiary:#8c9bb5;--text-muted:#c2ccdb;--border-subtle:#0a122a0a;--border-default:#0a122a14;--border-strong:#0a122a21;--border-accent:#7c3aed4d;--border-glow:#7c3aed29;--shadow-sm:0 1px 3px #0a122a0a;--shadow-md:0 4px 16px #0a122a12;--shadow-lg:0 12px 44px #0a122a17;--shadow-xl:0 24px 64px #0a122a1f;--shadow-card:0 6px 28px #0a122a0f, 0 0 0 1px #0a122a06;--shadow-glow-brand:0 8px 28px #7c3aed2e;--shadow-glow-brand-strong:0 12px 40px #7c3aed3d;--gradient-bg:radial-gradient(ellipse at 30% 0%, #7c3aed0d 0%, transparent 50%), radial-gradient(ellipse at 70% 100%, #ec48990a 0%, transparent 50%), linear-gradient(180deg, #f4f6fb 0%, #fff 50%, #e8edf6 100%);--gradient-card:linear-gradient(145deg, #fffffff5, #f4f6fba6);--gradient-card-hover:linear-gradient(145deg, #fff, #f4f6fbcc);--gradient-glow-cyan:radial-gradient(circle, #7c3aed12 0%, transparent 70%);--gradient-glow-violet:radial-gradient(circle, #a855f712 0%, transparent 70%)}::selection{color:#f8faff;background:#7c3aed59}[data-theme=light] ::selection{color:#0c1322;background:#7c3aed38}:focus-visible{outline-offset:2px;outline:2px solid #7c3aed8c}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:var(--leading-normal);min-height:100vh;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}a{color:var(--accent-cyan);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-cyan-light)}img{max-width:100%;display:block}input,textarea,button,select{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none;outline:none}ul,ol{list-style:none}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:linear-gradient(#7c3aed59,#ec489940)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#7c3aed8c,#ec489966)}@keyframes slideInLeft{0%{opacity:0;transform:translate(-36px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(36px)}to{opacity:1;transform:translate(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.7)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes glow{0%,to{box-shadow:0 0 5px #6366f14d}50%{box-shadow:0 0 24px #6366f199,0 0 48px #00e5ff33}}@keyframes neonPulse{0%,to{box-shadow:0 0 8px #00e5ff4d,0 0 24px #6366f126}50%{box-shadow:0 0 16px #00e5ff80,0 0 48px #6366f140}}@keyframes auroraShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes shimmerText{0%{background-position:-200%}to{background-position:200%}}@keyframes borderGlow{0%,to{border-color:#6366f14d}50%{border-color:#00e5ff80}}@keyframes orbitalFloat{0%{transform:translateY(0)rotate(0)}25%{transform:translateY(-8px)rotate(2deg)}50%{transform:translateY(-14px)rotate(0)}75%{transform:translateY(-6px)rotate(-2deg)}to{transform:translateY(0)rotate(0)}}@keyframes breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.95;transform:scale(1.02)}}@keyframes heartBeat{0%{transform:scale(1)}15%{transform:scale(1.35)}30%{transform:scale(1)}45%{transform:scale(1.18)}60%{transform:scale(1)}}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}@keyframes countUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes ripple{to{opacity:0;transform:scale(4)}}@keyframes progressBar{0%{width:0%}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)rotate(0)}50%{opacity:1;transform:scale(1)rotate(180deg)}}@keyframes gradientFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes cardShine{0%{transform:translate(-100%)rotate(12deg)}to{transform:translate(100%)rotate(12deg)}}@keyframes gentleFloat{0%,to{transform:translateY(0)translate(0)}33%{transform:translateY(-6px)translate(3px)}66%{transform:translateY(-3px)translate(-2px)}}.animate-fadeIn{animation:fadeIn var(--transition-base) ease forwards}.animate-fadeInUp{animation:.5s cubic-bezier(.4,0,.2,1) forwards fadeInUp}.animate-fadeInDown{animation:.5s cubic-bezier(.4,0,.2,1) forwards fadeInDown}.animate-scaleIn{animation:scaleIn var(--transition-spring) forwards}.animate-popIn{animation:popIn var(--transition-bounce) forwards}.animate-slideInLeft{animation:.5s cubic-bezier(.4,0,.2,1) forwards slideInLeft}.animate-slideInRight{animation:.5s cubic-bezier(.4,0,.2,1) forwards slideInRight}.animate-pulse{animation:2s infinite pulse}.animate-spin{animation:1s linear infinite spin}.animate-bounce{animation:1.5s infinite bounce}.animate-float{animation:3s ease-in-out infinite float}.animate-orbital{animation:4s ease-in-out infinite orbitalFloat}.animate-breathe{animation:3s ease-in-out infinite breathe}.animate-glow{animation:2.5s ease-in-out infinite glow}.animate-shimmer{background:linear-gradient(90deg,#0000 0%,#ffffff0f 50%,#0000 100%) 0 0/200% 100%;animation:2s linear infinite shimmer}.animate-gradient{background-size:200% 200%;animation:4s infinite gradientFlow}.animate-neon{animation:2s ease-in-out infinite neonPulse}.animate-sparkle{animation:2s ease-in-out infinite sparkle}.stagger-children>*{opacity:0;animation:.4s cubic-bezier(.4,0,.2,1) forwards fadeInUp}.stagger-children>:first-child{animation-delay:50ms}.stagger-children>:nth-child(2){animation-delay:.1s}.stagger-children>:nth-child(3){animation-delay:.15s}.stagger-children>:nth-child(4){animation-delay:.2s}.stagger-children>:nth-child(5){animation-delay:.25s}.stagger-children>:nth-child(6){animation-delay:.3s}.stagger-children>:nth-child(7){animation-delay:.35s}.stagger-children>:nth-child(8){animation-delay:.4s}.stagger-children>:nth-child(9){animation-delay:.45s}.stagger-children>:nth-child(10){animation-delay:.5s}.app-layout{background:var(--gradient-bg);min-height:100vh;display:flex;position:relative}.app-layout:before{content:"";background:var(--gradient-glow-violet);pointer-events:none;z-index:0;width:80%;height:80%;animation:28s ease-in-out infinite alternate floatBg;position:fixed;top:-50%;left:-30%}.app-layout:after{content:"";background:var(--gradient-glow-cyan);pointer-events:none;z-index:0;width:80%;height:80%;animation:32s ease-in-out infinite alternate-reverse floatBg;position:fixed;bottom:-50%;right:-30%}@keyframes floatBg{0%{transform:translate(0)scale(1)}to{transform:translate(70px,-50px)scale(1.15)}}.main-content{min-height:100vh;z-index:var(--z-base);flex-direction:column;flex:1;display:flex;position:relative}.page-content{padding:var(--space-6);padding-top:calc(var(--topbar-height) + var(--space-6));padding-bottom:calc(var(--bottomnav-height) + var(--space-6));flex:1;width:100%;max-width:1200px;margin:0 auto}.glass-card{background:var(--bg-card);background-image:var(--gradient-card);-webkit-backdrop-filter:blur(28px)saturate(180%);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-base);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.glass-card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;opacity:.5;transition:opacity var(--transition-base);background:linear-gradient(145deg,#ffffff1f,#0000 35% 65%,#6366f10f);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass-card:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 0%,#ffffff0a 40%,#0000 60%);width:50%;height:100%;transition:none;position:absolute;top:0;left:-100%}.glass-card:hover{background:var(--bg-card-hover);background-image:var(--gradient-card-hover);box-shadow:var(--shadow-lg), 0 0 60px #6366f10f;border-color:#6366f12e;transform:translateY(-3px)}.glass-card:hover:before{opacity:1}.glass-card:hover:after{animation:.8s forwards cardShine}.glass-card-strong{background:#0c1224eb;background-image:var(--gradient-card);-webkit-backdrop-filter:blur(32px)saturate(200%);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.glass-card-strong:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 0%,#ffffff0d 45%,#0000 55%);width:60%;height:100%;transition:none;position:absolute;top:0;left:-100%}.glass-card-strong:hover:after{animation:.7s forwards cardShine}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-weight:600;font-size:var(--text-sm);transition:all var(--transition-base);white-space:nowrap;letter-spacing:.01em;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";transition:background var(--transition-fast);background:#fff0;position:absolute;inset:0}.btn:hover:after{background:#ffffff0f}.btn:active{transform:scale(.97)}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow-brand);transition:all var(--transition-base), background-position .5s ease;background-size:150% 150%}.btn-primary:hover{box-shadow:var(--shadow-glow-brand-strong);background-position:100% 0;transform:translateY(-2px)}.btn-secondary{background:var(--gradient-secondary);color:#fff;box-shadow:0 4px 20px #9b6dff40}.btn-accent{background:var(--gradient-accent);color:#fff;box-shadow:0 4px 20px #ffb02040}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border-default);background:0 0}.btn-ghost:hover{background:var(--bg-glass);color:var(--text-primary);border-color:var(--border-strong)}.btn-danger{background:var(--gradient-danger);color:#fff;box-shadow:0 4px 20px #ff475740}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.btn-icon{padding:var(--space-2);border-radius:var(--radius-md);width:36px;height:36px}.input-field{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);transition:all var(--transition-base);background:#040710b3;outline:none}[data-theme=light] .input-field{background:#ffffffa6}.input-field::placeholder{color:var(--text-tertiary)}.input-field:focus{background:#040710d9;border-color:#6366f180;box-shadow:0 0 0 3px #6366f11a,0 0 24px #6366f114}[data-theme=light] .input-field:focus{background:#fff;box-shadow:0 0 0 3px #6366f114,0 0 16px #6366f10f}.textarea-field{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);resize:vertical;min-height:80px;transition:all var(--transition-base);outline:none}.textarea-field:focus{border-color:#9b6dff80;box-shadow:0 0 0 3px #9b6dff1a,0 0 20px #9b6dff0f}.badge{align-items:center;gap:var(--space-1);border-radius:var(--radius-full);font-size:var(--text-xs);letter-spacing:.03em;padding:2px 10px;font-weight:600;display:inline-flex}.badge-student{color:var(--accent-cyan);background:#00e5ff1f;border:1px solid #00e5ff33}.badge-teacher{color:var(--accent-violet);background:#9b6dff1f;border:1px solid #9b6dff33}.badge-premium{color:var(--accent-amber);background:linear-gradient(135deg,#ffb02026,#ff5caa26);border:1px solid #ffb02040}.badge-admin{color:var(--accent-red);background:#ff47571f;border:1px solid #ff475733}.badge-verified{color:var(--accent-green);background:#00e6a01f;border:1px solid #00e6a033}.badge-live{color:var(--accent-red);background:#ff47571f;border:1px solid #ff475733;animation:2s infinite pulse}.avatar{border-radius:var(--radius-full);width:40px;height:40px;font-weight:700;font-size:var(--text-sm);color:#fff;background:var(--gradient-primary);border:2px solid var(--border-subtle);transition:all var(--transition-base);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.avatar:hover{border-color:#6366f14d;transform:scale(1.08);box-shadow:0 0 20px #6366f14d}.avatar-sm{width:32px;height:32px;font-size:var(--text-xs)}.avatar-lg{width:56px;height:56px;font-size:var(--text-xl)}.avatar-xl{width:80px;height:80px;font-size:var(--text-3xl)}.avatar-xxl{width:100px;height:100px;font-size:var(--text-4xl)}.avatar img{object-fit:cover;width:100%;height:100%}.avatar-online{position:relative}.avatar-online:after{content:"";background:var(--accent-green);border:2px solid var(--bg-primary);border-radius:var(--radius-full);width:10px;height:10px;position:absolute;bottom:1px;right:1px;box-shadow:0 0 8px #00e6a066}.tabs{gap:var(--space-1);border-radius:var(--radius-full);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0407108c;padding:4px;display:flex;overflow-x:auto}[data-theme=light] .tabs{background:#ffffff80}.tab{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--text-secondary);transition:all var(--transition-base);cursor:pointer;white-space:nowrap;background:0 0;border:none;font-weight:600}.tab:hover{color:var(--text-primary);background:#ffffff0a}[data-theme=light] .tab:hover{background:#00000008}.tab.active{background:var(--gradient-primary);color:#fff;box-shadow:0 2px 16px #6366f159}.progress-bar{background:var(--bg-glass-strong);border-radius:var(--radius-full);width:100%;height:6px;position:relative;overflow:hidden}.progress-bar-fill{background:var(--gradient-primary);border-radius:var(--radius-full);height:100%;transition:width .6s cubic-bezier(.4,0,.2,1);animation:1s progressBar;position:relative}.progress-bar-fill:after{content:"";border-radius:var(--radius-full);opacity:0;width:10px;height:10px;transition:opacity var(--transition-base);background:#fff;position:absolute;top:50%;right:0;transform:translateY(-50%);box-shadow:0 0 10px #6366f199,0 0 20px #00e5ff4d}.progress-bar-fill[style*=width]:not([style*="width: 0"]):after{opacity:1}.tag{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);background:var(--bg-glass);color:var(--text-secondary);border:1px solid var(--border-subtle);transition:all var(--transition-fast);font-weight:500;display:inline-flex}.tag:hover{border-color:var(--border-default);background:var(--bg-glass-hover)}.divider{background:linear-gradient(90deg, transparent, var(--border-subtle), transparent);width:100%;height:1px;margin:var(--space-4) 0}.stat-card{padding:var(--space-5);border-radius:var(--radius-lg);background:var(--bg-card);background-image:var(--gradient-card);-webkit-backdrop-filter:blur(28px)saturate(180%);border:1px solid var(--border-subtle);text-align:center;box-shadow:var(--shadow-card);transition:all var(--transition-base);position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--gradient-primary);opacity:0;height:3px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.stat-card:hover{box-shadow:var(--shadow-lg), 0 0 40px #6366f112;border-color:#6366f133;transform:translateY(-4px)}.stat-card:hover:before{opacity:1}.stat-card .stat-value{font-size:var(--text-2xl);background:linear-gradient(135deg,#818cf8,#00e5ff 50%,#00e6a0);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800;animation:.5s countUp}.stat-card .stat-label{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-1);text-transform:uppercase;letter-spacing:.06em}.modal-overlay{background:var(--bg-overlay);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:var(--z-modal);padding:var(--space-4);justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-xl);width:100%;max-width:500px;max-height:90vh;box-shadow:var(--shadow-xl), 0 0 80px #6366f10f;animation:.4s cubic-bezier(.34,1.56,.64,1) popIn;overflow-y:auto}.modal-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.modal-header h3{font-size:var(--text-lg);font-weight:700}.modal-body{padding:var(--space-6)}.modal-footer{justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-subtle);display:flex}.toast-container{top:var(--space-6);right:var(--space-6);z-index:var(--z-toast);gap:var(--space-3);flex-direction:column;display:flex;position:fixed}.toast{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border-default);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);min-width:300px;animation:.35s cubic-bezier(.34,1.56,.64,1) slideInRight;display:flex}.toast-success{border-left:3px solid var(--accent-green)}.toast-error{border-left:3px solid var(--accent-red)}.toast-info{border-left:3px solid var(--accent-blue)}.empty-state{padding:var(--space-16) var(--space-6);text-align:center;color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state svg{width:64px;height:64px;margin-bottom:var(--space-4);opacity:.35}.empty-state h3{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-2)}.skeleton{background:linear-gradient(90deg, var(--bg-glass) 25%, var(--bg-glass-strong) 50%, var(--bg-glass) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}.skeleton-circle{border-radius:var(--radius-full)}@media (width>=768px){.page-content{padding-bottom:var(--space-6);padding-left:calc(var(--sidebar-width) + var(--space-6))}.hide-desktop{display:none!important}}@media (width<=767px){.hide-mobile{display:none!important}.page-content{padding:var(--space-4);padding-top:calc(var(--topbar-height) + var(--space-4));padding-bottom:calc(var(--bottomnav-height) + var(--space-4))}}@media (width<=480px){:root{--space-6:16px}.page-content{padding:var(--space-3);padding-top:calc(var(--topbar-height) + var(--space-3));padding-bottom:calc(var(--bottomnav-height) + var(--space-3))}}.gradient-text{background:linear-gradient(135deg,#818cf8,#00e5ff 50%,#00e6a0) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite shimmerText}.gradient-text-secondary{background:linear-gradient(135deg,#c084fc,#ff85c0) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite shimmerText}.gradient-text-accent{background:linear-gradient(135deg,#ffc94d,#ff7080,#ff85c0) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite shimmerText}.gradient-text-aurora{background:var(--gradient-aurora);-webkit-text-fill-color:transparent;background-size:300%;-webkit-background-clip:text;background-clip:text;animation:6s linear infinite shimmerText}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.w-full{width:100%}.mt-6{margin-top:var(--space-6)}.cursor-pointer{cursor:pointer}.text-center{text-align:center}.relative{position:relative}