@font-face{font-family:Poppins;font-style:normal;font-weight:300;font-display:swap;src:url(../media/7e832ad540183e91-s.a2f18b1a.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:300;font-display:swap;src:url(../media/2094fb60fd9c8287-s.3ed55436.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:300;font-display:swap;src:url(../media/c875c6f5d3e977ac-s.p.80fc2c9e.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(../media/41e95f694c5c4549-s.666bad7d.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(../media/6c55a692938ebbbc-s.0a77efb4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(../media/a218039a3287bcfd-s.p.4a23d71b.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(../media/bdc7e24a509eb931-s.43b0b13e.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(../media/0da9c7f357bd9d4d-s.b2288445.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(../media/8e6fa89aa22d24ec-s.p.3aec397d.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(../media/0a7740363b4d4863-s.95e4158a.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(../media/5f9d24ebef5d5292-s.bd593fbe.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(../media/e2334d715941921e-s.p.d82a9aff.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b53057dbf91a7acf-s.c55744ae.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../media/798ea22d9983e047-s.b460e02c.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../media/47fe1b7cd6e6ed85-s.p.855a563b.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:800;font-display:swap;src:url(../media/99ce71e74c11bc20-s.1db2973a.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:800;font-display:swap;src:url(../media/8cf1ea7b03cdeb83-s.da3cbacd.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:800;font-display:swap;src:url(../media/829ba4228c966254-s.p.a61bc753.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins Fallback;src:local(Arial);ascent-override:93.62%;descent-override:31.21%;line-gap-override:8.92%;size-adjust:112.16%}.poppins_ce59168e-module__Mx73ZW__className{font-family:Poppins,Poppins Fallback;font-style:normal}.poppins_ce59168e-module__Mx73ZW__variable{--font-poppins:"Poppins","Poppins Fallback"}
@font-face{font-family:Coming Soon;font-style:normal;font-weight:400;font-display:swap;src:url(../media/7128f17f8f154441-s.p.76feac0f.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Coming Soon Fallback;src:local(Arial);ascent-override:99.46%;descent-override:47.04%;line-gap-override:1.98%;size-adjust:103.4%}.coming_soon_532a857b-module__wsROfq__className{font-family:Coming Soon,Coming Soon Fallback;font-style:normal;font-weight:400}.coming_soon_532a857b-module__wsROfq__variable{--font-comingsoon:"Coming Soon","Coming Soon Fallback"}
:root{--primary-gradient:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--secondary-gradient:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);--accent-gradient:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);--dark-gradient:linear-gradient(135deg,#30cfd0 0%,#330867 100%);--light-gradient:linear-gradient(135deg,#fa709a 0%,#fee140 100%);--success-gradient:linear-gradient(135deg,#84fab0 0%,#8fd3f4 100%);--stage-gradient:linear-gradient(135deg,#1a202c 0%,#2d3748 100%);--text-primary:#2d3748;--text-secondary:#718096;--bg-primary:#f7fafc;--bg-secondary:#fff;--border-color:#e2e8f0;--shadow-light:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-medium:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-heavy:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@keyframes winnerPulse{0%{transform:scale(1);box-shadow:0 0 #6366f173}50%{transform:scale(1.08);box-shadow:0 0 0 20px #6366f100}to{transform:scale(1);box-shadow:0 0 #6366f100}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 5px #1e3c7280}50%{box-shadow:0 0 20px #1e3c72cc,0 0 30px #2a529899}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;color:var(--text-primary);background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%)}.winners-bubble{background:var(--light-gradient);width:60px;height:60px;box-shadow:var(--shadow-medium);cursor:pointer;z-index:1000;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:fixed;top:80px;right:20px;overflow:hidden}.winners-bubble:hover{box-shadow:var(--shadow-heavy);transform:scale(1.08)}.winners-bubble i{color:#fff;font-size:24px}.winners-bubble-badge{background:var(--secondary-gradient);color:#fff;text-align:center;border-radius:12px;min-width:22px;padding:3px 6px;font-size:12px;font-weight:700;position:absolute;top:-6px;right:-6px}.winners-bubble.has-new-winners{box-shadow:0 0 0 0 #ffd700e6,var(--shadow-medium);animation:1.5s ease-in-out infinite trophyPulseGlow}.winners-bubble.has-new-winners:hover{animation:.8s ease-in-out infinite trophyPulseGlow}.winners-bubble.has-new-winners .winners-bubble-badge{background:linear-gradient(135deg,#ff3838,#ff6b6b,#ee5a24);animation:1.5s ease-in-out infinite badgeBounce;box-shadow:0 0 20px #ff6b6be6,0 0 30px #ff383899}@keyframes badgeBounce{0%,to{transform:scale(1)translateY(0)}50%{transform:scale(1.2)translateY(-3px)}}@keyframes trophyPulseGlow{0%{box-shadow:0 0 0 0 #ffd700e6,0 0 25px #ffd700b3,0 0 35px #ffc10780,var(--shadow-medium);transform:scale(1)}50%{box-shadow:0 0 0 15px #ffd70000,0 0 40px #ffd700e6,0 0 60px #ffc107b3,var(--shadow-heavy);transform:scale(1.12)}to{box-shadow:0 0 0 0 #ffd70000,0 0 25px #ffd700b3,0 0 35px #ffc10780,var(--shadow-medium);transform:scale(1)}}.winners-popup{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:320px;max-height:70vh;box-shadow:var(--shadow-heavy);z-index:999;transform-origin:100% 0;background:#fffffff5;border-radius:20px;flex-direction:column;animation:.4s cubic-bezier(.34,1.56,.64,1) popupOpen;display:none;position:fixed;top:160px;right:20px;overflow:hidden}.winners-popup.active{display:flex}.winners-popup-header{background:var(--primary-gradient);color:#fff;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.winners-popup-title{align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.winners-popup-close{cursor:pointer;font-size:18px;transition:transform .2s}.winners-popup-close:hover{transform:rotate(90deg)}.winners-tabs{background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex}.winners-tab{text-align:center;cursor:pointer;background:0 0;border:none;flex:1;padding:10px;font-size:13px;font-weight:600;transition:all .2s;position:relative}.winners-tab:hover{background:#667eea1f}.winners-tab.active{color:#475569}.winners-tab.active:after{content:"";background:var(--primary-gradient);width:100%;height:3px;position:absolute;bottom:0;left:0}.winners-content{flex:1;padding:16px;overflow-y:auto}.winners-category{display:none}.winners-category.active{display:block}.winner-item{box-shadow:var(--shadow-light);background:#fff;border-radius:12px;align-items:center;margin-bottom:12px;padding:12px;transition:transform .2s,box-shadow .2s;display:flex}.winner-item:hover{box-shadow:var(--shadow-medium);transform:translateY(-3px)}.winner-rank{background:var(--bg-primary);border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;margin-right:10px;font-size:13px;font-weight:700;display:flex}.winner-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;margin-right:12px;font-weight:700;display:flex}.winner-info{flex:1}.winner-name{margin-bottom:2px;font-size:14px;font-weight:700}.winner-achievement{color:var(--text-secondary);font-size:12px}.winner-actions{margin-left:8px}.cheer-btn{background:var(--secondary-gradient);color:#fff;cursor:pointer;border:none;border-radius:15px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:transform .2s,box-shadow .2s;display:flex}.cheer-btn:hover{box-shadow:var(--shadow-medium);transform:scale(1.05)}.cheer-btn:disabled{opacity:.6;cursor:default;box-shadow:none}.winners-main-tabs{border-bottom:2px solid var(--border-color);margin-bottom:0;display:flex}.winners-main-tab{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-bottom:3px solid #0000;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.winners-main-tab:hover{background:var(--bg-secondary);color:var(--text-primary)}.winners-main-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color);background:linear-gradient(135deg,#6366f11a,#a855f71a)}.winners-popup-footer{text-align:center;background:var(--bg-primary);border-top:1px solid var(--border-color);color:var(--primary-gradient);padding:12px;font-size:13px;font-weight:600}@keyframes popupOpen{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.nav-link .unread-dot{background:#e11d48;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;right:14px;transform:translateY(-50%);box-shadow:0 0 0 2px #fff}.logo-icon{width:50px;height:50px;box-shadow:var(--shadow-medium);border-radius:15px;justify-content:center;align-items:center;margin-right:15px;display:flex;overflow:hidden}.logo-icon img{object-fit:contain;border-radius:15px;width:100%;height:100%}.nav-link{color:var(--text-secondary);border-radius:12px;align-items:center;padding:12px 20px;text-decoration:none;transition:all .3s;display:flex;position:relative}.collapsible{cursor:pointer;-webkit-user-select:none;user-select:none}.user-avatar{background:var(--accent-gradient);color:#fff;width:50px;height:50px;box-shadow:var(--shadow-light);border-radius:50%;justify-content:center;align-items:center;margin-right:15px;font-size:18px;font-weight:700;display:flex}.user-action-btn.settings-btn,.user-action-btn.update-profile-btn{padding:2px 3px;font-size:6px}.user-action-btn.settings-btn i,.user-action-btn.update-profile-btn i,.user-action-btn.settings-btn span,.user-action-btn.update-profile-btn span{font-size:10px}.main-content{flex-direction:column;flex:1;height:100vh;min-height:0;margin-left:280px;display:flex;overflow:hidden auto}.main-content.home{background:#fff}.header{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-medium);justify-content:space-between;align-items:center;padding:20px 30px;display:flex}.header-left h1{text-shadow:2px 2px 4px #0003;font-size:32px;font-weight:800}.header-right{align-items:center;gap:20px;display:flex}.notification-icon{cursor:pointer;font-size:24px;transition:transform .3s;position:relative}.notification-icon:hover{transform:scale(1.2)}.notification-badge{background:var(--secondary-gradient);color:#fff;border-radius:10px;padding:2px 6px;font-size:12px;font-weight:700;position:absolute;top:-8px;right:-8px}.notif-popover{width:360px;max-height:420px;box-shadow:var(--shadow-medium);z-index:30;background:#fff;border:1px solid #0000000f;border-radius:16px;animation:.12s ease-out popIn;position:absolute;top:110%;right:0;overflow:auto}.notif-popover-header{z-index:1;background:linear-gradient(#ffffffeb,#fff);border-bottom:1px solid #0000000f;border-top-left-radius:16px;border-top-right-radius:16px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex;position:sticky;top:0}.notif-title{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:14px;font-weight:800}.notif-markall{background:var(--light-gradient);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:6px 10px;font-size:12px;font-weight:700}.notif-list{flex-direction:column;display:flex}.notif-empty{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:30px 20px;display:flex}.notif-empty i{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:22px}.notif-item{cursor:pointer;align-items:flex-start;gap:12px;padding:12px 14px;transition:background .15s;display:flex;position:relative}.notif-item:hover{background:#667eea0f}.notif-item.unread{background:#667eea0d}.notif-avatar{color:#3b82f6;background:#667eea1f;border-radius:50%;flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.notif-avatar i{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:16px}.notif-content{flex:1;min-width:0}.notif-message{color:var(--text-primary);word-break:break-word;font-size:14px;font-weight:600}.notif-meta{color:var(--text-secondary);margin-top:4px;font-size:12px}.notif-actions{flex:none;align-items:center;gap:8px;display:flex}.notif-dot{background:#e11d48;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 2px #fff}.say-thanks-btn{cursor:pointer;color:#fff;white-space:nowrap;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:20px;justify-content:center;align-items:center;min-width:70px;height:28px;padding:6px 12px;font-size:11px;font-weight:600;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #667eea4d}.say-thanks-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.say-thanks-btn:hover:before{left:100%}.say-thanks-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.say-thanks-btn:disabled{opacity:.6;cursor:not-allowed;background:linear-gradient(135deg,#9ca3af 0%,#6b7280 100%);transform:none;box-shadow:0 2px 8px #9ca3af4d}.say-thanks-btn:disabled:hover{transform:none;box-shadow:0 2px 8px #9ca3af4d}.say-thanks-btn:disabled:before{display:none}.thanks-text,.sending-text{color:#fff;text-shadow:0 1px 2px #0000001a;font-weight:600}@keyframes popIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.btn{cursor:pointer;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:30px;padding:12px 24px;font-size:16px;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.btn:before{content:"";background:#ffffff4d;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn:hover:before{width:300px;height:300px}.btn-primary{color:var(--text-primary);box-shadow:var(--shadow-medium);background:#fff}.content{width:100%;max-width:1200px;margin:0 auto;padding:30px}.card{box-shadow:var(--shadow-light);border:1px solid var(--border-color);background:#fff;border-radius:20px;padding:20px}.crash-course-banner{background:var(--dark-gradient);color:#fff;box-shadow:var(--shadow-medium);border-radius:20px;margin-bottom:30px;padding:30px;position:relative;overflow:hidden}.crash-course-banner:before{content:"";background:#ffffff1a;border-radius:50%;width:200px;height:200px;position:absolute;top:-50px;right:-50px}.crash-course-content{z-index:2;justify-content:space-between;align-items:center;display:flex;position:relative}.crash-course-text{flex:1}.crash-course-text h2{margin-bottom:15px;font-size:32px;font-weight:800}.crash-course-text p{opacity:.9;margin-bottom:20px;font-size:18px}.crash-course-stats{gap:20px;margin-bottom:20px;display:flex}.crash-course-stat{flex-direction:column;display:flex}.crash-course-stat-value{font-size:24px;font-weight:700}.crash-course-stat-label{opacity:.8;font-size:14px}.crash-course-image{width:180px;height:180px;box-shadow:var(--shadow-heavy);border-radius:15px;flex-shrink:0;overflow:hidden}.crash-course-image img{object-fit:cover;width:100%;height:100%}.milestone-section{box-shadow:var(--shadow-medium);background:#fff;border-radius:20px;margin-bottom:30px;padding:25px}.section-title-large{font-size:24px;font-weight:700}.milestone-content{justify-content:space-between;align-items:center;display:flex}.milestone-info{flex:1}.milestone-title{margin-bottom:10px;font-size:20px;font-weight:700}.milestone-description{color:var(--text-secondary);margin-bottom:15px}.milestone-progress{margin-bottom:15px}.progress-bar{background:var(--bg-primary);border-radius:5px;height:10px;margin-bottom:5px;overflow:hidden}.progress-fill{background:var(--success-gradient);border-radius:5px;width:65%;height:100%}.progress-text{color:var(--text-secondary);justify-content:space-between;font-size:14px;display:flex}.milestone-rewards{gap:15px;display:flex}.milestone-reward{background:var(--bg-primary);border-radius:15px;flex-direction:column;align-items:center;min-width:100px;padding:15px;display:flex}.reward-icon{margin-bottom:5px;font-size:24px}.reward-value{font-size:18px;font-weight:700}.reward-label{color:var(--text-secondary);font-size:12px}.progress-bar.thin{border-radius:999px;height:6px}.progress-bar.thick{border-radius:999px;height:14px}.mini-reward{color:var(--text-secondary);background:var(--bg-primary);border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:inline-flex}.mini-reward i{font-size:12px}.mini-reward.blue{color:#2b6cb0;background:linear-gradient(135deg,#a1c4fd 0%,#c2e9fb 100%)}.mini-reward.orange{color:#c05621;background:linear-gradient(135deg,#ffecd2 0%,#fcb69f 100%)}.milestone-section.compact{border-radius:14px;margin-bottom:16px;padding:10px 12px}.milestone-section.compact .section-header{margin-bottom:6px}.milestone-section.compact .section-title-large{font-size:18px}.milestone-row{align-items:center;gap:12px;display:flex}.milestone-row .grow{flex:1}.milestone-row .chips{align-items:center;gap:8px;display:flex}.companion-section{margin-bottom:30px}.companion-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;display:grid}.companion-card{box-shadow:var(--shadow-light);background:#fff;border-radius:15px;transition:all .3s;overflow:hidden}.companion-card:hover{box-shadow:var(--shadow-medium);transform:translateY(-5px)}.companion-image{background:var(--primary-gradient);height:150px;position:relative}.companion-image img{object-fit:cover;width:100%;height:100%}.companion-status{color:#fff;background:#0009;border-radius:20px;padding:5px 10px;font-size:12px;font-weight:600;position:absolute;top:10px;right:10px}.companion-content{padding:15px}.companion-name{margin-bottom:5px;font-size:18px;font-weight:700}.companion-title{color:var(--text-secondary);margin-bottom:10px;font-size:14px}.companion-stats{justify-content:space-between;font-size:14px;display:flex}.companion-stat{color:var(--text-secondary);align-items:center;display:flex}.companion-stat i{margin-right:5px}.companion-grid.only-image .companion-card{padding:0}.companion-grid.only-image .companion-image.full{height:260px}.companion-grid.only-image .companion-image.full img{object-fit:cover;width:100%;height:100%;display:block}.companion-grid.only-image .companion-content{display:none}.booster-btn{background:var(--secondary-gradient);color:#fff;cursor:pointer;box-shadow:var(--shadow-light);border:none;border-radius:12px;padding:12px 16px;font-weight:700}.booster-btn:hover{box-shadow:var(--shadow-medium);transform:translateY(-1px)}.post-snippet{box-shadow:var(--shadow-light);background:#fff;border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:12px;padding:12px;display:flex}.snippet-thumb{object-fit:cover;background:#fff;border-radius:8px;flex-shrink:0;width:96px;height:72px}.snippet-body{flex:1}.snippet-text{color:var(--text-primary);-webkit-line-clamp:3;font-size:14px;line-height:1.35;font-family:var(--font-comingsoon),var(--font-poppins),system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.split-row{grid-template-columns:1.5fr 1fr;align-items:start;gap:16px;display:grid}@media (max-width:980px){.split-row{grid-template-columns:1fr}}.card-admin-actions{gap:6px;display:flex;position:absolute;top:8px;right:8px}.card-admin-actions .post-action-btn{box-shadow:var(--shadow-light);background:#ffffffe6;border-radius:8px;padding:6px 8px;font-size:12px}.activities-section{margin-bottom:30px}.activities-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;display:grid}.activity-card{box-shadow:var(--shadow-light);background:#fff;border-radius:15px;transition:all .3s;overflow:hidden}.activity-card:hover{box-shadow:var(--shadow-medium);transform:translateY(-5px)}.activity-header{background:var(--primary-gradient);color:#fff;padding:15px}.activity-title{margin-bottom:5px;font-size:18px;font-weight:700}.activity-meta{opacity:.9;justify-content:space-between;font-size:14px;display:flex}.activity-content{padding:15px}.activity-description{color:var(--text-secondary);margin-bottom:15px}.activity-progress{margin-bottom:15px}.activity-progress-bar{background:var(--bg-primary);border-radius:4px;height:8px;overflow:hidden}.activity-progress-fill{background:var(--accent-gradient);border-radius:4px;height:100%}.activity-action{justify-content:space-between;align-items:center;display:flex}.activity-participants{color:var(--text-secondary);align-items:center;font-size:14px;display:flex}.activity-participants i{margin-right:5px}.activity-join{background:var(--primary-gradient);color:#fff;cursor:pointer;border:none;border-radius:20px;padding:8px 15px;font-weight:600;transition:all .3s}.activity-join:hover{box-shadow:var(--shadow-light);transform:translateY(-2px)}.mothers-courses{margin-bottom:30px}.mothers-courses-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.mother-course-card{box-shadow:var(--shadow-light);background:#fff;border-radius:15px;transition:all .3s;overflow:hidden}.mother-course-card:hover{box-shadow:var(--shadow-medium);transform:translateY(-5px)}.mother-course-header{background:var(--secondary-gradient);height:120px;position:relative}.mother-course-header img{object-fit:cover;width:100%;height:100%}.mother-course-content{padding:20px}.mother-course-title{margin-bottom:10px;font-size:18px;font-weight:700}.mother-course-description{color:var(--text-secondary);margin-bottom:15px;font-size:14px}.mother-course-meta{justify-content:space-between;margin-bottom:15px;display:flex}.mother-course-meta-item{color:var(--text-secondary);align-items:center;font-size:14px;display:flex}.mother-course-meta-item i{color:#f5576c;margin-right:5px}.mother-course-action{background:var(--secondary-gradient);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:10px 15px;font-weight:600;transition:all .3s}.mother-course-action:hover{box-shadow:var(--shadow-light);transform:translateY(-2px)}.credits-container{box-shadow:var(--shadow-medium);background:#fff;border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;display:flex}.credits-info{align-items:center;display:flex}.credits-icon{background:var(--light-gradient);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-right:20px;display:flex}.credits-icon i{color:#fff;font-size:30px}.credits-details h2{margin-bottom:5px;font-size:24px;font-weight:700}.credits-details p{color:var(--text-secondary);font-size:16px}.credits-count{background:var(--light-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:36px;font-weight:800}.reset-timer{background:var(--bg-primary);border-radius:15px;flex-direction:column;align-items:center;padding:15px;display:flex}.reset-timer span{color:var(--text-secondary);margin-bottom:5px;font-size:14px}.countdown{color:var(--text-primary);font-size:20px;font-weight:700}.courses-header h2{font-size:28px;font-weight:700}.filter-tabs{gap:10px;display:flex}.filter-tab{background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;border-radius:30px;padding:10px 20px;font-weight:600;transition:all .3s}.filter-tab.active{background:var(--primary-gradient);color:#fff}.courses-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px;display:grid}.course-card{box-shadow:var(--shadow-medium);background:#fff;border-radius:20px;transition:all .3s;position:relative;overflow:hidden}.course-card:hover{box-shadow:var(--shadow-heavy);transform:translateY(-5px)}.course-card.locked{opacity:.9}.course-card.locked:after{content:"";z-index:1;pointer-events:none;background:#0000000f;width:100%;height:100%;position:absolute;top:0;left:0}.chat-list-container{box-shadow:var(--shadow-medium);background:#fff;border-radius:20px;flex-direction:column;flex:1;margin:16px;display:flex;overflow:hidden}.chat-list-header{background:var(--primary-gradient);color:#fff;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.chat-list-header h2{font-size:22px;font-weight:700}.chat-actions{align-items:center;gap:12px;display:flex}.new-chat-label{margin-right:4px;font-size:16px;font-weight:600}.new-chat-buttons{gap:8px;display:flex}.chat-type-btn{color:#fff;cursor:pointer;background:#ffffff40;border:1px solid #ffffff59;border-radius:20px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.chat-type-btn:hover{background:#ffffff59;transform:translateY(-1px)}.chat-type-btn i{font-size:16px}.chat-type-btn.feature i{color:#fbbf24}.chat-type-btn.bug i{color:#f87171}.chat-type-btn.support i{color:#60a5fa}.search-container{background:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:16px 24px}.search-box{position:relative}.search-input{border:2px solid var(--border-color);border-radius:28px;outline:none;width:100%;padding:12px 40px 12px 16px;font-family:inherit;font-size:15px;transition:border-color .3s}.search-input:focus{border-color:#667eea}.search-icon{color:var(--text-secondary);font-size:18px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.chat-list{flex:1;overflow-y:auto}.chat-item{border-bottom:1px solid var(--border-color);cursor:pointer;padding:14px 18px;transition:background .3s;display:flex}.chat-item:hover{background:var(--bg-primary)}.chat-item-avatar{background:var(--accent-gradient);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;margin-right:16px;font-size:18px;font-weight:700;display:flex}.chat-item-details{flex-direction:column;flex:1;justify-content:center;display:flex}.chat-item-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.chat-item-name{font-size:16px;font-weight:700}.chat-item-time{color:var(--text-secondary);font-size:12px}.chat-item-preview{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.chat-item-message{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:70%;font-size:14px;overflow:hidden}.unread-badge{background:var(--secondary-gradient);color:#fff;text-align:center;border-radius:12px;min-width:22px;padding:4px 8px;font-size:12px;font-weight:700}.chat-item-status{align-items:center;display:flex}.status-dot{border-radius:50%;width:8px;height:8px;margin-right:6px}.status-dot--unread{background:#e11d48}.status-text{color:var(--text-secondary);font-size:13px}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 24px;display:flex}.empty-icon{color:var(--text-secondary);margin-bottom:16px;font-size:48px}.empty-title{margin-bottom:8px;font-size:20px;font-weight:600}.empty-description{color:var(--text-secondary);max-width:600px;font-size:14px;line-height:1.5}@media (max-width:768px){.sidebar{width:80px;padding:15px 0}.nav-link span,.logo h2,.section-title,.user-name,.user-email{display:none}.logo{padding:0 15px 15px}.nav-link{justify-content:center;padding:15px}.sub-nav{padding-left:0}.main-content{margin-left:80px}.header h1{font-size:28px}.chat-list-container{margin:12px}.chat-item{padding:12px 14px}.chat-item-avatar{width:44px;height:44px;font-size:18px}.chat-item-name{font-size:15px}.chat-item-message{font-size:13px}}.course-thumbnail{background:var(--dark-gradient);height:160px;position:relative;overflow:hidden}.course-thumbnail img{object-fit:cover;width:100%;height:100%}.course-status{z-index:2;border-radius:20px;padding:5px 12px;font-size:14px;font-weight:600;position:absolute;top:15px;right:15px}.status-unlocked{background:var(--success-gradient);color:#fff}.status-locked{background:var(--text-secondary);color:#fff}.status-in-progress{background:var(--accent-gradient);color:#fff}.course-duration{color:#fff;z-index:2;background:#0009;border-radius:15px;padding:5px 10px;font-size:14px;position:absolute;bottom:15px;left:15px}.course-content{padding:20px}.course-title{margin-bottom:10px;font-size:20px;font-weight:700}.course-description{color:var(--text-secondary);margin-bottom:15px;font-size:15px;line-height:1.5}.course-meta{justify-content:space-between;margin-bottom:20px;display:flex}.course-level,.course-lessons{color:var(--text-secondary);align-items:center;font-size:14px;display:flex}.course-level i,.course-lessons i{margin-right:5px}.course-progress{background:#94a3b814;border:1px solid #94a3b833;border-radius:10px;margin-bottom:16px;padding:10px 12px}.course-progress-header{color:#475569;justify-content:space-between;margin-bottom:8px;font-size:13px;font-weight:600;display:flex}.course-progress-bar{background:#cbd5e180;border-radius:999px;width:100%;height:8px;position:relative;overflow:hidden}.course-progress-fill{background:var(--primary-gradient);border-radius:999px;width:0;transition:width .4s;position:absolute;inset:0}.course-progress-percent{color:#334155;text-transform:uppercase;letter-spacing:.05em;margin-top:6px;font-size:12px;font-weight:600}.course-actions{gap:10px;display:flex}.course-btn{cursor:pointer;text-align:center;border:none;border-radius:10px;flex:1;padding:12px;font-weight:600;transition:all .3s}.btn-start{background:var(--primary-gradient);color:#fff}.btn-resume{background:var(--accent-gradient);color:#fff}.btn-unlock{background:var(--light-gradient);color:#fff}.btn-unlock:hover,.btn-resume:hover,.btn-start:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.btn-unlock:disabled{background:var(--text-secondary);cursor:not-allowed;transform:none}@media (max-width:768px){.courses-grid{grid-template-columns:1fr}.credits-container{flex-direction:column;align-items:stretch;gap:15px}}.events-section{margin-bottom:30px}.events-list{flex-direction:column;gap:15px;display:flex}.event-card{box-shadow:var(--shadow-light);background:#fff;border-radius:15px;padding:20px;transition:all .3s;display:flex;position:relative}.event-card:hover{box-shadow:var(--shadow-medium);transform:translateY(-3px)}.event-date{background:var(--accent-gradient);color:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-width:140px;margin-right:20px;padding:18px 14px;display:flex}.event-day{font-size:56px;font-weight:900;line-height:1}.event-month{letter-spacing:1px;opacity:.98;font-size:18px;font-weight:800}.event-content{flex:1}.event-title{margin-bottom:5px;font-size:18px;font-weight:700}.event-time{color:var(--text-secondary);align-items:center;margin-bottom:10px;font-size:14px;display:flex}.event-time i{margin-right:5px}.event-description{color:var(--text-secondary);margin-bottom:10px}.event-participants{color:var(--text-secondary);align-items:center;font-size:14px;display:flex}.event-participants i{margin-right:5px}.event-action{background:var(--accent-gradient);color:#fff;cursor:pointer;border:none;border-radius:20px;height:fit-content;margin-left:15px;padding:8px 15px;font-weight:600;transition:all .3s}.event-action:hover{box-shadow:var(--shadow-light);transform:translateY(-2px)}.chat-section{box-shadow:var(--shadow-medium);background:#fff;border-radius:20px;margin-bottom:30px;overflow:hidden}.chat-header{background:var(--primary-gradient);color:#fff;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.chat-title{font-size:18px;font-weight:700}.chat-action{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:20px;padding:6px 12px;font-size:14px}.chat-messages{overscroll-behavior:contain;overflow-anchor:none;flex-direction:column;gap:15px;height:300px;padding:20px;display:flex;overflow-y:auto}.chat-message{align-items:flex-start;display:flex}.chat-avatar{background:var(--light-gradient);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-right:15px;font-weight:700;display:flex}.chat-bubble{background:var(--bg-primary);border-radius:15px;max-width:70%;padding:12px 15px}.chat-name{margin-bottom:5px;font-weight:700}.chat-text{color:var(--text-primary)}.chat-time{color:var(--text-secondary);margin-top:5px;font-size:12px}.chat-input{border-top:1px solid var(--border-color);padding:15px;display:flex}.chat-input-field{background:var(--bg-primary);border:2px solid #0000;border-radius:25px;flex:1;margin-right:10px;padding:10px 20px;font-size:16px;transition:border-color .3s}.chat-input-field:focus{border-color:var(--primary-gradient);outline:none}.chat-send{background:var(--primary-gradient);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex}.chat-send:hover{transform:scale(1.05)}.chat-container{box-shadow:var(--shadow-medium);background:#fff;border-radius:20px;flex-direction:column;flex:1;min-height:0;margin:20px;display:flex;overflow:hidden}.chat-container .chat-header{padding:20px}.chat-info{align-items:center;display:flex}.chat-info .chat-avatar{color:#fff;background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin-right:15px;font-size:20px;display:flex}.chat-details h3{margin-bottom:2px;font-size:20px;font-weight:600}.chat-details p{opacity:.9;color:#fff;font-size:14px}.chat-actions{gap:10px;display:flex}.chat-action-btn{color:#fff;cursor:pointer;background:#fff3;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.chat-action-btn:hover{background:#ffffff4d;transform:scale(1.1)}.chat-container .chat-messages{background:var(--bg-primary);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;overflow-anchor:none;flex-direction:column;flex:1;gap:15px;height:auto;padding:20px;display:flex;overflow-y:auto}.message{gap:10px;max-width:80%;display:flex}.message.sent{flex-direction:row-reverse;align-self:flex-end}.message-avatar{color:#fff;background:var(--secondary-gradient);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:flex}.message.sent .message-avatar{background:var(--primary-gradient)}.message-content{box-shadow:var(--shadow-light);background:#fff;border-radius:18px;padding:12px 16px;position:relative}.message.sent .message-content{background:var(--primary-gradient);color:#fff}.message-header{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.message-author{font-size:14px;font-weight:600}.message-time{opacity:.7;font-size:12px}.message.sent .message-time{color:#fffc}.message-text{font-size:15px;line-height:1.4}.date-separator{text-align:center;color:var(--text-secondary);margin:15px 0;font-size:14px;font-weight:500;position:relative}.date-separator:before{content:"";background:var(--border-color);z-index:-1;height:1px;position:absolute;top:50%;left:0;right:0}.date-separator span{background:var(--bg-primary);padding:0 15px}.chat-container .chat-input{border-top:1px solid var(--border-color);background:#fff;padding:20px}.input-container{align-items:flex-end;gap:10px;display:flex}.input-wrapper{flex:1;min-width:0;position:relative}.chat-container .chat-input .input-container{width:100%}.chat-textarea{border:2px solid var(--border-color);resize:none;border-radius:25px;outline:none;width:100%;min-height:50px;max-height:180px;padding:15px 20px;font-family:inherit;font-size:15px;transition:border-color .3s}.chat-textarea:focus{border-color:#667eea}.input-options{gap:10px;margin-top:10px;display:flex}.input-option{background:var(--bg-primary);border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.input-option:hover{background:var(--primary-gradient);color:#fff;border-color:#0000}.send-btn{background:var(--primary-gradient);color:#fff;cursor:pointer;width:50px;height:50px;box-shadow:var(--shadow-medium);border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.send-btn:hover{box-shadow:var(--shadow-heavy);transform:scale(1.1)}.send-btn:active{transform:scale(.95)}.typing-indicator{box-shadow:var(--shadow-light);background:#fff;border-radius:18px;align-items:center;gap:5px;width:fit-content;padding:10px 15px;display:flex}.typing-dot{background:var(--text-secondary);border-radius:50%;width:8px;height:8px;animation:1.4s infinite typing}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}.online-status{background:#4ade80;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;bottom:2px;right:2px}.modal{z-index:2000;background:#0006;padding:20px;display:none;position:fixed;inset:0}.modal-content{max-width:560px;box-shadow:var(--shadow-heavy);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:#fff;border-radius:16px;max-height:calc(100vh - 80px);margin:40px auto;overflow:auto}.modal-header{background:var(--primary-gradient);color:#fff;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-title{font-weight:700}.modal-close{cursor:pointer;font-size:24px;line-height:1}.modal-body{color:var(--text-secondary);padding:16px 20px}.modal-body p{margin-bottom:12px}.modal-footer{justify-content:flex-end;gap:10px;padding:0 20px 20px;display:flex}.modal-btn{cursor:pointer;border:none;border-radius:10px;padding:10px 16px;font-weight:600}.modal-cancel{background:var(--bg-primary);color:var(--text-secondary)}.modal-confirm{background:var(--primary-gradient);color:#fff}.modal-btn:disabled{opacity:.6;cursor:not-allowed}.form-group{padding:16px 20px}.form-input,.form-textarea{border:2px solid var(--border-color);background:var(--bg-primary);border-radius:12px;width:100%;padding:12px 14px}.courses-section{margin-bottom:30px}.courses-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.courses-title{font-size:24px;font-weight:700}.section-box{box-shadow:var(--shadow-medium);background:#fff;border-radius:16px;padding:14px}.slider-shell{position:relative}.slider-shell.image-only{box-shadow:var(--shadow-medium);background:#fff;border-radius:16px;padding:14px}.slider-rail{scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none;gap:16px;padding-bottom:8px;display:flex;overflow-x:auto}.slider-rail::-webkit-scrollbar{width:0;height:0;display:none}.slider-rail::-webkit-scrollbar-thumb{background:0 0}.slide-card{scroll-snap-align:start;min-width:280px;max-width:320px;box-shadow:var(--shadow-light);background:#fff;border-radius:15px;flex:none;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.slide-card:hover{box-shadow:var(--shadow-medium);transform:translateY(-4px)}.slide-media{background:var(--secondary-gradient);height:140px}.slide-media.tall{height:200px}.slide-media img{object-fit:cover;width:100%;height:100%}.slide-media img.contain{object-fit:contain;background:#fff}.slider-shell.image-only .slide-body,.slider-shell.image-only .slide-title,.slider-shell.image-only .slide-desc{display:none}.slide-desc.small{color:var(--text-secondary);padding:10px 12px;font-size:13px;font-weight:400}.slide-meta{color:var(--text-secondary);gap:14px;margin-bottom:12px;font-size:13px;display:flex}.slide-cta{background:var(--secondary-gradient);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;padding:10px 14px;font-weight:600}.slider-nav{pointer-events:none;position:absolute;inset:0}.slider-btn{pointer-events:auto;border:1px solid var(--border-color);width:42px;height:42px;box-shadow:var(--shadow-medium);cursor:pointer;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.slider-shell .slider-btn{border:1px solid var(--border-color);color:#64748b;background:#f1f5f9}.slider-shell .slider-btn i{color:#64748b}.slider-shell .slider-btn:hover{filter:brightness(.97)}.slider-btn[disabled]{opacity:.5;cursor:default}.slider-btn:hover:not([disabled]){transform:translateY(-50%)scale(1.05)}.slider-prev{left:-10px}.slider-next{right:-10px}.featured-videos{margin-bottom:30px}.slider-container{box-shadow:var(--shadow-medium);border-radius:15px;position:relative;overflow:hidden}.slider{transition:transform .5s;display:flex}.featured-video{min-width:100%;position:relative}.featured-video-thumbnail{background:#000;height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.featured-video-thumbnail img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.featured-video-content{color:#fff;background:linear-gradient(#0000 0%,#000c 100%);padding:20px;position:absolute;bottom:0;left:0;right:0}.featured-video-title{margin-bottom:5px;font-size:24px;font-weight:700}.featured-video-meta{opacity:.9;align-items:center;gap:15px;font-size:14px;display:flex}.featured-video-meta-item{align-items:center;display:flex}.featured-video-meta-item i{margin-right:5px}.slider-nav{z-index:2;pointer-events:none;justify-content:space-between;width:100%;padding:0 15px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.slider-btn{color:#fff;cursor:pointer;pointer-events:all;background:#ffffff4d;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.slider-btn:hover{background:#ffffff80}.slider-dots{justify-content:center;gap:8px;margin-top:15px;display:flex}.slider-dot{background:var(--text-secondary);cursor:pointer;border-radius:50%;width:10px;height:10px;transition:all .3s}.slider-dot.active{background:var(--primary-gradient);transform:scale(1.2)}.hero-slider{height:260px;box-shadow:var(--shadow-medium);border-radius:20px;margin-bottom:30px;position:relative;overflow:hidden}.hero-slide{background-position:50%;background-size:cover;justify-content:flex-end;align-items:flex-end;width:100%;height:100%;display:flex;position:relative}.hero-slide:after{content:"";background:linear-gradient(#0000,#00000073);position:absolute;inset:0}.hero-cta{z-index:1;color:#fff;background:var(--secondary-gradient);box-shadow:var(--shadow-light);cursor:pointer;border:none;border-radius:999px;margin:20px;padding:12px 20px;font-weight:700;position:relative}.categories{gap:10px;margin-bottom:25px;padding-bottom:5px;display:flex;overflow-x:auto}.category{background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-color);white-space:nowrap;cursor:pointer;border-radius:20px;padding:8px 16px;font-weight:600;transition:all .3s}.category:hover,.category.active{background:var(--primary-gradient);color:#fff;border-color:var(--primary-gradient)}.course-learners{background:#94a3b814;border:1px solid #94a3b833;border-radius:14px;margin-bottom:25px;padding:16px 18px}.course-learners-title{color:#1e293b;margin-bottom:12px;font-size:15px;font-weight:700}.course-learners-list{flex-wrap:wrap;gap:14px;display:flex}.course-learner{background:#fff;border:1px solid #94a3b840;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;display:flex;box-shadow:0 4px 10px #0f172a14}.course-learner-avatar{background:var(--primary-gradient);color:#fff;letter-spacing:.05em;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.course-learner-name{color:#1e293b;font-size:13px;font-weight:600}.course-learner-more{color:#475569;align-items:center;font-size:13px;font-weight:700;display:flex}.videos-section{margin-bottom:30px}.section-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-title{font-size:24px;font-weight:700}.section-filter{gap:10px;display:flex}.filter-btn{background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;border-radius:20px;padding:6px 12px;font-size:14px;transition:all .3s}.filter-btn:hover,.filter-btn.active{background:var(--primary-gradient);color:#fff;border-color:var(--primary-gradient)}.videos-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.video-card{background:var(--bg-secondary);box-shadow:var(--shadow-light);cursor:pointer;border-radius:12px;transition:all .3s;overflow:hidden}.video-card:hover{box-shadow:var(--shadow-medium);transform:translateY(-5px)}.video-thumbnail{background:#000;height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.video-thumbnail img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.video-duration{color:#fff;background:#000c;border-radius:4px;padding:2px 6px;font-size:12px;font-weight:600;position:absolute;bottom:8px;right:8px}.video-info{padding:15px}.video-warning{color:#b45309;text-transform:uppercase;letter-spacing:.04em;background:#fef3c7;border:1px solid #fcd34d;border-radius:999px;align-items:center;gap:6px;margin-bottom:8px;padding:2px 10px;font-size:12px;font-weight:700;display:inline-flex}.video-warning i{font-size:13px}.video-order-badge{color:#fff;background:var(--primary-gradient);text-transform:uppercase;letter-spacing:.05em;border-radius:999px;justify-content:center;align-items:center;margin-bottom:8px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.video-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:16px;font-weight:600;display:-webkit-box;overflow:hidden}.video-meta{color:var(--text-secondary);justify-content:space-between;font-size:14px;display:flex}.video-views{align-items:center;display:flex}.video-views i{margin-right:5px;font-size:12px}.video-actions{align-items:center;gap:15px;display:flex}.video-action{color:var(--text-secondary);cursor:pointer;align-items:center;transition:color .3s;display:flex}.video-action:hover{color:var(--primary-gradient)}.video-action i{font-size:18px}.video-action.liked{color:#e11d48}@media (max-width:768px){.featured-video-title{font-size:18px}.videos-grid{grid-template-columns:1fr}.slider-dots{display:none}}.stage-sparkles{pointer-events:none;z-index:0;background:0 0;position:absolute;inset:0}.stage-sparkles:before,.stage-sparkles:after{content:"";background:radial-gradient(2px 2px at 20% 30%,#ffffff73,#fff0 60%),radial-gradient(1.5px 1.5px at 70% 20%,#ffffff59,#fff0 60%),radial-gradient(1.8px 1.8px at 40% 70%,#fff6,#fff0 60%),radial-gradient(1.2px 1.2px at 85% 60%,#ffffff59,#fff0 60%),radial-gradient(1.4px 1.4px at 10% 80%,#ffffff4d,#fff0 60%);animation:18s linear infinite sparkleFloat;position:absolute;inset:-20% -10%}.stage-sparkles:after{opacity:.7;filter:blur(.2px);animation-duration:28s}@keyframes sparkleFloat{0%{transform:translateY(0)}to{transform:translateY(-6%)}}.stage-container{flex-direction:column;align-items:center;width:100%;padding:40px 20px;display:flex;position:relative}.stage{width:100%;max-width:1000px;margin-bottom:40px;position:relative}.stage-frame{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:40px;position:relative;overflow:hidden;box-shadow:0 15px 35px #0000004d}.stage-frame:before{content:"";background:linear-gradient(90deg,#667eea,#764ba2,#f093fb,#f5576c);height:4px;animation:8s ease-in-out infinite borderGlow;position:absolute;top:0;left:0;right:0}@keyframes borderGlow{0%,to{opacity:.7}50%{opacity:1}}.stage-header{text-align:center;margin-bottom:30px}.stage-title{color:#fff;text-shadow:0 2px 10px #0003;margin-bottom:10px;font-family:Playfair Display,serif;font-size:42px;font-weight:800}.stage-subtitle{color:#a0aec0;font-size:18px;font-weight:300}.video-container{background:#000;border-radius:15px;width:100%;height:0;padding-bottom:56.25%;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000080}.video-player{width:100%;height:100%;position:absolute;top:0;left:0}.video-actions{justify-content:center;gap:20px;margin-top:30px;display:flex}.quiz-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);border:none;border-radius:50px;align-items:center;gap:10px;padding:15px 30px;font-size:18px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 10px 25px #f093fb4d}.quiz-btn:hover{transform:translateY(-5px);box-shadow:0 15px 35px #f093fb66}.quiz-btn i{font-size:20px}.comments-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;width:100%;max-width:1000px;padding:30px}.comments-section .section-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.comments-section .section-title{color:#f5f7fa;font-size:28px;font-weight:700}.comment-count{background:var(--secondary-gradient);color:#fff;border-radius:20px;padding:5px 15px;font-size:14px;font-weight:600}.comment-form{gap:15px;margin-bottom:30px;display:flex}.comment-avatar{background:var(--accent-gradient);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:18px;font-weight:700;display:flex}.comment-input-wrapper{flex:1;position:relative}.comment-input{color:#f5f7fa;resize:none;background:#ffffff1a;border:2px solid #fff3;border-radius:15px;width:100%;padding:15px 20px;font-size:16px;transition:all .3s}.comment-input:focus{border-color:var(--primary-gradient);background:#ffffff26;outline:none}.comment-input::placeholder{color:#a0aec0}.comment-submit{background:var(--primary-gradient);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:8px 20px;font-weight:600;transition:all .3s;position:absolute;bottom:10px;right:10px}.comment-submit:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.comments-list{flex-direction:column;gap:20px;display:flex}.comment{background:#ffffff08;border:1px solid #ffffff0d;border-radius:15px;gap:15px;padding:20px;transition:all .3s;display:flex}.comment:hover{background:#ffffff0d;transform:translate(5px)}.comment-content{flex:1}.comment-author{color:#f5f7fa;font-weight:700}.comment-text{color:#e2e8f0;line-height:1.6}@media (max-width:768px){.stage-title{font-size:28px}.stage-frame{padding:20px}.comment-form{flex-direction:column}.comment-submit{margin-top:10px;position:static}.video-actions{flex-direction:column}.sidebar{width:70px;padding:10px 0}.nav-link span,.logo h2,.section-title,.user-name,.user-email{display:none}.logo{padding:0 10px 10px}.nav-link{justify-content:center;padding:12px}.sub-nav{padding-left:0}.main-content{margin-left:70px}.content{padding:15px}.header h1{font-size:24px}.crash-course-content{flex-direction:column}.crash-course-image{width:100%;height:150px;margin-top:20px}.milestone-content{flex-direction:column;align-items:flex-start}.milestone-rewards{justify-content:space-between;width:100%}.companion-grid,.activities-grid,.mothers-courses-grid{grid-template-columns:1fr}.event-card{flex-direction:column}.event-date{flex-direction:row;justify-content:space-between;width:100%;margin-bottom:15px;margin-right:0}.event-action{width:100%;margin-top:15px;margin-left:0}.slider-btn{display:none}}.single-post{box-shadow:var(--shadow-medium);background:#fff;border-radius:20px;margin-bottom:30px;overflow:visible}.single-post:hover{box-shadow:var(--shadow-heavy);transition:all .2s;transform:translateY(-2px)}.channel-bar{background:var(--primary-gradient);color:#fff;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.channel-info{align-items:center;gap:10px;display:flex}.channel-icon-small{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.channel-name-large{font-size:16px;font-weight:600}.channel-members-small{opacity:.9;font-size:14px}.join-channel-btn{color:#fff;cursor:pointer;background:#fff3;border:1px solid #ffffff4d;border-radius:20px;padding:6px 15px;font-size:14px;font-weight:500}.post-header{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);align-items:center;padding:20px;display:flex}.post-avatar{background:var(--dark-gradient);color:#fff;width:60px;height:60px;box-shadow:var(--shadow-light);border-radius:50%;justify-content:center;align-items:center;margin-right:15px;font-size:22px;font-weight:700;display:flex}.post-info{flex:1}.post-author-row{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.post-author{color:var(--text-primary);font-size:18px;font-weight:700}.post-scores{align-items:center;gap:8px;display:flex}.score-badge{border-radius:12px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;font-weight:700;display:flex}.diamond-badge{color:#2b6cb0;background:linear-gradient(135deg,#a1c4fd 0%,#c2e9fb 100%)}.star-badge{color:#c05621;background:linear-gradient(135deg,#ffecd2 0%,#fcb69f 100%)}.post-nickname{color:var(--text-secondary);margin-bottom:5px;font-size:14px;font-style:italic}.post-meta{justify-content:space-between;align-items:center;display:flex}.post-time{color:var(--text-secondary);font-size:14px}.post-actions{gap:10px;display:flex}.post-action-btn{cursor:pointer;color:#374151;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;padding:6px 12px;font-size:14px;font-weight:600;transition:all .15s}.post-action-btn:hover{background:#e5e7eb}.edit-btn,.delete-btn{color:#374151;background:#f3f4f6;border-color:#e5e7eb}.post-content{padding:25px}.post-text{color:var(--text-primary);font-size:16px;line-height:1.8;font-family:var(--font-comingsoon),var(--font-poppins),system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;margin-bottom:20px}.post-image{width:100%;box-shadow:var(--shadow-medium);border-radius:15px;margin-bottom:20px}.religious-highlight{border-left:5px solid;border-image:var(--primary-gradient)1;background:linear-gradient(135deg,#667eea1a 0%,#764ba21a 100%);border-radius:0 15px 15px 0;margin:20px 0;padding:20px;position:relative;overflow:hidden}.religious-highlight:before{content:"\\f687";opacity:.1;color:#667eea;font-family:"Font Awesome 6 Free";font-size:40px;font-weight:900;position:absolute;top:10px;right:15px}.religious-highlight h4{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:10px;font-size:20px;font-weight:700}.post-actions-bar{border-top:1px solid var(--border-color);background:var(--bg-primary);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.reaction-btn{color:#fff;cursor:pointer;background:var(--primary-gradient);border:none;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:14px;font-weight:800;transition:transform .12s,box-shadow .12s,opacity .12s;display:inline-flex;box-shadow:0 4px 12px #00000014}.reaction-btn:hover{transform:translateY(-1px);box-shadow:0 10px 20px #0000001f}.reaction-btn.liked{color:#fff;background:linear-gradient(135deg,#fb7185,#f43f5e)}.like-count{background:#fff3;border-radius:999px;padding:2px 8px}.likes-count-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:6px 10px;font-weight:800;box-shadow:0 2px 6px #0000000f}.likes-count-btn:disabled{opacity:.6;cursor:default}.likes-count-btn:hover:not(:disabled){background:#f9fafb}.likers-popover{z-index:20;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:260px;max-height:300px;padding:8px;position:absolute;bottom:calc(100% + 8px);left:50%;overflow:auto;transform:translate(-50%);box-shadow:0 10px 24px #0000001f}.likers-row{border-radius:8px;align-items:center;gap:10px;padding:8px;display:flex}.likers-row:hover{background:#f9fafb}.liker-avatar{background:var(--light-gradient,#e5e7eb);color:#111827;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:800;display:flex;overflow:hidden}.liker-avatar img{object-fit:cover;width:100%;height:100%}.liker-name{color:#111827;font-size:14px;font-weight:600}.comments-section{border-top:1px solid var(--border-color);background:var(--bg-primary);padding:20px;display:block}.comments-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.comments-title{color:var(--text-primary);font-size:18px;font-weight:600}.comments-count{color:var(--text-secondary);font-size:14px}.comment{margin-bottom:16px;display:flex}.comment-avatar{background:var(--light-gradient);color:#fff;width:40px;height:40px;box-shadow:var(--shadow-light);border-radius:50%;justify-content:center;align-items:center;margin-right:12px;font-size:16px;font-weight:700;display:flex}.comment-content{box-shadow:var(--shadow-light);background:#fff;border-radius:15px;flex:1;padding:12px 14px}.comment-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.comment-author-info{flex-direction:column;display:flex}.comment-author{color:var(--text-primary);font-size:15px;font-weight:700}.comment-nickname{color:var(--text-secondary);font-size:12px;font-style:italic}.comment-time{color:var(--text-secondary);font-size:12px}.comment-text{color:var(--text-primary);margin-top:6px;font-size:15px;line-height:1.5}.comment-image{width:100%;box-shadow:var(--shadow-light);border-radius:10px;margin-top:10px}.add-comment-form{flex-direction:column;gap:10px;margin-top:20px;display:flex}.add-comment-input-row{align-items:center;gap:10px;display:flex}.add-comment-input-wrapper{align-items:flex-start;gap:10px;display:flex}.add-comment-avatar{background:var(--accent-gradient);color:#fff;width:36px;height:36px;box-shadow:var(--shadow-light);border-radius:50%;flex:0 0 36px;justify-content:center;align-items:center;font-weight:700;display:flex}.add-comment-input-container{flex:1;position:relative}.add-comment-input{border:2px solid var(--border-color);background:#fff;border-radius:999px;outline:none;width:100%;padding:10px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.add-comment-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea26}textarea.add-comment-input{resize:vertical;border-radius:14px;min-height:56px;padding-top:12px;padding-bottom:12px;line-height:1.4}.add-comment-attach{border:1px dashed var(--border-color);width:36px;height:36px;color:var(--text-secondary);background:#f8fafc;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.add-comment-attach:hover{color:var(--text-primary);background:#f1f5f9}.add-comment-emoji-wrap{position:relative}.add-comment-emoji{border:1px dashed var(--border-color);color:#374151;cursor:pointer;background:#f8fafc;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.add-comment-emoji:hover{background:#f1f5f9}.gif-pill{border:1px dashed var(--border-color);color:#374151;letter-spacing:.5px;cursor:pointer;background:#f3f4f6;border-radius:999px;justify-content:center;align-items:center;width:42px;height:36px;font-weight:500;display:inline-flex}.gif-pill:hover{background:#e5e7eb}.emoji-popover{z-index:25;border:1px solid var(--border-color);background:#fff;border-radius:10px;grid-template-columns:repeat(6,28px);gap:6px;padding:6px;display:grid;position:absolute;bottom:110%;right:0;box-shadow:0 10px 24px #0000001f}.emoji-item{cursor:pointer;background:0 0;border:none;width:28px;height:28px;font-size:18px}.add-comment-post-btn{cursor:pointer;background:var(--primary-gradient);color:#fff;border:none;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:800;box-shadow:0 4px 10px #00000014}.add-comment-actions{justify-content:space-between;align-items:center;padding-left:46px;display:flex}.add-comment-options{color:var(--text-secondary);gap:10px;display:flex}.add-comment-option{cursor:pointer;border-radius:20px;align-items:center;gap:6px;padding:8px 12px;transition:all .2s;display:flex}.add-comment-option:hover{color:#fff;background:var(--primary-gradient)}.add-comment-btn{cursor:pointer;background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-light);border:none;border-radius:999px;padding:10px 20px;font-weight:700}.comment-link-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-weight:700}.comment-link-btn:hover{color:var(--text-primary);text-decoration:underline}.comment-icon-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0}.comment-icon-btn:hover{color:var(--text-primary)}.edit-post-form{background:var(--bg-primary);border-top:1px solid var(--border-color);padding:20px;display:none}.edit-post-form.active{display:block}.form-group{margin-bottom:16px}.form-label{color:var(--text-primary);margin-bottom:6px;font-weight:600;display:block}.form-input,.form-textarea{border:2px solid var(--border-color);border-radius:10px;width:100%;padding:12px 15px;font-family:inherit;font-size:16px}.form-textarea{resize:vertical;min-height:100px}.file-input{display:none}.post-avatar{background:#f0f0f0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:.9rem;font-weight:600;display:flex;overflow:hidden;box-shadow:0 2px 4px #00000026}.post-avatar-initials{color:#333}.post-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}*{box-sizing:border-box}.container{min-height:100vh;display:flex}.sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:280px;height:100vh;box-shadow:var(--shadow-light);z-index:400;background:#fffffff2;border-right:1px solid #fff3;flex-direction:column;padding:20px 0;display:flex;position:fixed;overflow-y:auto}.logo{border-bottom:1px solid var(--border-color);align-items:center;margin-bottom:20px;padding:0 20px 20px;display:flex}.logo-icon{background:var(--primary-gradient);width:50px;height:50px;box-shadow:var(--shadow-medium);border-radius:15px;justify-content:center;align-items:center;margin-right:15px;display:flex}.logo-icon i{color:#fff;font-size:24px}.logo h2{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:24px;font-weight:700}.sidebar-content{flex:1;padding-bottom:20px;overflow-y:auto}.nav-section{margin-bottom:25px}.section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;padding:0 20px;font-size:14px;font-weight:600}.nav-menu{list-style:none}.nav-item{margin-bottom:5px}.nav-link{color:var(--text-secondary);cursor:pointer;border-radius:12px;align-items:center;padding:12px 20px;text-decoration:none;transition:all .3s;display:flex;position:relative}.nav-link:before{content:"";background:var(--primary-gradient);z-index:-1;border-radius:12px;width:0;height:100%;transition:width .3s;position:absolute;top:0;left:0}.nav-link:hover:before,.nav-link.active:before{width:100%}.nav-link:hover,.nav-link.active{color:#fff;font-weight:600;transform:translate(5px)}.nav-link i{text-align:center;width:25px;margin-right:15px;font-size:20px}.nav-link .badge{background:var(--secondary-gradient);color:#fff;border-radius:10px;margin-left:auto;padding:2px 8px;font-size:12px;font-weight:700}.collapsible{-webkit-user-select:none;user-select:none}.collapsible:after{content:"";font-family:"Font Awesome 6 Free";font-weight:900;transition:transform .3s;position:absolute;right:20px}.collapsible.active:after{transform:rotate(180deg)}.collapsible-content{max-height:0;transition:max-height .3s;overflow:hidden}.collapsible-content.active{max-height:500px}.sub-nav{padding-left:50px}.sub-nav .nav-link{padding:8px 20px;font-size:14px}.create-channel-btn{background:var(--secondary-gradient);color:#fff;text-align:center;cursor:pointer;box-shadow:var(--shadow-medium);border-radius:12px;margin:20px;padding:15px;font-weight:700;transition:all .3s}.create-channel-btn:hover{box-shadow:var(--shadow-medium);transform:translateY(-3px)}.events-widget{background:var(--bg-secondary);box-shadow:var(--shadow-light);border-radius:8px;margin:0 20px 20px;overflow:hidden}.events-widget-header{background:var(--primary-gradient);color:#fff;justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.events-widget-title{font-size:12px;font-weight:600}.events-widget-view{cursor:pointer;color:#fff;background:#fff3;border:none;border-radius:8px;padding:2px 5px;font-size:10px}.events-widget .events-list{padding:8px}.events-widget .event-item{text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;width:100%;margin-bottom:6px;padding:0;transition:all .2s;display:flex}.events-widget .event-item:last-child{margin-bottom:0}.events-widget .event-item:hover{background:var(--bg-primary);border-radius:4px;margin-left:-4px;padding-left:4px}.events-widget .event-date{background:var(--accent-gradient);color:#fff;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;min-width:28px;margin-right:8px;padding:3px;display:flex}.events-widget .event-day{font-size:11px;font-weight:700;line-height:1}.events-widget .event-month{text-transform:uppercase;font-size:8px;line-height:1}.events-widget .event-details{flex:1}.events-widget .event-name{font-size:11px;font-weight:600;line-height:1.2}.events-widget .event-time{color:var(--text-secondary);align-items:center;font-size:9px;display:flex}.events-widget .event-time i{margin-right:2px;font-size:8px}.user-profile{border-top:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff80 0%,#fff3 100%);margin-top:auto;padding:20px}.user-info{align-items:center;margin-bottom:15px;display:flex}.user-avatar{background:var(--accent-gradient);color:#fff;width:50px;height:50px;box-shadow:var(--shadow-light);border-radius:50%;justify-content:center;align-items:center;margin-right:15px;font-size:18px;font-weight:700;display:flex;overflow:hidden}.user-details{flex:1}.user-name{margin-bottom:2px;font-size:16px;font-weight:600}.user-email{color:var(--text-secondary);font-size:12px}.user-actions{gap:10px;display:flex}.user-action-btn{text-align:center;cursor:pointer;border-radius:8px;flex:1;padding:8px;font-size:14px;font-weight:500;transition:all .3s}.settings-btn{background:var(--bg-primary);color:var(--text-secondary)}.settings-btn:hover{background:var(--border-color)}.update-profile-btn{background:var(--primary-gradient);color:#fff}@media (max-width:768px){.sidebar{width:70px;padding:10px 0}.nav-link span,.logo h2,.section-title,.user-name,.user-email{display:none}.logo{padding:0 10px 10px}.nav-link{justify-content:center;padding:12px}.sub-nav{padding-left:0}}.sidebar-user{border-bottom:1px solid #ffffff1a;align-items:center;padding:12px 16px;display:flex}.sidebar-user-avatar{text-align:center;background:#f3f4f6;border-radius:50%;flex-shrink:0;width:40px;height:40px;margin-right:12px;font-weight:700;line-height:40px;overflow:hidden}.sidebar-user-details{flex-direction:column;display:flex}.sidebar-user-name{font-size:14px;font-weight:600}.sidebar-user-email{opacity:.7;font-size:12px}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.stage-container .comment-content{color:#f5f7fa;background:#ffffff0f!important;border:1px solid #ffffff1a!important}.stage-container .comment-text{color:#e2e8f0}.stage-container .comment-time{color:#a0aec0}.stage-container .comment-author{color:#f5f7fa}.stage-container .add-comment-input{color:#fff!important;background:#ffffff1a!important;border:2px solid #fff3!important}.stage-container .add-comment-input::placeholder{color:#a0aec0}.stage-container .add-comment-input:focus{box-shadow:none!important;border-color:#667eea!important}.stage-container .add-comment-btn,.stage-container .comment-submit,.stage-container .add-comment-post-btn{background:var(--primary-gradient);color:#fff}.stage-container .comment-icon-btn{color:#a0aec0}.stage-container .comment-icon-btn:hover{color:#fff}.stage-container .add-comment-attach,.stage-container .add-comment-emoji{color:#f5f7fa;background:#ffffff1a;border-color:#fff3}.stage-container .add-comment-attach:hover,.stage-container .add-comment-emoji:hover{background:#ffffff26}.stage-container .comment{box-shadow:none!important;background:0 0!important;border:none!important}.stage-container .comments-section .comment-content,.stage-container .comments-section .comment-content *{color:#e2e8f0!important;background:0 0!important}.hamburger-btn{z-index:250;width:38px;height:38px;box-shadow:var(--shadow-light);cursor:pointer;background:#fff;border:none;border-radius:10px;justify-content:center;align-items:center;display:flex;position:fixed;top:18px;left:16px}.hamburger-btn i{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:18px}@media (min-width:901px){.hamburger-btn{display:none}}.sidebar-overlay{z-index:350;background:#00000059;position:fixed;inset:0}@media (min-width:901px){.sidebar-overlay{display:none}}@media (max-width:900px){.sidebar{transition:left .25s;left:-280px;width:280px!important}.sidebar-open .sidebar{left:0}.main-content{margin-left:0!important}.header{padding-left:64px}.sidebar-open .nav-link span,.sidebar-open .logo h2,.sidebar-open .section-title,.sidebar-open .user-name,.sidebar-open .user-email{display:inline!important}.sidebar-open .nav-link{justify-content:flex-start!important;padding:12px 20px!important}.sidebar-open .logo{padding:0 20px 20px!important}}.sidebar-open .hamburger-btn{display:none!important}.user-profile .user-details{min-width:0}.user-profile .user-name,.user-profile .user-email{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}@media (max-width:420px){.user-profile .user-email{display:none}}.stage-container .comments-section{background:#0f172a8c!important;border:1px solid #94a3b840!important}.stage-container .comments-section .comment-content{box-shadow:none!important;background:#ffffff0f!important;border:1px solid #ffffff1a!important}.stage-container .comments-section .add-comment-input{color:#f5f7fa!important;background:#ffffff1a!important;border:2px solid #fff3!important}.stage-container .comments-section .add-comment-input::placeholder{color:#a0aec0!important}.stage-container .comments-section .add-comment-input:focus{box-shadow:none!important;border-color:#667eea!important}.stage-container .comments-section .comment-author{color:#f5f7fa!important}.stage-container .comments-section .comment-time{color:#a0aec0!important}.stage-container .comments-section .comment-text{color:#e2e8f0!important}.stage-container .comments-section,.stage-container .comments-section *{color:#e2e8f0}.stage-container .comments-section .emoji-popover,.stage-container .comments-section .likers-popover{color:#e2e8f0!important;background:#0f172af2!important;border-color:#94a3b840!important}.quiz-container{box-shadow:var(--shadow-heavy);background:#fff;border-radius:20px;overflow:hidden}.quiz-header{background:var(--primary-gradient);color:#fff;text-align:center;padding:30px}.quiz-title{margin-bottom:10px;font-size:32px;font-weight:800}.quiz-subtitle{opacity:.9;font-size:16px}.quiz-progress{background:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:20px 30px}.quiz-progress .progress-bar{background:var(--border-color);border-radius:10px;height:8px;margin-bottom:15px;overflow:hidden}.quiz-progress .progress-fill{background:var(--primary-gradient);border-radius:10px;height:100%;transition:width .3s}.progress-text{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:14px;display:flex}.timer{align-items:center;gap:5px;font-weight:600;display:flex}.quiz-content{padding:40px 30px}.question-container{display:none}.question-container.active{display:block}.question-number{color:#764ba2;margin-bottom:10px;font-size:14px;font-weight:600}.question-text{margin-bottom:30px;font-size:24px;font-weight:700;line-height:1.4}.options-container{flex-direction:column;gap:15px;display:flex}.option{background:var(--bg-primary);border:2px solid var(--border-color);cursor:pointer;border-radius:15px;align-items:center;gap:15px;padding:20px;transition:all .3s;display:flex}.option:hover{border-color:var(--primary-gradient);transform:translate(5px)}.option.selected{border-color:var(--primary-gradient);background:#667eea1a}.option-letter{background:var(--bg-secondary);width:40px;height:40px;color:var(--text-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:700;transition:all .3s;display:flex}.option.selected .option-letter{background:var(--primary-gradient);color:#fff}.option-text{color:var(--text-primary);font-size:16px}.quiz-navigation{background:var(--bg-primary);border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 30px;display:flex}.nav-btn{cursor:pointer;border:none;border-radius:30px;padding:12px 30px;font-size:16px;font-weight:600;transition:all .3s}.nav-btn-prev{background:var(--bg-secondary);color:var(--text-secondary)}.nav-btn-prev:hover{background:var(--border-color);color:var(--text-primary)}.nav-btn-next{background:var(--primary-gradient);color:#fff}.nav-btn-next:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea4d}.nav-btn-submit{background:var(--success-gradient);color:#fff}.nav-btn-submit:hover{transform:translateY(-2px);box-shadow:0 5px 15px #84fab04d}.quiz-results{text-align:center;padding:60px 30px;display:none}.quiz-results.active{display:block}.results-icon{background:var(--success-gradient);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 30px;font-size:48px;display:flex}.results-title{margin-bottom:20px;font-size:36px;font-weight:800}.results-score{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:20px;font-size:48px;font-weight:900}.results-message{color:var(--text-secondary);margin-bottom:40px;font-size:18px}.results-actions{justify-content:center;gap:20px;display:flex}.reward-badge{background:var(--light-gradient);color:#fff;border-radius:50px;align-items:center;gap:10px;margin:0 10px;padding:15px 25px;font-size:18px;font-weight:700;display:inline-flex}.reward-badge i{font-size:24px}@media (max-width:768px){.quiz-title{font-size:24px}.question-text{font-size:20px}.results-actions{flex-direction:column}}.stars-container{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.star{background:#fff;border-radius:50%;animation:ease-in-out infinite blink;position:absolute;box-shadow:0 0 10px 2px #fffc}@keyframes blink{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1)}}.welcome-card{border-radius:28px;margin-top:32px;position:relative}.welcome-card-glass{z-index:1;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(135deg,#fff6,#ffffff40,#c3daf74d);border:1px solid #fff6;border-radius:28px;padding:32px 28px;position:relative;box-shadow:0 20px 40px #667eea1f}.welcome-orb{pointer-events:none;opacity:.75;border-radius:50%;animation:12s ease-in-out infinite welcome-orb-float;position:absolute}.welcome-orb.orb-one{background:radial-gradient(circle,#667eea73,#667eea00);width:200px;height:200px;animation-delay:-4s;top:-60px;right:-60px}.welcome-orb.orb-two{background:radial-gradient(circle,#38b2ac59,#38b2ac00);width:240px;height:240px;bottom:-80px;left:-40px}@keyframes welcome-orb-float{0%{transform:translateY(-6px)}50%{transform:translateY(12px)}to{transform:translateY(-6px)}}.welcome-card-grid{flex-wrap:wrap;align-items:center;gap:32px;display:flex}.welcome-card-copy{flex-direction:column;flex:360px;gap:18px;min-width:280px;display:flex}.welcome-card-headline{margin:0;font-size:26px;font-weight:800;line-height:1.2}.welcome-card-headline .text-muted{color:#1a202c;font-weight:700}.welcome-card-headline .text-gradient{background:linear-gradient(120deg,#667eea,#38b2ac);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.welcome-card-subtitle{color:#2d3748;max-width:540px;margin:0;font-size:16px;font-weight:500}.welcome-card-meta{color:#4a5568;letter-spacing:.2px;font-size:14px}.welcome-card-actions{flex-wrap:wrap;gap:12px;display:flex}.welcome-action{cursor:pointer;border:none;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex}.welcome-action i{font-size:14px}.welcome-action.primary{color:#fff;background:linear-gradient(120deg,#667eea,#38b2ac);box-shadow:0 12px 24px #667eea40}.welcome-action.outline{color:#2d3748;background:#ffffffbf;border:1px solid #94a3b880}.welcome-action:hover{transform:translateY(-1px)}.welcome-action:active{transform:translateY(0)}.welcome-card-media{flex:360px;align-items:stretch;gap:24px;min-width:280px;display:flex}.welcome-card-media.pending{opacity:.92}.welcome-card-media.ready{opacity:1}.welcome-video-frame{aspect-ratio:16/9;background:linear-gradient(135deg,#667eea,#38b2ac);border-radius:22px;flex:auto;min-width:280px;padding:4px;position:relative;overflow:hidden;box-shadow:0 16px 32px #667eea40}.welcome-video-frame:after{content:"";pointer-events:none;background:linear-gradient(#0000001a,#00000040);border-radius:18px;position:absolute;inset:4px}.welcome-video-frame[data-has-video=false]{background:#1a202ce6;padding:0}.welcome-video-frame[data-has-video=false]:after{display:none}.welcome-video{z-index:1;object-fit:cover;border-radius:18px;width:100%;height:100%;display:block;position:relative}.welcome-video-overlay{z-index:2;cursor:pointer;opacity:0;background:#00000059;border:none;border-radius:18px;place-items:center;transition:opacity .2s;display:grid;position:absolute;inset:4px}.welcome-video-overlay.visible{opacity:1}.welcome-video-overlay .overlay-icon{color:#fff;background:#00000080;border-radius:50%;place-items:center;width:84px;height:84px;font-size:28px;display:grid}.welcome-video-loading{z-index:2;background:#0f172a73;place-items:center;display:grid;position:absolute;inset:0}.spinner{border:3px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.welcome-video-progress{z-index:3;flex-direction:column;gap:6px;display:flex;position:absolute;bottom:20px;left:22px;right:22px}.welcome-progress-bar{background:#ffffff2e;border-radius:999px;height:6px;overflow:hidden}.welcome-progress-fill{transform-origin:0;background:linear-gradient(120deg,#38b2ac,#63b3ed);border-radius:999px;height:100%;transition:transform .2s;transform:scaleX(0)}.welcome-progress-scrubber{height:14px;position:relative}.welcome-progress-scrubber input{opacity:0;cursor:pointer;pointer-events:auto;width:100%;position:absolute;inset:0}.welcome-progress-scrubber.disabled input{cursor:default;pointer-events:none}.welcome-video-placeholder{z-index:1;color:#ffffffe6;text-align:center;background:linear-gradient(160deg,#1a202c,#111827);border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;padding:32px 20px;display:flex;position:relative}.welcome-video-placeholder i{color:#ffffffb3;font-size:54px}.welcome-video-placeholder span{color:#ffffffa6;font-size:13px}.welcome-letter{flex-direction:column;justify-content:flex-start;align-items:center;gap:10px;min-width:140px;display:flex}.welcome-letter-button{border-radius:50%;padding:8px}.welcome-letter-button button{color:#fff;cursor:pointer;background:linear-gradient(130deg,#667eea,#38b2ac);border:1.5px solid #ffffff80;border-radius:50%;place-items:center;width:76px;height:76px;transition:transform .2s,box-shadow .2s;display:grid;box-shadow:0 16px 28px #667eea40}.welcome-letter-button button:hover{transform:translateY(-1px)}.welcome-letter-button.completed button{background:linear-gradient(135deg,#3b82f6,#22d3ee);border-color:#7dd3fccc;animation:1.7s ease-in-out infinite welcome-letter-pulse;box-shadow:0 0 18px #3b82f68c,0 0 38px #22d3ee73}.welcome-letter-button .letter-icon{font-size:30px;position:relative}.welcome-letter-button .letter-dot{background:#fff;border-radius:50%;width:12px;height:12px;position:absolute;top:-2px;right:-4px}.welcome-letter-button.completed .letter-dot{background:#e0f2fe}.welcome-letter-caption{color:#2d3748;text-align:center;font-weight:700}.welcome-letter-link{color:#64748b;text-align:center;font-size:13px}@keyframes welcome-letter-pulse{0%{transform:scale(.96);box-shadow:0 0 14px #3b82f673,0 0 28px #22d3ee59}50%{transform:scale(1.04);box-shadow:0 0 24px #3b82f699,0 0 48px #22d3ee73}to{transform:scale(.96);box-shadow:0 0 14px #3b82f673,0 0 28px #22d3ee59}}.welcome-card-error{color:#b83232;background:#f565651a;border:1px solid #f5656540;border-radius:16px;align-items:center;gap:12px;margin-top:24px;padding:12px 16px;font-size:14px;display:flex}.welcome-card-error i{font-size:16px}@media (max-width:1024px){.welcome-card{margin-top:28px}.welcome-card-grid{flex-direction:column;align-items:stretch}.welcome-card-media{justify-content:center;width:100%}.welcome-letter-button button{width:70px;height:70px}}@media (max-width:640px){.welcome-card-glass{padding:24px 20px}.welcome-card-headline{font-size:22px}.welcome-card-subtitle{font-size:15px}.welcome-card-media{flex-direction:column;align-items:center}.welcome-video-frame{width:100%}.welcome-letter-button button{width:66px;height:66px}}.letter-page{background:linear-gradient(#fff7ef,#ebd4b5);min-height:100vh;padding:48px 16px;position:relative}.letter-backdrop{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);opacity:.6;position:absolute;inset:0}.letter-content{z-index:1;max-width:760px;margin:0 auto;position:relative}.letter-card{background:#fffaf3;border:1px solid #e5d4c2d9;border-radius:28px;flex-direction:column;gap:28px;padding:48px 48px 56px;display:flex;box-shadow:0 24px 48px #3d2c291f}.letter-header{text-align:center}.letter-subtitle{color:#8c4a2f;margin:0 0 12px;font-family:Dancing Script,cursive;font-size:26px}.letter-header h1{color:#3d2c29;margin:0;font-size:28px;font-weight:700}.letter-body{color:#3d2c29;letter-spacing:.2px;flex-direction:column;gap:18px;line-height:1.65;display:flex}.letter-greeting,.letter-paragraph,.letter-signoff,.letter-signature,.letter-footer{margin:0;font-size:17px}.letter-greeting{font-size:18px;font-weight:700}.letter-signature{color:#8c4a2f;font-family:Dancing Script,cursive;font-size:30px}.letter-footer{font-style:italic}.letter-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.letter-button{color:#3d2c29;background:#fffc;border:1px solid #3d2c2933;border-radius:999px;justify-content:center;align-items:center;padding:10px 20px;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex}.letter-button.primary{color:#fff;background:linear-gradient(120deg,#667eea,#38b2ac);border:none;box-shadow:0 16px 24px #667eea40}.letter-button:hover{transform:translateY(-1px);box-shadow:0 14px 22px #3d2c291f}.letter-button.primary:hover{box-shadow:0 18px 26px #667eea47}@media (max-width:600px){.letter-card{padding:32px 24px 40px}.letter-subtitle{font-size:22px}.letter-header h1{font-size:24px}.letter-greeting,.letter-paragraph,.letter-signoff,.letter-signature,.letter-footer{font-size:16px}}.welcome-checklist-fab{z-index:1600;background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-medium);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:10px;padding:10px 14px;font-weight:700;display:inline-flex;position:fixed;bottom:18px;right:16px}.welcome-checklist-fab i{font-size:16px}.welcome-checklist-fab .label{font-size:14px}.welcome-checklist-fab .count{background:#fff3;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:800}@media (max-width:520px){.welcome-checklist-fab .label{display:none}}.welcome-checklist-overlay{z-index:1595;background:#0000004d;position:fixed;inset:0}.welcome-checklist-panel{width:360px;max-height:70vh;box-shadow:var(--shadow-heavy);z-index:1605;border:1px solid var(--border-color);background:#fff;border-radius:16px;position:fixed;bottom:74px;right:16px;overflow:auto}@media (max-width:420px){.welcome-checklist-panel{width:auto;bottom:76px;left:12px;right:12px}}.wcp-header{border-bottom:1px solid var(--border-color);z-index:1;background:linear-gradient(#fffffffa,#fff);justify-content:space-between;align-items:center;padding:14px 16px;display:flex;position:sticky;top:0}.wcp-title{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:10px;font-size:16px;font-weight:800;display:flex}.wcp-close{cursor:pointer;color:#475569;background:0 0;border:none;font-size:18px}.wcp-sub{color:var(--text-secondary);padding:10px 16px;font-size:13px}.wcp-list{flex-direction:column;gap:6px;margin:0;padding:6px 10px 12px;list-style:none;display:flex}.wcp-list li{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.wcp-list li.done{opacity:.75}.wcp-list label{cursor:pointer;align-items:center;gap:10px;display:flex}.wcp-list input[type=checkbox]{accent-color:#667eea;width:18px;height:18px}.wcp-list .text{color:var(--text-primary);font-size:14px}.wcp-go{box-shadow:var(--shadow-light);cursor:pointer;color:#334155;background:#fff;border:none;border-radius:10px;padding:8px 10px}.wcp-actions{border-top:1px dashed var(--border-color);justify-content:space-between;padding:10px 12px 14px;display:flex}.wcp-hide{color:var(--text-secondary);border:1px dashed var(--border-color);cursor:pointer;background:0 0;border-radius:10px;padding:8px 10px;font-weight:700}.wcp-complete{background:var(--primary-gradient);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:8px 12px;font-weight:700}.wc-confetti{opacity:.95;z-index:3000;background:#f59e0b;border-radius:2px;width:8px;height:12px;animation-name:wc-drop;animation-timing-function:linear;animation-fill-mode:forwards;position:fixed;top:-10px;left:50vw}@keyframes wc-drop{to{opacity:0;transform:translateY(110vh)rotate(720deg)}}.wc-thumb{z-index:3000;pointer-events:none;opacity:0;filter:drop-shadow(0 4px 6px #0003);will-change:transform,opacity;position:fixed;transform:translate(-50%,-50%)scale(.6)}.global-event-banner{z-index:1200;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:100%;color:var(--text-primary);background:#667eea1f;border-bottom:1px solid #667eea59;justify-content:center;align-items:center;gap:10px;padding:10px 16px;font-size:14px;font-weight:600;display:flex;position:sticky;top:0}.global-event-banner i{color:#4c51bf;font-size:16px}.global-chat-button{background:var(--primary-gradient);color:#fff;width:56px;height:56px;box-shadow:var(--shadow-medium);cursor:pointer;z-index:1500;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s,box-shadow .2s;display:flex;position:fixed;bottom:88px;right:24px}.global-chat-button:hover{box-shadow:var(--shadow-heavy);transform:translateY(-2px)scale(1.02)}.global-chat-button:focus-visible{outline-offset:2px;outline:3px solid #fff9}.global-chat-button i{font-size:22px}.global-chat-button .global-chat-badge{background:#ef4444;border:2px solid #fff;border-radius:50%;width:16px;height:16px;position:absolute;top:-2px;right:-2px;box-shadow:0 0 0 2px #0000001a}@media (max-width:640px){.global-chat-button{width:52px;height:52px;bottom:72px;right:18px}}.confetti{z-index:9999;background-color:#f0f;width:10px;height:10px;animation:3s linear forwards confetti-fall;position:absolute}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-100vh)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}