@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Poppins:wght@400;600;700&display=swap";:root{font-family:Poppins,sans-serif;--font-body: "Poppins", sans-serif;--font-heading: "Poppins", sans-serif;--font-display: "Poppins", sans-serif;font-size:12px}*{font-family:Poppins,sans-serif;box-sizing:border-box}*,:before,:after{box-sizing:border-box}body{margin:0;-webkit-font-smoothing:antialiased;line-height:1.2;font-family:Poppins,sans-serif}input,button,select,textarea{transition:all .2s ease;font-family:Poppins,sans-serif;font-size:11px}h1,h2,h3,h4{line-height:1.1;margin-top:.5rem;margin-bottom:.5rem}:root{--space-0: 0px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-14: 56px;--space-16: 64px;--space-20: 80px;--space-32: 128px;--space-xs: var(--space-1);--space-sm: var(--space-2);--space-ms: var(--space-3);--space-md: var(--space-4);--space-lg: var(--space-6);--space-xl: var(--space-8);--space-2xl: var(--space-12);--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--radius-card: var(--radius-lg);--radius-button: var(--radius-md);--radius-input: var(--radius-md);--radius-modal: var(--radius-xl);--color-white: #FFFFFF;--color-overlay: rgba(15, 23, 42, .6);--color-border-weak: rgba(226, 232, 240, .6);--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, #4B0082 100%);--gradient-secondary: linear-gradient(135deg, var(--color-secondary) 0%, var(--color-info) 100%);--gradient-warning: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);--gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, .05) 100%);--z-negative: -1;--z-base: 0;--z-elevated: 10;--z-sticky: 100;--z-index-header: var(--z-sticky);--z-drawer: 200;--z-modal: 300;--z-popover: 400;--z-toast: 500;--z-max: 9999;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--font-size-xs: var(--text-xs);--font-size-sm: var(--text-sm);--font-size-md: var(--text-base);--font-size-lg: var(--text-lg);--font-size-xl: var(--text-xl)}:root{--font-sans: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--font-display: "Poppins", var(--font-sans);--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--weight-light: 300;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-black: 900;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--weight-bold);line-height:var(--leading-tight);margin:0}.teamwork-container{max-width:900px;margin:2rem auto;padding:2.5rem;text-align:center;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;box-shadow:0 8px 32px #1f268726;border:1px solid rgba(255,255,255,.5);color:#1a1a2e;font-family:Poppins,sans-serif;position:relative;overflow:hidden;animation:ph-fadeInUp .6s ease-out}.teamwork-container h2{font-size:2.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem;font-weight:800;display:flex;align-items:center;justify-content:center;gap:1rem}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,40px,0)}to{opacity:1;transform:translateZ(0)}}.fade-in-up{animation:fadeInUp .6s cubic-bezier(.2,.8,.2,1)}.pulsate-3d{animation:pulse3d 2s infinite;transform-style:preserve-3d}@keyframes pulse3d{0%{transform:scale(1);box-shadow:0 4px 15px #764ba266}50%{transform:scale(1.05);box-shadow:0 10px 30px #764ba299}to{transform:scale(1);box-shadow:0 4px 15px #764ba266}}.pop-in{animation:popIn .5s cubic-bezier(.175,.885,.32,1.275)}.stoodia-logo-header{height:120px;width:auto;display:block;margin:0 auto 1.5rem;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1));transition:transform .3s ease}.stoodia-logo-header:hover{transform:scale(1.05)}.stoodia-logo-header-small{height:60px;width:auto;display:block;margin:0 auto 1rem;object-fit:contain}.share-box{background:#fff;padding:1rem;border-radius:12px;border:2px dashed #cbd5e0;display:flex;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer;transition:all .2s;margin-top:1rem}.share-box:hover{border-color:#667eea;background:#f8fbff}.share-url{font-family:Courier New,monospace;color:#4a5568;background:#edf2f7;padding:2px 6px;border-radius:4px;font-size:.9rem;word-break:break-all}.copy-icon{font-size:1.2rem}.teamwork-container p{color:#4a5568;font-size:1.1rem;margin-bottom:2rem}.form-group{margin-bottom:1.5rem;text-align:left}.form-group label{display:block;font-weight:600;margin-bottom:.5rem;color:#2d3748}.form-group input[type=text]{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#fff}.form-group input[type=text]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.upload-area{border:3px dashed #cbd5e0;padding:3rem;margin:2rem 0;border-radius:20px;background:#f7fafc;transition:all .3s ease;cursor:pointer;position:relative}.upload-area:hover{border-color:#667eea;background:#ebf4ff;transform:translateY(-2px)}.upload-area input[type=file]{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;cursor:pointer}.upload-area:after{content:"📄 Arrastra tu PDF o haz clic para subir";display:block;font-size:1.2rem;color:#718096;pointer-events:none;transition:opacity .3s}.upload-area.has-file:after{display:none}.upload-area.has-file{border-color:#48bb78;background:#f0fff4;border-style:solid}.file-selected-msg{display:flex;flex-direction:column;align-items:center;gap:.5rem;pointer-events:none;animation:popIn .3s ease}.file-icon{font-size:2.5rem}.file-name{font-weight:700;color:#2f855a;font-size:1.2rem}.ph-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:14px 28px;border:none;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;box-shadow:0 4px 15px #764ba24d;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:200px}.ph-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #764ba266;filter:brightness(1.1)}.ph-btn-primary:disabled{opacity:.6;cursor:not-allowed;background:#cbd5e0}.ph-btn-secondary{background:#fff;color:#667eea;border:2px solid #667eea;padding:12px 24px;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.ph-btn-secondary:hover{background:#ebf4ff;transform:translateY(-2px)}.lobby-info{background:#ebf8ff;padding:1.5rem;border-radius:16px;margin:2rem 0;border:1px solid #bee3f8}.invite-email-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px dashed #bee3f8}.invite-email-section p{margin-bottom:.5rem;font-size:1rem;color:#4a5568}.invite-input-group{display:flex;gap:.5rem;align-items:flex-start}.invite-textarea{flex:1;padding:10px;border-radius:12px;border:2px solid #e2e8f0;min-height:60px;font-family:inherit;resize:vertical}.invite-textarea:focus{border-color:#667eea;outline:none}.invite-btn{padding:10px 16px;white-space:nowrap;height:auto}.invite-status-msg{margin-top:.5rem;font-weight:600;color:#48bb78;animation:fadeIn .3s ease}.lobby-info strong{font-size:2rem;color:#2b6cb0;display:block;margin:.5rem 0;letter-spacing:2px}.participants-list{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:2rem 0}.participant-badge{background:#fff;padding:.8rem 1.2rem;border-radius:50px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000d;display:flex;align-items:center;gap:8px;font-weight:500;color:#2d3748;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;border-bottom:none}.question-counter{font-size:1.2rem;font-weight:700;color:#667eea}.timer{font-size:2rem;font-weight:800;color:#2d3748;background:#edf2f7;padding:.5rem 1.2rem;border-radius:12px;min-width:120px;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease;border:2px solid transparent}.timer.urgent{color:#e53e3e;background:#fff5f5;border-color:#e53e3e;animation:headerPulse .8s infinite;transform:scale(1.05)}.clock-icon{font-size:1.5rem}.question-text{font-size:1.5rem;color:#1a202c;margin-bottom:3rem;line-height:1.4;font-weight:600}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2rem}.option-btn{padding:1.5rem;border:2px solid #e2e8f0;background:#fff;color:#2d3748;font-size:1.1rem;border-radius:16px;cursor:pointer;transition:all .2s;font-weight:500;box-shadow:0 4px 6px #00000005;position:relative;overflow:hidden}.option-btn:hover:not(:disabled){border-color:#667eea;background:#f8fbff;transform:translateY(-4px);box-shadow:0 10px 15px #0000000d}.option-btn.selected{border-color:#667eea;background:#ebf4ff;color:#5a67d8;font-weight:700}.option-btn.correct{background:#48bb78!important;border-color:#38a169!important;color:#fff!important;box-shadow:0 0 0 4px #48bb784d}.option-btn.wrong{background:#f56565!important;border-color:#e53e3e!important;color:#fff!important;opacity:.7}.results h1{font-size:2.5rem;background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:2rem;text-shadow:0 2px 10px rgba(255,215,0,.3)}.leaderboard{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000d;overflow:hidden;margin:2rem 0}.rank-row{display:flex;justify-content:space-between;padding:1.2rem 2rem;border-bottom:1px solid #f7fafc;font-size:1.2rem;align-items:center}.rank-row:last-child{border-bottom:none}.rank{font-weight:800;width:40px}.name{flex:1;text-align:left;margin-left:1rem;font-weight:600}.score{font-family:Courier New,monospace;font-weight:700;color:#667eea}.rank-1{background:linear-gradient(90deg,#fff,#fffdf0);color:#d69e2e}.rank-1 .rank{font-size:1.8rem}.rank-2{color:#718096}.results-title{font-size:3rem;text-transform:uppercase;letter-spacing:2px;margin-bottom:2rem}.leaderboard.premium-shadow{box-shadow:0 10px 30px #0000001a;border:1px solid rgba(255,255,255,.5);background:#ffffffe6}.rank-row{transition:transform .2s}.rank-row:hover{transform:scale(1.02);background:#f7fafc}.winner-glow{background:linear-gradient(90deg,#fff,#fffdf0);border:2px solid #ffd700;position:relative;overflow:hidden;animation:glow 2s infinite alternate}@keyframes glow{0%{box-shadow:0 0 10px gold}to{box-shadow:0 0 20px gold,0 0 30px #ffed4a}}.loading-overlay{margin-top:1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem;animation:fadeIn .3s ease}.spinner{width:50px;height:50px;border:5px solid rgba(102,126,234,.2);border-top:5px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.loading-text{font-size:1.1rem;color:#4a5568;font-weight:600;animation:pulse 1.5s infinite}.active-games-list{margin-top:3rem;text-align:left;width:100%}.active-games-list h3{margin-bottom:1.5rem;color:#4a5568;font-size:1.5rem;border-bottom:2px solid #edf2f7;padding-bottom:.5rem}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.game-card{background:#fff;padding:1.5rem;border-radius:16px;border:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 4px 6px #00000005}.game-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #667eea26;border-color:#667eea}.game-info{display:flex;flex-direction:column;gap:.5rem}.game-topic{font-weight:700;font-size:1.1rem;color:#2d3748}.game-date{font-size:.85rem;color:#a0aec0}.game-status{align-self:flex-start;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.game-status.pending{background:#fffaf0;color:#d69e2e;border:1px solid #fefcbf}.game-status.in_progress{background:#fff5f5;color:#e53e3e;border:1px solid #fed7d7}.delete-btn{background:transparent;border:none;font-size:1.2rem;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s;opacity:.6;display:flex;align-items:center;justify-content:center}.delete-btn:hover{background:#fff5f5;color:#e53e3e;opacity:1;transform:scale(1.1)}@keyframes headerPulse{0%{transform:scale(1)}50%{transform:scale(1.1);color:#c53030}to{transform:scale(1)}}@keyframes popIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.pulsate{animation:headerPulse 2s infinite}.hook-overlay{position:fixed;inset:0;background:#0009;z-index:9999;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .4s ease;padding:20px}.hook-card{background:#fff;padding:2.5rem;border-radius:24px!important;width:90%;max-width:600px;height:auto;max-height:85vh;overflow-y:auto;text-align:center;box-shadow:0 20px 50px #0000004d!important;animation:popIn .5s ease;border:1px solid rgba(255,255,255,.8)!important;position:relative!important;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.hook-card.success-card{border-color:#48bb78}.hook-card h2{font-size:2rem!important;margin-bottom:1rem!important}.hook-text{font-size:1.1rem;margin:1rem 0;line-height:1.6;color:#4a5568}.prize-box{background:linear-gradient(135deg,#fffdf0,#fff);border:2px dashed #ffd700;padding:1.5rem;border-radius:12px;margin:1.5rem 0}.prize-box h3{color:#d69e2e;margin-bottom:.5rem;font-size:1.3rem;font-weight:800}.info-box{border-color:#667eea;background:#f8fbff}.info-box h3{color:#5a67d8}.glow-effect{box-shadow:0 0 15px #ffd70099;animation:glowButton 2s infinite alternate}@keyframes glowButton{0%{box-shadow:0 0 10px #ffd70066}to{box-shadow:0 0 20px #ffd700cc;transform:scale(1.02)}}.no-spam-notice{display:block;margin-top:1rem;color:#a0aec0;font-size:.8rem}.pulsate-soft{animation:pulse 2s infinite}.close-modal-btn{position:absolute;top:15px;right:15px;background:transparent;border:none;font-size:1.5rem;color:#a0aec0;cursor:pointer;transition:all .2s;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center}.close-modal-btn:hover{background:#edf2f7;color:#e53e3e;transform:rotate(90deg)}html,body{margin:0;padding:0;width:100%;overflow-x:hidden;position:relative}*{box-sizing:border-box}body{background-color:var(--bg-light)}a{text-decoration:none;color:inherit}ul{list-style:none;padding:0;margin:0}[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}.navbar{width:100%;height:80px;background-color:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:1000;border-bottom:1px solid rgba(0,0,0,.05)}.navbar-container{max-width:1200px;margin:0 auto;height:100%;display:flex;justify-content:space-between;align-items:center;padding:0 20px}.logo-img{height:40px;object-fit:contain}.nav-menu{display:flex;gap:30px}.nav-link{font-weight:600;color:var(--text-gray);position:relative;transition:color .3s ease}.nav-link:hover{color:var(--color-accent)}.nav-link:after{content:"";position:absolute;width:0%;height:2px;bottom:-5px;left:0;background:var(--gradient-main);transition:width .3s ease}.nav-link:hover:after{width:100%}.btn-login{font-weight:600;margin-right:20px;font-size:.9rem}@media(max-width:768px){.navbar-container{flex-direction:column;gap:15px;padding:15px}.nav-menu{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;width:100%}.nav-link{font-size:.9rem}}.hero-section{width:100%;padding:120px 0 80px;background:radial-gradient(circle at top right,#f0f9ff,transparent 40%);overflow:hidden}.hero-container{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}.badge{display:inline-block;padding:8px 16px;background-color:#e0f2fe;color:#0284c7;border-radius:30px;font-size:.85rem;font-weight:600;margin-bottom:20px}h1{font-size:3.5rem;line-height:1.1;margin-bottom:20px;font-weight:800;letter-spacing:-1px}.hero-description{font-size:1.1rem;color:var(--text-gray);margin-bottom:40px;max-width:480px}.hero-buttons{display:flex;gap:15px;margin-bottom:30px}.hero-image-wrapper{position:relative;display:flex;justify-content:center;perspective:1000px}.hero-img{width:100%;max-width:500px;height:auto;transition:transform .5s ease}.hero-img:hover{transform:scale(1.05) rotateY(-5deg) rotateX(5deg)}.breathing-animation{animation:breathe 6s ease-in-out infinite}.floating-card{position:absolute;bottom:10%;left:-20px;background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:15px 25px;border-radius:15px;box-shadow:0 10px 30px #0000001a;animation:breathe 7s ease-in-out infinite reverse;display:flex;flex-direction:column;font-size:.9rem;border:1px solid rgba(255,255,255,.5)}.floating-card{text-align:center;align-items:center;justify-content:center}.floating-card span{display:block;font-size:.8rem;color:var(--text-gray)}.floating-card strong{font-size:1.1rem;color:var(--color-accent)}@media(max-width:768px){.hero-container{grid-template-columns:1fr;text-align:center;padding:0 20px;gap:40px}h1{font-size:2.2rem;line-height:1.2;word-wrap:break-word}.hero-description{margin:0 auto 30px;font-size:1rem}.hero-buttons{flex-direction:column;width:100%}.hero-buttons a,.hero-buttons button{width:100%;box-sizing:border-box}.hero-image-wrapper{order:2;margin-top:20px}}.solutions-section{padding:100px 20px;background-color:#fff;position:relative;z-index:10}.solutions-container{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-size:2.5rem;margin-bottom:10px}.grid-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.card{background:#fff;border:1px solid #f0f0f0;padding:40px 30px;border-radius:20px;transition:all .3s ease;box-shadow:0 4px 6px #00000005}.card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #8b5cf626;border-color:var(--color-primary)}.icon-wrapper{width:180px;height:180px;background:#f0f9ff;border-radius:15px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.icon-wrapper img{width:170px;height:170px;object-fit:contain}.card h3{font-size:1.25rem;margin-bottom:10px;color:var(--text-dark)}.card p{color:var(--text-gray);font-size:.95rem;line-height:1.6}.about-section{padding:100px 20px;background-color:#f8fafc;overflow:hidden}.about-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.subtitle{color:var(--color-accent);font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:.9rem;display:block;margin-bottom:10px}.about-content h2{font-size:2.5rem;line-height:1.2;margin-bottom:25px}.about-content p{color:var(--text-gray);font-size:1rem;line-height:1.7;margin-bottom:20px}.about-list{margin:30px 0;display:flex;flex-direction:column;gap:15px}.about-list li{display:flex;align-items:flex-start;gap:15px}.check-icon{background:var(--color-primary);color:#fff;width:25px;height:25px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;flex-shrink:0}.about-list strong{color:var(--text-dark)}.btn-text-only{background:none;border:none;color:var(--color-primary);font-weight:700;font-size:1rem;cursor:pointer;padding:0;border-bottom:2px solid transparent;transition:all .3s ease}.btn-text-only:hover{color:var(--color-accent);border-bottom-color:var(--color-accent);padding-bottom:2px}.about-image-container{position:relative;display:flex;justify-content:center}.about-img{width:100%;max-width:500px;border-radius:20px;position:relative;z-index:4;box-shadow:0 20px 40px #00000080;transition:transform .3s ease}.about-img:hover{transform:scale(1.02)}.image-backdrop{position:absolute;top:20px;right:20px;width:100%;max-width:500px;height:100%;background:var(--gradient-main);border-radius:20px;opacity:.2;z-index:1}@media(max-width:768px){.about-container{grid-template-columns:1fr;text-align:center}.about-list li{justify-content:flex-start;text-align:left}.about-image-container{order:-1;margin-bottom:30px}.image-backdrop{right:0;top:10px;transform:scale(.95)}}.contact-section{padding:100px 20px;background-color:#fff;min-height:600px}.contact-container{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 1.5fr;gap:60px;align-items:start}.contact-info h2{font-size:2.5rem;margin-bottom:20px}.contact-info p{color:var(--text-gray);margin-bottom:40px;line-height:1.6}.info-item{margin-bottom:25px}.info-item strong{display:block;font-size:1.1rem;margin-bottom:5px;color:var(--text-dark)}.info-item a{color:var(--color-primary);font-weight:600;transition:color .3s}.info-item a:hover{color:var(--color-accent)}.contact-form{background:#fff;padding:40px;border-radius:20px;box-shadow:0 10px 40px #0000000d;border:1px solid #f0f0f0}.form-group{margin-bottom:25px}.form-group label{display:block;font-weight:600;margin-bottom:8px;color:var(--text-dark);font-size:.9rem}.form-group input,.form-group textarea{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:8px;font-family:inherit;font-size:1rem;transition:all .3s;background-color:#fcfcfc}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;background-color:#fff}.full-width{width:100%;padding:15px;font-size:1.1rem}.success-message{text-align:center;max-width:500px;margin:0 auto;padding:60px 20px}.icon-success{font-size:4rem;margin-bottom:20px}.success-message h2{color:var(--text-dark);margin-bottom:10px}@media(max-width:768px){.contact-container{grid-template-columns:1fr}.contact-info{text-align:center;margin-bottom:40px}}.main-footer{background-color:#f1f5f9;color:var(--text-dark);padding:4rem 2rem 2rem;margin-top:auto;border-top:1px solid #e2e8f0}.footer-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:4rem}.brand-column{display:flex;flex-direction:column;align-items:flex-start}.footer-logo{height:40px;width:auto;margin-bottom:1.5rem}.footer-description{color:var(--text-gray);font-size:.95rem;line-height:1.6;max-width:300px}.footer-column h4{font-size:1.1rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-dark)}.links-column ul li{margin-bottom:.8rem}.links-column ul li a{color:var(--text-gray);font-size:.95rem;transition:color .3s ease}.links-column ul li a:hover{color:var(--color-primary)}.social-links{display:flex;flex-direction:column;gap:.8rem}.social-links a{color:var(--text-gray);font-size:.95rem;transition:color .3s ease}.social-links a:hover{color:var(--color-accent)}.footer-bottom{max-width:1200px;margin:3rem auto 0;padding-top:2rem;border-top:1px solid #cbd5e1;text-align:center;color:var(--text-gray);font-size:.85rem}@media(max-width:768px){.footer-container{grid-template-columns:1fr;gap:2.5rem;text-align:center}.brand-column{align-items:center}.footer-description{margin:0 auto}}.link-btn{background:none;border:none;padding:0;font:inherit;cursor:pointer;color:var(--text-gray);text-decoration:none;transition:color .3s ease}.link-btn:hover{color:var(--color-primary);text-decoration:underline}.legal-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:10000;padding:1rem;animation:fadeIn .3s ease}.legal-modal-content{background:#fff;width:100%;max-width:800px;max-height:85vh;border-radius:16px;box-shadow:0 20px 50px #0003;display:flex;flex-direction:column;position:relative;animation:slideUp .3s ease}.legal-modal-header{padding:1.5rem 2rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.legal-modal-header h2{margin:0;font-size:1.5rem;color:#1e293b}.legal-modal-close-btn{background:none;border:none;font-size:2rem;line-height:1;color:#64748b;cursor:pointer;transition:color .2s;padding:0}.legal-modal-close-btn:hover{color:#2563eb}.legal-modal-body{padding:2rem;overflow-y:auto;font-size:.95rem;color:#334155;line-height:1.7;background:#fff}.legal-modal-body h3{color:#2563eb;margin-top:1.5rem;margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.legal-modal-body h3:first-child{margin-top:0}.legal-modal-footer{padding:1.5rem 2rem;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end}@media(max-width:640px){.legal-modal-content{max-height:90vh}.legal-modal-header,.legal-modal-body,.legal-modal-footer{padding:1.2rem}}.page-header{padding-top:160px;padding-bottom:80px;text-align:center;background:transparent;position:relative;z-index:1}.page-header h1{font-size:3rem;margin-bottom:15px}.page-header p{color:var(--text-gray);font-size:1.25rem;max-width:600px;margin:0 auto}.nosotros-main{max-width:1200px;margin:0 auto;padding:60px 20px}.story-section{margin-bottom:60px;text-align:center}.story-card{background:#fff;padding:40px;border-radius:20px;box-shadow:0 10px 40px #0000000d;border:1px solid #f0f0f0;position:relative;z-index:10}.story-card h2{font-size:2rem;margin-bottom:20px;color:var(--text-dark)}.story-card p{font-size:1.1rem;line-height:1.8;color:var(--text-gray);margin-bottom:15px}.team-section{text-align:center}.section-title{font-size:2.5rem;margin-bottom:30px}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;max-width:900px;margin:40px auto 0}.team-member{background:#fff;padding:35px;border-radius:20px;transition:transform .3s ease;border:1px solid transparent;text-align:center}.team-member:hover{transform:translateY(-10px);border-color:#e2e8f0;box-shadow:0 15px 30px #0000000d}.avatar{width:100px;height:100px;border-radius:50%;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:700;background:var(--gradient-main)}.team-photo{width:140px;height:140px;border-radius:50%;object-fit:cover;margin:0 auto 20px;display:block;border:4px solid white;box-shadow:0 10px 25px #00000026;transition:all .4s ease}.team-member:hover .team-photo{transform:scale(1.05);box-shadow:0 15px 35px #0003;border-color:#f8fafc}.team-member h3{margin-bottom:5px;font-size:1.3rem}.role{display:block;color:var(--color-accent);font-weight:600;font-size:.9rem;margin-bottom:15px;text-transform:uppercase;letter-spacing:1px}.team-member p{font-size:.95rem;color:var(--text-gray);line-height:1.5}.linkedin-link{display:inline-block;margin-top:15px;color:var(--color-accent);font-weight:600;font-size:.9rem;text-decoration:none;transition:all .3s ease;border-bottom:2px solid transparent}.linkedin-link:hover{color:var(--color-primary);border-bottom-color:var(--color-primary);transform:translate(5px)}.stoodia-page-redesign{font-family:var(--font-body);background:var(--gradient-landing-hero, linear-gradient(180deg, #f0faff 0%, #ffffff 50%, #fff5f7 100%));min-height:100vh;color:var(--color-text-primary, #1e293b);overflow-x:hidden}.stoodia-nav-redesign{display:flex;justify-content:space-between;align-items:center;padding:20px 60px;background:transparent;border-bottom:1px solid transparent;position:sticky;top:0;z-index:100;transition:all .4s cubic-bezier(.16,1,.3,1)}.nav-scrolled{padding:12px 60px;background:var(--color-surface-glass, rgba(255, 255, 255, .85));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border-weak, rgba(0, 0, 0, .05));box-shadow:var(--shadow-sm)}.nav-logo{height:50px;width:auto;transition:all .4s ease}.nav-scrolled .nav-logo{height:38px}.nav-cta-sticky{transition:all .4s ease}.cta-hidden{opacity:0;transform:translate(20px);pointer-events:none}.cta-visible{opacity:1;transform:translate(0)}.nav-left{display:flex;align-items:center}.nav-logo{height:50px;width:auto;transition:transform .3s ease}.nav-logo:hover{transform:scale(1.05)}.nav-auth-buttons{display:flex;gap:15px;align-items:center}.nav-user-name{font-weight:600;color:#64748b}.btn-login-nav{background:var(--color-surface, white);border:1px solid var(--color-border, #e2e8f0);padding:10px 24px;border-radius:var(--radius-full, 50px);color:var(--color-text-primary, #1e293b);font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-sm, 0 4px 6px -1px rgba(0, 0, 0, .05))}.btn-login-nav:hover{transform:translateY(-2px);box-shadow:var(--shadow-md, 0 10px 15px -3px rgba(0, 0, 0, .1));border-color:var(--color-border-hover, #cbd5e1)}.btn-portal{background:var(--branding-gradient, linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%));color:#fff;border:none}.btn-portal:hover{box-shadow:0 10px 25px -5px #3b82f666}.btn-logout{background:#f1f5f9;color:#64748b}.hero-section-redesign{max-width:1200px;margin:80px auto;padding:0 60px}.hero-container-redesign{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}.hero-text-redesign{max-width:600px}.hero-title-redesign{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:30px;color:var(--color-text-primary, #0f172a);letter-spacing:-.02em}.hero-subtitle-redesign{font-size:1.25rem;line-height:1.7;color:#475569;margin-bottom:40px;font-weight:400}.hero-form-redesign{display:flex;gap:15px;margin-bottom:20px}.hero-input-redesign{flex:1;padding:16px 24px;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;outline:none;transition:all .3s ease;background:#fff}.hero-input-redesign:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.hero-cta-wrapper{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:40px}.hero-cta-note{font-size:.9rem;color:#64748b;font-weight:500;text-align:center;opacity:.8}.hero-cta-note.always-visible{display:block!important}.scroll-indicator-container{margin-top:60px;display:flex;justify-content:center;width:100%}.scroll-indicator{width:28px;height:48px;border:2px solid rgba(71,85,105,.3);border-radius:14px;position:relative}.scroll-indicator:after{content:"";width:6px;height:10px;background:var(--branding-primary, #3b82f6);position:absolute;top:8px;left:50%;transform:translate(-50%);border-radius:3px;animation:scrollAnim 2s infinite}@keyframes scrollAnim{0%{transform:translate(-50%);opacity:1}to{transform:translate(-50%,20px);opacity:0}}.btn-cta-redesign{padding:16px 32px;background:var(--branding-cyan-magenta, linear-gradient(135deg, #00c6ff 0%, #9d50bb 100%));color:#fff;border:none;border-radius:var(--radius-lg, 12px);font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 25px -5px #3b82f64d;white-space:nowrap}.btn-cta-redesign:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 20px 35px -5px #00c6ff80,0 0 30px #9d50bb66}.btn-cta-redesign:active{transform:translateY(0)}.success-msg-redesign{padding:16px 24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:12px;font-weight:600;text-align:center}.hero-image-redesign{position:relative}.hero-image-redesign:before,.hero-image-redesign:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;filter:blur(60px);z-index:0;opacity:.4;animation:blob-float 10s infinite alternate}.hero-image-redesign:before{background:var(--branding-primary, #4F46E5);top:-20%;left:20%}.hero-image-redesign:after{background:#00c6ff;bottom:-10%;right:-10%;animation-delay:-5s}@keyframes blob-float{0%{transform:translate(0) scale(1)}50%{transform:translate(30px,40px) scale(1.1)}to{transform:translate(-20px,20px) scale(.9)}}.hero-img-mascot{width:100%;max-width:450px;height:auto;filter:drop-shadow(0 25px 50px rgba(0,0,0,.15));animation:floatMascot 6s ease-in-out infinite;position:relative;z-index:5}@keyframes floatMascot{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-25px) scale(1.02)}}.floating-icon{position:absolute;font-size:2.8rem;filter:drop-shadow(0 8px 16px rgba(0,0,0,.15));will-change:transform;-webkit-user-select:none;user-select:none;z-index:4}.icon-1{top:8%;left:5%;animation:floatIcon1 7s ease-in-out infinite}.icon-2{top:-5%;right:15%;animation:floatIcon2 8s ease-in-out infinite;animation-delay:-1s}.icon-3{bottom:15%;right:0%;animation:floatIcon3 6.5s ease-in-out infinite;animation-delay:-2s}@keyframes floatIcon1{0%,to{transform:translate(0) rotate(0) scale(1)}33%{transform:translate(-15px,-20px) rotate(-10deg) scale(1.1)}66%{transform:translate(10px,-15px) rotate(8deg) scale(.95)}}@keyframes floatIcon2{0%,to{transform:translate(0) rotate(0) scale(1)}33%{transform:translate(20px,25px) rotate(12deg) scale(1.15)}66%{transform:translate(-12px,18px) rotate(-8deg) scale(.9)}}@keyframes floatIcon3{0%,to{transform:translate(0) rotate(0) scale(1)}33%{transform:translate(-18px,22px) rotate(-15deg) scale(.95)}66%{transform:translate(15px,-20px) rotate(10deg) scale(1.08)}}.context-section{max-width:1200px;margin:120px auto;padding:0 60px}.section-title-redesign{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:60px;color:#0f172a;letter-spacing:-.02em}.section-subtitle-redesign{font-size:1.25rem;text-align:center;color:#64748b;margin-top:-40px;margin-bottom:60px}.context-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.glass-card{background:var(--color-surface-glass, rgba(255, 255, 255, .85));-webkit-backdrop-filter:blur(var(--backdrop-blur, 20px));backdrop-filter:blur(var(--backdrop-blur, 20px));border:2px solid var(--glass-border, rgba(255, 255, 255, .9));border-radius:var(--radius-xl, 24px);padding:40px;box-shadow:var(--shadow-md, 0 8px 32px rgba(0, 0, 0, .08));transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#00c6ff,#a8ff78,#ff6b6b);opacity:0;transition:opacity .4s ease}.glass-card:hover:before{opacity:1}.glass-card:hover{transform:translateY(-12px) scale(1.03);box-shadow:0 30px 60px #4f46e526;background:var(--bg-glass-strong, rgba(255, 255, 255, .85));border-color:#4f46e54d}.card-icon{font-size:3.5rem;margin-bottom:20px;display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));animation:bounceIcon 2s ease-in-out infinite}.glass-card h3{font-size:1.5rem;font-weight:700;margin-bottom:15px;color:#0f172a}.glass-card p{font-size:1rem;line-height:1.7;color:#475569}.methodology-section{max-width:1200px;margin:120px auto;padding:0 60px}.method-block{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-bottom:100px}.method-block:last-child{margin-bottom:0}.method-right{grid-template-columns:1fr 1fr}.method-right .method-text{order:2}.method-right .method-image{order:1}.method-text h3{font-size:2rem;font-weight:700;margin-bottom:20px;color:#0f172a;letter-spacing:-.01em}.method-text p{font-size:1.125rem;line-height:1.8;color:#475569}.method-image{position:relative;display:flex;justify-content:center;align-items:center}.method-image img{width:100%;height:auto;border-radius:24px;box-shadow:0 20px 60px #00000026;transition:transform .4s ease}.method-image .mockup-mobile-view{width:auto;max-width:280px;border:4px solid #1e293b;background:#1e293b}.method-image img:hover{transform:scale(1.02)}.tool-section{background:linear-gradient(180deg,#f8fafc,#fff);padding:120px 0;margin-top:80px}.tool-container{max-width:1200px;margin:0 auto;padding:0 60px}.tool-dual-columns{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:60px}.tool-column{text-align:center}.tool-column h3{font-size:1.75rem;font-weight:700;margin-bottom:20px;color:#0f172a}.tool-column p{font-size:1.125rem;line-height:1.7;color:#475569;margin-bottom:40px}.mockup-wrapper{background:#fff;padding:30px;border-radius:24px;box-shadow:0 20px 60px #0000001a;transition:all .4s ease;position:relative;overflow:visible}.mockup-stacked{position:relative;display:flex;justify-content:center;align-items:center;min-height:300px;padding-bottom:40px}.mockup-wrapper:hover{transform:translateY(-8px);box-shadow:0 30px 80px #00000026}.mockup-desktop{width:100%;height:auto;border-radius:12px;box-shadow:0 10px 30px #0000001a;z-index:1;border:1px solid rgba(0,0,0,.05)}.mockup-mobile{position:absolute;width:35%;height:auto;bottom:-15px;border-radius:16px;box-shadow:0 15px 40px #0003;z-index:2;border:4px solid #1e293b;background:#1e293b}.student-stack .mockup-mobile{right:5%;transform:rotate(-3deg);transition:transform .4s ease}.student-stack:hover .mockup-mobile{transform:rotate(0) scale(1.05)}.parent-stack .mockup-mobile{left:5%;transform:rotate(3deg);transition:transform .4s ease}.parent-stack:hover .mockup-mobile{transform:rotate(0) scale(1.05)}.student-column .mockup-wrapper{background:linear-gradient(135deg,#f0f9ff,#e0f2fe)}.parent-column .mockup-wrapper{background:linear-gradient(135deg,#fff5f5,#fff0f7);border:1px solid #ffe4e6}@media(max-width:1024px){.hero-container-redesign,.method-block,.tool-dual-columns{grid-template-columns:1fr;gap:40px}.method-right .method-text,.method-right .method-image{order:initial}.hero-section-redesign,.context-section,.methodology-section,.tool-container{padding:0 40px}.stoodia-nav-redesign{padding:20px 40px}}@media(max-width:768px){.context-cards{grid-template-columns:1fr;gap:30px}.hero-title-redesign{font-size:2.5rem}.hero-subtitle-redesign{font-size:1.125rem}.section-title-redesign{font-size:2rem}.hero-form-redesign{flex-direction:column}.btn-cta-redesign{width:100%}.hero-section-redesign,.context-section,.methodology-section,.tool-container{padding:0 20px}.stoodia-nav-redesign{padding:15px 20px}.nav-logo{height:40px}.method-text h3,.tool-column h3{font-size:1.5rem}.community-container h2{font-size:2rem}}@media(max-width:480px){.hero-title-redesign{font-size:2rem}.section-title-redesign{font-size:1.75rem}.nav-auth-buttons{flex-direction:column;gap:8px}.btn-login-nav{padding:8px 16px;font-size:.9rem}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}html{scroll-behavior:smooth}::selection{background:#00c6ff4d;color:#0f172a}@keyframes bounceIcon{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.method-block:nth-child(1) .method-image{background:linear-gradient(135deg,#00c6ff1a,#9d50bb1a);border-radius:24px;padding:20px}.method-block:nth-child(2) .method-image{background:linear-gradient(135deg,#a8ff781a,#78ffd61a);border-radius:24px;padding:20px}.promo-banner-section{max-width:1200px;margin:100px auto;padding:0 60px}.promo-banner-content{background:var(--branding-gradient, linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%));border-radius:var(--radius-xl, 24px);padding:60px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 20px 40px #3b82f64d;position:relative;overflow:hidden}.promo-banner-content:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.15) 0%,transparent 40%);pointer-events:none}.promo-text{flex:1;padding-right:40px;z-index:1}.promo-text h2{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:15px}.promo-text p{font-size:1.25rem;color:#ffffffe6;line-height:1.6}.promo-action{z-index:1;display:flex;flex-direction:column;align-items:center;gap:12px}.promo-cta-note{font-size:.85rem;color:#fffc;font-weight:500}.btn-white{background:var(--color-surface, white);color:var(--color-primary, #3b82f6);box-shadow:var(--shadow-sm, 0 10px 20px rgba(0, 0, 0, .1))}.btn-white:hover{background:#f8fafc;color:#2563eb;transform:translateY(-2px);box-shadow:0 15px 30px #00000026}.btn-pulse{animation:pulse-soft 2s infinite}.btn-disabled{background:#cbd5e1;color:#64748b;cursor:default!important;box-shadow:none!important}.btn-disabled-white{background:#ffffff80;color:#e2e8f0;cursor:default!important;box-shadow:none!important;border:1px solid rgba(255,255,255,.3)}.hero-cta-wrapper{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:40px;margin-bottom:40px}.hero-cta-note{font-size:.9rem;color:#64748b;font-weight:500;text-align:center}.hero-cta-note.always-visible{display:block;opacity:1}.scroll-indicator-container{margin-top:40px;display:flex;justify-content:center;width:100%}.scroll-indicator{width:28px;height:48px;border:2px solid rgba(71,85,105,.2);border-radius:14px;position:relative}.scroll-indicator:after{content:"";width:6px;height:10px;background:var(--branding-primary, #3b82f6);position:absolute;top:8px;left:50%;transform:translate(-50%);border-radius:3px;animation:scrollBounce 2s infinite}@keyframes scrollBounce{0%{transform:translate(-50%);opacity:0}50%{opacity:1}to{transform:translate(-50%,20px);opacity:0}}@media(max-width:900px){.promo-banner-content{flex-direction:column;text-align:center;padding:40px}.promo-text{padding-right:0;margin-bottom:30px}.promo-text h2{font-size:2rem}}.method-block:nth-child(3) .method-image{background:linear-gradient(135deg,#ff6b6b1a,#ff9ff31a);border-radius:24px;padding:20px}.who-we-are-stoodia{padding:120px 60px;background:linear-gradient(180deg,#fff,#f0faff);position:relative;overflow:hidden}.who-we-are-container{max-width:1200px;margin:0 auto}.synergy-header{text-align:center;margin-bottom:80px}.synergy-logo-box{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:30px}.synergy-logo{height:40px;width:auto}.synergy-plus{font-size:2rem;font-weight:700;color:#8b5cf6}.synergy-title{font-size:2.5rem;font-weight:700;color:#0f172a;margin-bottom:20px}.synergy-text{max-width:800px;margin:0 auto 40px;font-size:1.125rem;line-height:1.8;color:#475569}.btn-toggle-team{background:#fff;border:1px solid #e2e8f0;padding:12px 30px;border-radius:50px;font-weight:600;color:#1e293b;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:12px;margin:0 auto;box-shadow:0 4px 6px -1px #0000000d}.btn-toggle-team:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a;border-color:#cbd5e1}.btn-toggle-team.expanded{background:#f1f5f9;color:#64748b}.toggle-icon{font-size:1.2rem;transition:transform .3s ease}.team-highlight-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;transition:all .5s cubic-bezier(.4,0,.2,1);overflow:hidden}.team-highlight-grid.is-hidden{max-height:0;opacity:0;transform:translateY(20px);margin-top:0}.team-highlight-grid.is-visible{max-height:5000px;opacity:1;transform:translateY(0);margin-top:60px}.team-card-stoodia{background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.8);border-radius:24px;padding:40px;box-shadow:0 10px 30px #0000000d;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center}.team-card-stoodia:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000001a;background:#fff}.team-img-wrapper{width:150px;height:150px;border-radius:50%;overflow:hidden;margin-bottom:25px;border:4px solid white;box-shadow:0 8px 16px #0000001a}.team-img-stoodia{width:100%;height:100%;object-fit:cover}.team-card-stoodia h3{font-size:1.5rem;color:#0f172a;margin-bottom:10px}.team-role-stoodia{display:inline-block;font-size:.9rem;font-weight:600;color:#6366f1;background:#eef2ff;padding:4px 12px;border-radius:50px;margin-bottom:20px}.team-desc-stoodia{font-size:1rem;line-height:1.6;color:#475569;margin-bottom:25px}.linkedin-btn-stoodia{margin-top:auto;color:#0077b5;font-weight:600;text-decoration:none;font-size:.95rem;transition:color .2s}.linkedin-btn-stoodia:hover{color:#00a0dc}@media(max-width:768px){.who-we-are-stoodia{padding:80px 20px}.synergy-title{font-size:2rem}}.faq-section{max-width:1200px;margin:120px auto;padding:0 60px}.faq-container{max-width:800px;margin:0 auto}.faq-list{display:flex;flex-direction:column;gap:20px}.faq-item{background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 6px #00000005;overflow:hidden;transition:all .3s ease}.faq-item:hover{box-shadow:0 10px 20px #0000000d;transform:translateY(-2px)}.faq-item.active{background:linear-gradient(to right,#fff,#f8fafc);border-color:#3b82f6;box-shadow:0 10px 25px #3b82f61a}.faq-question{width:100%;text-align:left;padding:24px 30px;background:none;border:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:1.125rem;font-weight:600;color:#1e293b;transition:color .3s ease}.faq-item.active .faq-question{color:#2563eb}.faq-icon{font-size:1.25rem;color:#94a3b8;transition:transform .3s ease,color .3s ease;min-width:24px;display:flex;justify-content:center}.faq-item.active .faq-icon{transform:rotate(180deg);color:#2563eb}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1);padding:0 30px}.faq-item.active .faq-answer{max-height:500px;padding-bottom:24px}.faq-answer p{color:#64748b;line-height:1.7;font-size:1rem;margin:0}@media(max-width:768px){.faq-section{padding:0 20px;margin:80px auto}.faq-question{padding:20px;font-size:1rem}.faq-answer{padding:0 20px}}.login-screen-overlay{position:fixed;inset:0;background:var(--color-overlay, rgba(0, 0, 0, .7));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}.login-screen-container{position:relative;background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--color-border);max-width:900px;width:90%;max-height:90vh;box-shadow:var(--shadow-xl);padding:0;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .4s ease;color:var(--text-main)}.login-screen-scrollable-area{flex:1;overflow-y:auto;padding:var(--space-14) var(--space-6) 0 var(--space-6);display:flex;flex-direction:column}.login-screen-close{position:absolute;top:var(--space-4);right:var(--space-4);background:transparent;border:none;font-size:2rem;color:var(--text-muted);cursor:pointer;transition:all .2s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;z-index:20}.login-screen-close:hover{background:var(--color-surface-hover);color:var(--text-main);transform:rotate(90deg)}.login-screen-content{display:flex;flex-direction:row;gap:var(--space-8);align-items:stretch;margin-bottom:var(--space-6);position:relative}.login-divider-vertical{width:1px;height:100%;min-height:200px;background-color:var(--color-border);position:relative;display:flex;align-items:center;justify-content:center}.login-divider-text{background-color:var(--bg-card);padding:var(--space-2) 0;color:var(--text-muted);font-size:var(--text-sm);font-weight:500}.login-section{flex:1;padding:var(--space-6);border-radius:var(--radius-lg);text-align:center;display:flex;flex-direction:column;justify-content:center;background:var(--color-surface-dim);border:1px solid var(--color-border-weak)}.parent-section{background:linear-gradient(135deg,var(--color-primary-soft) 0%,var(--color-surface) 100%)}.student-section{background:linear-gradient(135deg,var(--color-secondary-soft) 0%,var(--color-surface) 100%)}.login-section-icon{font-size:3rem;margin-bottom:var(--space-4)}.login-section h2{font-size:var(--text-xl);margin:0 0 var(--space-2) 0;color:var(--text-main);font-weight:700}.login-section p{color:var(--text-muted);margin:0 0 var(--space-6) 0;font-size:var(--text-sm)}.login-tabs-container{display:flex;background:var(--color-surface);padding:4px;border-radius:var(--radius-full);margin:0 auto var(--space-6);width:fit-content;gap:4px;border:1px solid var(--color-border)}.login-tab{padding:8px 16px;border-radius:var(--radius-full);border:none;background:transparent;color:var(--text-muted);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all .3s ease}.login-tab:hover{color:var(--color-primary)}.login-tab.active{background:var(--color-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-md)}.loading-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-4)}.spinner{width:40px;height:40px;border:4px solid var(--color-primary-soft);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.login-error{background:var(--color-error-soft);border:1px solid var(--color-error);border-radius:var(--radius-md);padding:var(--space-4);color:var(--color-error);text-align:center;font-weight:600;margin-bottom:var(--space-4);animation:shake .3s ease}.login-screen-footer{padding:var(--space-4);background:var(--color-surface-dim);border-top:1px solid var(--color-border);text-align:center;border-radius:0 0 var(--radius-xl) var(--radius-xl)}.login-screen-footer p{font-size:var(--text-xs);color:var(--text-muted);margin:0}.student-login-form{display:flex;flex-direction:column;gap:var(--space-4);width:100%}.student-btn{width:100%;justify-content:center;padding:var(--space-3) var(--space-4);font-weight:600}@media(max-width:768px){.login-screen-container{width:95%}.login-screen-content{flex-direction:column;gap:var(--space-6)}.login-divider-container{flex-direction:row!important;width:100%!important;height:auto!important;min-height:0!important;align-self:auto!important;margin:var(--space-4) 0}.login-divider-line{width:100%!important;height:1px!important}}.login-divider-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);color:var(--text-muted);width:auto;align-self:stretch;margin:0}.login-divider-line{width:1px;background-color:var(--color-border);flex:1;min-height:10px}.login-divider-text{font-size:var(--text-sm);font-weight:500;color:var(--text-muted);background:var(--bg-card);padding:var(--space-1)}.ds-button{display:inline-flex;align-items:center;justify-content:center;position:relative;white-space:nowrap;gap:var(--space-2);border-radius:var(--btn-radius, var(--radius-md));font-family:var(--font-sans);font-weight:var(--weight-medium);transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;border:1px solid transparent;outline:none}.ds-button:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.ds-button:focus-visible{box-shadow:0 0 0 2px var(--bg-body),0 0 0 4px var(--primary)}.size-sm{height:32px;padding:0 var(--space-3);font-size:var(--text-xs)}.size-md{height:40px;padding:0 var(--space-4);font-size:var(--text-sm)}.size-lg{height:48px;padding:0 var(--space-6);font-size:var(--text-base)}.variant-primary{background-color:var(--primary);color:var(--primary-foreground);box-shadow:0 1px 2px #0000000d}.variant-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.variant-primary:active{transform:translateY(0)}.variant-secondary{background-color:var(--secondary);color:var(--secondary-foreground)}.variant-secondary:hover{filter:brightness(.95)}.variant-ghost{background-color:transparent;color:var(--text-main)}.variant-ghost:hover{background-color:#0000000d}.variant-danger{background-color:var(--color-danger, #EF4444);color:#fff}.ds-spinner{width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:ds-spin .75s linear infinite}@keyframes ds-spin{to{transform:rotate(360deg)}}.ds-input-group{display:flex;flex-direction:column;gap:var(--space-1);width:100%}.ds-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-main)}.ds-input{display:flex;height:40px;width:100%;border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-card);padding:0 var(--space-3);font-size:var(--text-sm);font-family:var(--font-sans);color:var(--text-main);transition:all .2s}.ds-input::placeholder{color:var(--text-muted)}.ds-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--bg-body),0 0 0 4px var(--primary)}.ds-input-group.has-error .ds-input{border-color:var(--color-danger, #EF4444)}.ds-input-group.has-error .ds-input:focus{box-shadow:0 0 0 2px var(--bg-body),0 0 0 4px var(--color-danger, #EF4444)}.ds-error-text{font-size:var(--text-xs);color:var(--color-danger, #EF4444)}.ds-helper-text{font-size:var(--text-xs);color:var(--text-muted)}.ds-checkbox-container{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.ds-checkbox-input{position:absolute;opacity:0;width:0;height:0}.ds-checkbox-control{width:1.25rem;height:1.25rem;border:2px solid var(--color-border, #e2e8f0);border-radius:var(--radius-sm, 4px);background-color:var(--color-surface, #ffffff);display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.ds-checkbox-check{opacity:0;transition:opacity .2s;stroke-dasharray:12;stroke-dashoffset:0}.ds-checkbox-input:checked+.ds-checkbox-control{background-color:var(--color-primary, #4f46e5);border-color:var(--color-primary, #4f46e5)}.ds-checkbox-input:checked+.ds-checkbox-control .ds-checkbox-check{opacity:1}.ds-checkbox-input:focus-visible+.ds-checkbox-control{box-shadow:0 0 0 3px var(--color-primary-soft, rgba(79, 70, 229, .3))}.ds-checkbox--disabled{cursor:not-allowed;opacity:.6}.ds-checkbox--disabled .ds-checkbox-control{background-color:var(--color-surface-dim, #f1f5f9)}.ds-checkbox-label{font-size:.9375rem;color:var(--color-text-primary, #1e293b)}.ds-divider{display:flex;align-items:center;width:100%;margin:var(--space-4) 0;color:var(--color-text-tertiary)}.ds-divider:before,.ds-divider:after{content:"";flex:1;height:1px;background-color:var(--color-border)}.ds-divider-text{padding:0 var(--space-3);font-size:var(--font-size-sm);font-weight:500}.ds-social-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-primary);font-size:var(--font-size-md);font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.ds-social-btn:hover:not(:disabled){background-color:var(--color-surface-hover);border-color:var(--color-border-focus);box-shadow:var(--shadow-md);transform:translateY(-1px)}.ds-social-btn:disabled{opacity:.6;cursor:not-allowed;background-color:var(--color-surface-dim)}.ds-social-icon{width:20px;height:20px}.skills-roadmap-section{max-width:1400px;margin:80px auto;padding:20px 0;position:relative;overflow:hidden}.roadmap-header{text-align:center;margin-bottom:40px;padding:0 60px}.roadmap-badge{background:#3b82f61a;color:#3b82f6;padding:8px 20px;border-radius:50px;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;display:inline-block}.roadmap-main-title{font-size:2.75rem;font-weight:800;color:#0f172a;margin-bottom:15px;letter-spacing:-.02em}.roadmap-intro{font-size:1.15rem;color:#64748b;max-width:800px;margin:0 auto;line-height:1.6}.carousel-wrapper{position:relative;padding:20px 60px;display:flex;align-items:center}.roadmap-carousel{display:flex;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;gap:25px;padding:20px 10px 40px;margin:0 -10px;scrollbar-width:none;-ms-overflow-style:none}.roadmap-carousel::-webkit-scrollbar{display:none}.roadmap-step-card{flex:0 0 350px;scroll-snap-align:center;background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.9);border-radius:24px;padding:30px;box-shadow:0 10px 30px #0000000d;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;min-height:420px}.roadmap-step-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px #22c55e1f;background:#fff}.step-number{position:absolute;top:20px;right:25px;font-size:3rem;font-weight:900;color:#00000008;line-height:1;pointer-events:none}.step-icon{font-size:2.5rem;margin-bottom:20px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.step-title{font-size:1.35rem;font-weight:800;color:#0f172a;margin:0 0 8px}.step-superpower{display:inline-block;padding:4px 12px;border-radius:12px;font-size:.8rem;font-weight:700;margin-bottom:20px}.step-promise{font-size:.95rem;color:#475569;line-height:1.6;margin-bottom:20px;flex-grow:1}.step-benefit{border-top:1px solid #f1f5f9;padding-top:15px;font-size:.85rem;color:#64748b;font-style:italic}.step-benefit span{font-weight:700;font-style:normal}.phase-1{border-left:5px solid #3b82f6}.phase-1 .step-superpower{background:#eff6ff;color:#2563eb}.phase-1 .step-benefit span{color:#2563eb}.phase-2{border-left:5px solid #10b981}.phase-2 .step-superpower{background:#ecfdf5;color:#059669}.phase-2 .step-benefit span{color:#059669}.phase-3{border-left:5px solid #8b5cf6}.phase-3 .step-superpower{background:#f5f3ff;color:#7c3aed}.phase-3 .step-benefit span{color:#7c3aed}.cta-slide{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;justify-content:center;border:none;text-align:center}.cta-slide .step-title{color:#fff;font-size:1.5rem}.cta-slide .step-promise{color:#cbd5e1}.btn-explore-map{margin-top:20px;padding:14px 28px;background:linear-gradient(135deg,#3b82f6,#2dd4bf);color:#fff;border:none;border-radius:12px;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-explore-map:hover{transform:scale(1.05);box-shadow:0 10px 20px #3b82f666}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;z-index:10;box-shadow:0 4px 12px #0000001a;transition:all .3s ease;color:#475569}.carousel-arrow:hover{background:#f8fafc;color:#0f172a;box-shadow:0 8px 20px #00000026}.arrow-left{left:10px}.arrow-right{right:10px}.carousel-hint{text-align:center;color:#94a3b8;font-size:.85rem;margin-top:-10px}@media(max-width:768px){.carousel-wrapper{padding:10px 20px}.roadmap-step-card{flex:0 0 280px;min-height:450px;padding:20px}.roadmap-main-title{font-size:2rem}.carousel-arrow{display:none}.roadmap-carousel{gap:15px}}.chatbot-mascot{position:fixed;bottom:30px;right:30px;width:120px;height:120px;cursor:pointer;z-index:2101;animation:breathe 3s ease-in-out infinite,gentleBounce 4s ease-in-out infinite;transition:transform .3s ease;filter:drop-shadow(0 10px 30px rgba(148,163,184,.6)) drop-shadow(0 4px 12px rgba(100,116,139,.4))}.unread-badge{position:absolute;top:5px;right:5px;background:#ef4444;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;border:2px solid white;box-shadow:0 2px 5px #0003}.chatbot-mascot:hover{transform:scale(1.1);filter:drop-shadow(0 16px 40px rgba(148,163,184,.8)) drop-shadow(0 4px 16px rgba(100,116,139,.6))}.chatbot-mascot.first-login{width:180px;height:180px;transform:scale(1.5);filter:drop-shadow(0 15px 45px rgba(72,187,120,.6));animation:breathe 3s ease-in-out infinite,gentleBounce 4s ease-in-out infinite,pulse 2s ease-in-out infinite}.mascot-image{width:100%;height:100%;object-fit:contain}@keyframes pulse{0%,to{box-shadow:0 0 0 0 var(--stoody-green-soft)}50%{box-shadow:0 0 0 20px transparent}}@keyframes messageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chatbot-focus-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2100;pointer-events:auto}.chatbot-mascot-peeking{position:fixed;width:450px;height:450px;z-index:2101;pointer-events:none;animation:peekingPositions 15s ease-in-out infinite;border:none;background:transparent;box-shadow:none}.chatbot-mascot-peeking .mascot-image{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 30px rgba(157,80,187,.4))}@keyframes peekingPositions{0%,33.33%{top:50%;left:calc(50% - 600px);transform:translateY(-50%) rotate(-25deg) scale(1);opacity:1}5%,11.66%,16.66%,22.33%,27.66%{transform:translateY(-50%) rotate(-25deg) scale(1.05)}8.33%,13.99%,19.99%,25.66%{transform:translateY(-50%) rotate(-25deg) scale(1)}33.34%,36%{opacity:0}37%,66.66%{top:50%;left:calc(50% + 600px);transform:translate(-100%,-50%) rotate(15deg) scale(1);opacity:1}38.33%,44.99%,50.99%,57.66%,63.33%{transform:translate(-100%,-50%) rotate(15deg) scale(1.05)}41.66%,47.99%,54.66%,60.66%{transform:translate(-100%,-50%) rotate(15deg) scale(1)}66.67%,69%{opacity:0}70%,to{top:calc(50% - 550px);left:50%;transform:translate(-50%) rotate(-8deg) scale(1);opacity:1}71.66%,77.99%,83.99%,90.66%,96.33%{transform:translate(-50%) rotate(-8deg) scale(1.05)}74.99%,80.99%,87.66%,93.66%{transform:translate(-50%) rotate(-8deg) scale(1)}}.chatbot-modal-overlay{position:fixed;bottom:145px;right:30px;z-index:2102;animation:slideInUp .4s ease}.chatbot-modal{width:380px;height:550px;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--color-border-weak)}.chatbot-header{background:var(--gradient-stoody);color:var(--color-white);padding:12px 20px;display:flex;justify-content:space-between;align-items:center}.chatbot-header-info{display:flex;align-items:center;gap:var(--space-sm)}.chatbot-avatar{width:45px;height:45px;border-radius:var(--radius-full);border:2px solid var(--color-white);background:var(--color-white);padding:2px;object-fit:cover}.chatbot-header h3{margin:0;font-size:var(--text-md);font-weight:700}.status-online{font-size:var(--text-xs);opacity:.9}.chatbot-close{background:#fff3;border:none;color:var(--color-white);width:32px;height:32px;border-radius:var(--radius-full);font-size:18px;cursor:pointer;transition:all .3s var(--ease-out);display:flex;align-items:center;justify-content:center}.chatbot-close:hover{background:#ffffff4d;transform:rotate(90deg)}.chatbot-messages{flex:1;padding:var(--space-md);overflow-y:auto;background:var(--color-surface-hover);display:flex;flex-direction:column;gap:var(--space-sm)}.chatbot-messages::-webkit-scrollbar{width:4px}.chatbot-messages::-webkit-scrollbar-track{background:transparent}.chatbot-messages::-webkit-scrollbar-thumb{background:var(--color-border-weak);border-radius:var(--radius-full)}.message{display:flex;gap:var(--space-sm);align-items:flex-end;animation:messageIn .3s var(--ease-out)}.message-user{flex-direction:row-reverse}.message-avatar{width:28px;height:28px;border-radius:var(--radius-full);background:var(--color-white);border:1px solid var(--color-border-weak);flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.message-bubble{max-width:80%;padding:10px 14px;border-radius:var(--radius-md);line-height:1.5;font-size:var(--text-sm)}.message-bot .message-bubble{background:var(--color-surface);color:var(--text-main);border-bottom-left-radius:var(--radius-xs);box-shadow:0 4px 16px var(--stoody-green-soft),var(--shadow-sm);border:1px solid rgba(72,187,120,.2)}.message-user .message-bubble{background:var(--stoody-blue);color:var(--color-white);border-bottom-right-radius:var(--radius-xs);box-shadow:0 6px 20px var(--stoody-blue-soft),0 2px 8px var(--stoody-blue-soft)}.chatbot-input-area{padding:var(--space-md);background:var(--color-surface);border-top:1px solid var(--color-border-weak);display:flex;gap:var(--space-sm)}.chatbot-input{flex:1;padding:var(--space-xs) var(--space-md);border:1px solid var(--color-border-weak);border-radius:var(--radius-full);font-size:var(--text-sm);outline:none;transition:all .3s var(--ease-out);background-color:var(--color-surface-hover);color:var(--text-main)}.chatbot-input:focus{border-color:var(--stoody-blue);background-color:var(--color-surface);box-shadow:0 0 0 3px var(--stoody-blue-soft)}.chatbot-send-button{background:var(--gradient-stoody);color:var(--color-white);border:none;width:36px;height:36px;border-radius:var(--radius-full);cursor:pointer;transition:all .3s var(--ease-out);display:flex;align-items:center;justify-content:center}.chatbot-send-button:hover{transform:scale(1.1);box-shadow:0 4px 12px var(--stoody-green-soft)}.chatbot-send-button:active{transform:scale(.95)}.chatbot-modal-overlay.focus{position:fixed!important;inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!important;width:90%;max-width:800px;height:80vh;max-height:700px;z-index:2105!important;box-shadow:0 25px 50px -12px #00000080;animation:scaleIn .4s ease;background:transparent}.chatbot-modal-overlay.focus .chatbot-modal{width:100%;height:100%}.chatbot-modal-overlay.focus .chatbot-header{padding:30px}.chatbot-modal-overlay.focus .chatbot-avatar{width:80px;height:80px}.chatbot-modal-overlay.focus .chatbot-header h3{font-size:1.5rem}.chatbot-modal-overlay.focus .message-bubble{font-size:1.1rem;padding:16px 24px}.chatbot-embedded-form{background:#f1f5f9;padding:20px;border-radius:12px;margin:10px 0;border:1px solid #e2e8f0;animation:slideInUp .3s ease}.chatbot-embedded-form h4{margin-top:0;margin-bottom:15px;color:#475569}.chatbot-form-group{margin-bottom:15px}.chatbot-form-group label{display:block;margin-bottom:5px;font-size:.9rem;color:#64748b}.chatbot-form-group input{width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:8px;font-size:1rem;background-color:#fff;color:#334155}.form-submit-btn{width:100%;padding:12px;background:var(--gradient-blue-green);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:opacity .2s}.form-submit-btn:hover{opacity:.9}.secure-submit-btn{background:var(--gradient-blue-green)!important;color:#fff!important;box-shadow:0 4px 12px var(--color-primary-soft)}@media(max-width:768px){.chatbot-modal-overlay{position:fixed;inset:0;background:transparent!important;display:flex;align-items:flex-end;justify-content:center;padding:0}.chatbot-modal{width:100%;max-width:100%;height:85vh;max-height:none;border-radius:24px 24px 0 0}.chatbot-mascot{width:90px;height:90px;bottom:20px;right:20px}.chatbot-mascot-peeking{display:none}.chatbot-input-area{padding:12px 16px;gap:8px}.chatbot-input{font-size:.9rem;padding:10px 14px}.chatbot-send-button{width:40px;height:40px;flex-shrink:0}.chatbot-modal-overlay.focus{height:100vh;height:100dvh;max-height:none}}.chatbot-mascot.first-login{width:120px;height:120px;transform:scale(1);animation:breathe 3s ease-in-out infinite,gentleBounce 4s ease-in-out infinite;filter:drop-shadow(0 10px 30px rgba(157,80,187,.4))}.message-bubble ul,.message-bubble ol{margin:8px 0;padding-left:20px}.message-bubble li{margin-bottom:4px}.message-bubble strong{font-weight:700;color:var(--stoody-green)}.message-bubble p{margin-top:0;margin-bottom:8px}.message-bubble p:last-child{margin-bottom:0}@media(max-width:480px){.chatbot-modal{height:90vh;height:90dvh;border-radius:20px 20px 0 0}.message-bubble{max-width:85%;font-size:.95rem}.chatbot-header,.chatbot-messages{padding:16px}}.chatbot-disclaimer{font-size:.55rem;color:#94a3b8;text-align:center;padding:2px 8px;background:#f8fafc;border-top:1px solid #e2e8f0;line-height:1.1}.unread-marker{display:flex;align-items:center;justify-content:center;margin:20px 0;position:relative;width:100%}.unread-marker:before{content:"";position:absolute;left:0;right:0;height:1px;background:#ef4444;opacity:.3;z-index:1}.unread-marker span{background:#fee2e2;color:#ef4444;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;position:relative;z-index:2;border:1px solid #fecaca}.jump-to-bottom-btn{position:absolute;bottom:90px;right:30px;width:28px;height:28px;background:var(--color-surface);color:var(--stoody-green);border:1px solid rgba(72,187,120,.3);border-radius:50%;box-shadow:0 4px 12px var(--stoody-green-soft);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;z-index:2110;transition:all .3s cubic-bezier(.175,.885,.32,1.275);animation:slideInUp .3s ease}.jump-to-bottom-btn:hover{transform:translateY(-5px) scale(1.1);background:var(--gradient-stoody);color:#fff;border-color:transparent}.chatbot-modal-overlay.focus .jump-to-bottom-btn{bottom:110px;right:40px}.chatbot-theme-parent .chatbot-modal{background:#fffffff2;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(15,23,42,.08);box-shadow:0 24px 64px #00000014,0 8px 24px #0f172a0d,inset 0 1px #fff;border-radius:24px}.chatbot-theme-parent .chatbot-header{background:linear-gradient(135deg,#eff6ff,#f0fdf4);border-bottom:1px solid rgba(15,23,42,.05);color:#0f172a;padding:16px 20px}.chatbot-theme-parent .chatbot-close,.chatbot-theme-parent .btn-toggle-mode{color:#64748b;background:#0f172a0d}.chatbot-theme-parent .chatbot-close:hover,.chatbot-theme-parent .btn-toggle-mode:hover{color:#0f172a;background:#0f172a1a}.chatbot-theme-parent .chatbot-header h3{font-weight:700;letter-spacing:-.01em;font-size:1.1rem;color:#0f172a;text-shadow:none;margin-bottom:2px}.chatbot-theme-parent .chatbot-header-subtitle{font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;color:#64748b;display:flex;align-items:center;gap:6px}.chatbot-theme-parent .status-online{color:var(--stoody-green);text-shadow:0 0 6px rgba(16,185,129,.5);font-size:.5rem}.chatbot-theme-parent .chatbot-avatar{filter:drop-shadow(0 4px 8px rgba(15,23,42,.08));border:1px solid rgba(15,23,42,.05);box-shadow:inset 0 0 20px #00000005}.chatbot-theme-parent .chatbot-messages{background:transparent}.chatbot-theme-parent .message-bubble{font-weight:400;letter-spacing:.01em;box-shadow:none;color:#0f172a}.chatbot-theme-parent .message-bot .message-bubble{background:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(59,130,246,.15);color:#0f172a;box-shadow:0 8px 32px #3b82f626,inset 0 1px #fff}.chatbot-theme-parent .message-bot .message-bubble strong{color:#2563eb;text-shadow:none;font-weight:600}.chatbot-theme-parent .message-user .message-bubble{background:linear-gradient(135deg,#3b82f6,#2563eb);border:1px solid rgba(255,255,255,.1);color:#fff;box-shadow:0 10px 30px #10b98159,inset 0 1px #fff3}.chatbot-theme-parent .chatbot-input-area{background:#fffc;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);padding:10px 16px;border-radius:40px;border:1px solid rgba(15,23,42,.06);box-shadow:inset 0 2px 4px #00000005,0 8px 32px #0f172a14;transition:var(--transition);margin:8px 16px 4px;display:flex;position:relative;z-index:10;align-items:center}.chatbot-theme-parent .chatbot-disclaimer{background:transparent;border-top:none;color:#94a3b8;padding-top:4px;padding-bottom:12px}.chatbot-theme-parent .chatbot-input{background:transparent;color:#0f172a;font-size:.95rem;border:none;padding:8px 12px;border-radius:0}.chatbot-theme-parent .chatbot-input:focus{box-shadow:none;outline:none;background:transparent}.chatbot-theme-parent .chatbot-input-area input{color:#0f172a;background:transparent}.chatbot-theme-parent .chatbot-input-area input::placeholder{color:#94a3b8}.chatbot-theme-parent .chatbot-send-button{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border:1px solid rgba(255,255,255,.4);box-shadow:0 4px 12px #3b82f64d;cursor:pointer;flex-shrink:0;margin-left:8px}.chatbot-theme-parent .chatbot-send-button:hover:not(:disabled){background:linear-gradient(135deg,#60a5fa,#3b82f6);transform:translateY(-1px) scale(1.05);box-shadow:0 6px 16px #3b82f666}.chatbot-theme-parent .chatbot-send-button:disabled{opacity:.5;background:#e2e8f0;box-shadow:none;cursor:not-allowed;color:#94a3b8;border:none}.chatbot-theme-parent .chatbot-disclaimer{color:#94a3b8;margin-bottom:8px}.chatbot-theme-parent .chatbot-messages::-webkit-scrollbar-thumb{background:#0f172a1a;border-radius:4px}.chatbot-theme-parent .chatbot-messages::-webkit-scrollbar-thumb:hover{background:#0f172a33}.chatbot-theme-parent .chatbot-messages::-webkit-scrollbar-track{background:transparent}.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #777;--xy-background-pattern-lines-color-default: #777;--xy-background-pattern-cross-color-default: #777;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}.sm-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--color-overlay-dark);display:flex;justify-content:center;align-items:center;z-index:var(--z-modal);animation:smModalFadeIn .3s var(--ease-out)}.sm-modal-content{background:var(--color-surface);width:95%;max-width:550px;max-height:90vh;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);position:relative;overflow-y:auto;overflow-x:hidden;animation:smModalSlideUp .4s var(--ease-out);border:1px solid var(--color-border-weak)}.sm-modal-close{position:absolute;top:var(--space-md);right:var(--space-md);background:var(--color-surface-hover);border:none;width:36px;height:36px;border-radius:var(--radius-full);font-size:1.5rem;cursor:pointer;display:flex;justify-content:center;align-items:center;color:var(--text-muted);transition:all .2s var(--ease-out);z-index:10}.sm-modal-close:hover{background:var(--color-border-weak);color:var(--text-main)}.sm-modal-header{background:linear-gradient(to bottom,var(--color-body-bg) 0%,var(--color-surface) 100%);padding:var(--space-xl);display:flex;gap:var(--space-lg);align-items:center;border-bottom:1px solid var(--color-border-weak)}.sm-modal-shield-wrap{flex-shrink:0}.sm-modal-shield-wrap .sm-shield{width:100px;height:115px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--color-surface);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);border:4px solid var(--color-white)}.sm-modal-shield-wrap.active .sm-shield{border-color:var(--color-success);background:var(--color-success-soft)}.sm-modal-shield-wrap.completed .sm-shield{border-color:var(--color-warning);background:var(--color-warning-soft)}.sm-modal-shield-wrap .sm-shield img{width:70px;height:70px;object-fit:contain}.sm-fallback-icon{font-size:3.5rem!important}.sm-modal-header-text h2{margin:5px 0;font-size:var(--text-2xl);color:var(--text-main);font-weight:800}.sm-modal-cat{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);font-weight:700}.sm-modal-body{padding:var(--space-xl)}.sm-modal-section{margin-bottom:var(--space-xl)}.sm-modal-section h3{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:var(--space-sm);font-weight:700}.sm-modal-section p{color:var(--text-main);line-height:1.6;font-size:var(--text-md)}.sm-modal-section.superpower{background:var(--color-primary-soft);padding:var(--space-lg);border-radius:var(--radius-md);border-left:4px solid var(--color-primary)}.sm-modal-section.unlocks{background:var(--color-success-soft);padding:var(--space-lg);border-radius:var(--radius-md);border-left:4px solid var(--color-success)}.sm-milestones-list{display:flex;flex-direction:column;gap:var(--space-md)}.sm-milestone-item{background:var(--color-surface-hover);padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--color-border-weak)}.sm-milestone-item.completed{border-color:var(--color-success-soft);background:var(--color-success-soft)}.sm-milestone-info{display:flex;justify-content:space-between;margin-bottom:var(--space-sm);font-weight:600;font-size:var(--text-sm)}.sm-m-name{color:var(--text-main)}.sm-m-values{color:var(--text-muted)}.sm-m-progress-bg{height:8px;background:var(--color-border-weak);border-radius:var(--radius-full);overflow:hidden}.sm-m-progress-fill{height:100%;background:var(--gradient-primary);transition:width .5s var(--ease-out)}.completed .sm-m-progress-fill{background:var(--color-success)}.sm-status-row{display:flex;align-items:center;gap:var(--space-md);margin-top:var(--space-xs)}.sm-status-tag{display:inline-block;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:1.5px;padding:2px 10px;border-radius:var(--radius-full);background:var(--color-surface-hover);color:var(--text-muted);font-weight:800}.sm-math-breakdown{display:flex;align-items:center;gap:8px;font-size:var(--text-xs);font-weight:600;color:var(--text-muted);background:var(--color-surface);padding:2px 10px;border-radius:var(--radius-full);border:1px dashed var(--color-border-weak)}.sm-math-sep{opacity:.3}.sm-status-tag.active{background:var(--color-success-soft);color:var(--color-success-strong)}.sm-status-tag.completed{background:var(--color-warning-soft);color:var(--color-warning-strong)}.sm-modal-footer{padding:0 var(--space-xl) var(--space-xl)}.sm-btn-activate{width:100%;padding:var(--space-md);background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--text-lg);font-weight:700;cursor:pointer;transition:all .3s var(--ease-out);box-shadow:var(--shadow-md)}.sm-btn-activate:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg);filter:brightness(1.1)}.sm-btn-activate:disabled{opacity:.5;cursor:not-allowed}.sm-btn-close-footer{width:100%;padding:var(--space-md);background:var(--color-surface-hover);color:var(--text-muted);border:none;border-radius:var(--radius-md);font-size:var(--text-md);font-weight:600;cursor:pointer;transition:all .2s}@keyframes smModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes smModalSlideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.ds-loader{display:inline-block;animation:ds-spin 1s linear infinite}@keyframes ds-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ds-loader__svg{display:block;width:100%;height:100%}.ds-loader__track{opacity:.25}.ds-loader__indicator{opacity:.75}.ds-loader--sm{width:1rem;height:1rem}.ds-loader--md{width:1.5rem;height:1.5rem}.ds-loader--lg{width:2.5rem;height:2.5rem}.ds-loader--xl{width:4rem;height:4rem}.ds-loader--primary{color:var(--color-primary, #4f46e5)}.ds-loader--white{color:#fff}.ds-loader--neutral{color:var(--color-text-secondary, #64748b)}:root{--sm-glow-completed: var(--color-warning-soft);--sm-glow-active: var(--color-success-soft);--sm-glow-available: var(--color-primary-soft);--sm-glow-future: rgba(0, 0, 0, .03);--level-header-line: var(--color-success)}.sm-wrapper{width:100vw;height:100vh;background:var(--gradient-portal-bg);color:var(--text-main);font-family:var(--font-body);overflow:hidden;position:relative;display:flex;flex-direction:column}.sm-flow-container{flex:1;width:100%;height:100%}.react-flow__background{background-color:transparent}.react-flow__controls{box-shadow:var(--shadow-md);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border-weak);background:var(--color-surface)}.react-flow__controls-button{background:transparent!important;border-bottom:1px solid var(--color-border-weak)!important;color:var(--text-main)!important}.react-flow__controls-button:hover{background:var(--color-surface-hover)!important}.sm-header{position:absolute;top:0;left:0;width:100%;padding:var(--space-xl);text-align:center;z-index:100;pointer-events:none;background:linear-gradient(to bottom,var(--bg-glass-strong),transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sm-header h1{font-size:var(--text-3xl);color:var(--color-primary);margin:0;font-weight:900;letter-spacing:-.5px;text-shadow:var(--shadow-text)}.sm-header p{font-size:var(--text-md);color:var(--color-primary-strong);margin:var(--space-xs) 0 0;font-weight:500}.sm-back-btn{position:absolute;top:var(--space-xl);left:var(--space-xl);background:var(--color-surface);border:1px solid var(--color-border-weak);color:var(--text-main);font-size:var(--text-sm);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);cursor:pointer;transition:all .3s var(--ease-out);z-index:110;font-weight:600;box-shadow:var(--shadow-sm);pointer-events:auto}.sm-back-btn:hover{box-shadow:var(--shadow-md);transform:translate(-5px);border-color:var(--color-primary);color:var(--color-primary)}.sm-level-header-flow{text-align:center;width:1000px;pointer-events:none;display:flex;flex-direction:column;align-items:center}.lvl-number{display:inline-block;padding:6px 16px;background:var(--color-surface-hover);color:var(--text-muted);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:3px;margin-bottom:var(--space-md);border:1px solid var(--color-border-weak)}.sm-level-header-flow h3{font-size:var(--text-3xl);color:var(--text-main);margin:0 0 var(--space-sm);font-family:var(--font-display);font-weight:800;letter-spacing:-1px}.sm-level-header-flow p{font-size:var(--text-md);color:var(--text-muted);max-width:700px;margin:0 auto;font-style:italic;line-height:1.6}.sm-level-line{width:300px;height:1px;background:linear-gradient(to right,transparent,var(--level-header-line),transparent);margin-top:var(--space-lg)}.sm-node-flow{width:220px;display:flex;flex-direction:column;align-items:center;transition:all .4s var(--ease-out);cursor:default}.sm-node-flow.available{cursor:pointer}.sm-node-flow.available:hover{transform:scale(1.05)}.sm-shield{width:110px;height:130px;background:var(--color-surface);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:flex;align-items:center;justify-content:center;position:relative;border:3px solid var(--color-white);transition:all .4s ease;box-shadow:var(--shadow-md);z-index:2}.sm-shield img{width:70px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.05));position:relative;z-index:3}.sm-fallback-icon{font-size:4rem;line-height:1;display:flex;justify-content:center;align-items:center;width:100%;height:100%;-webkit-user-select:none;user-select:none;padding-bottom:5px;filter:drop-shadow(0 4px 0px rgba(0,0,0,.1))}.sm-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150px;height:180px;filter:blur(40px);z-index:1;border-radius:50%;opacity:.5;transition:all .5s ease;background:radial-gradient(circle,var(--color-primary-soft) 0%,transparent 70%)}.sm-node-flow.completed .sm-shield{border-color:var(--color-warning);background:linear-gradient(135deg,var(--color-white) 0%,var(--color-warning-soft) 100%);box-shadow:0 10px 25px var(--color-warning-soft)}.sm-node-flow.completed .sm-glow{background:radial-gradient(circle,var(--color-warning-soft) 0%,transparent 70%)}.sm-node-flow.active .sm-shield{border-color:var(--color-success);background:linear-gradient(135deg,var(--color-white) 0%,var(--color-success-soft) 100%);scale:1.15;box-shadow:0 15px 40px var(--color-success-soft),0 0 20px var(--color-success);z-index:10}.sm-node-flow.active .sm-status-tag{background:var(--color-success-soft);color:var(--color-success-strong);font-weight:900}.sm-node-flow.active .sm-glow{background:radial-gradient(circle,var(--color-success-soft) 0%,transparent 70%);opacity:.8}.sm-node-flow.available .sm-shield{border-color:var(--skill-available);border-style:dashed}.sm-node-flow.available:hover .sm-shield{background:var(--color-success-soft);border-style:solid;transform:translateY(-5px)}.sm-node-flow.future{opacity:.65;filter:grayscale(.7)}.sm-info{text-align:center;margin-top:15px;width:100%}.sm-info h4{margin:0;font-size:var(--text-sm);font-weight:700;color:var(--text-main)}.sm-status-tag{display:inline-block;margin-top:5px;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:1.5px;padding:2px 10px;border-radius:var(--radius-full);background:var(--color-surface-hover);color:var(--text-muted);font-weight:800}.sm-node-flow.completed .sm-status-tag{background:var(--color-warning-soft);color:var(--color-warning-strong)}.sm-score-text{margin-left:8px;color:var(--color-success);font-weight:800;font-size:var(--text-xs)}.sm-edge-path{fill:none}.sm-edge-path.active{stroke:var(--color-success);stroke-width:8;stroke-dasharray:0;filter:drop-shadow(0 0 8px var(--color-success-soft))}.sm-edge-path.future{stroke:#334155;stroke-width:7;stroke-dasharray:14 8;opacity:.85}.sm-navigation-controls{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5}.sm-nav-arrow{position:absolute;background:var(--color-surface);border:1px solid var(--color-border-weak);color:var(--color-primary);width:48px;height:48px;border-radius:var(--radius-full);display:flex;justify-content:center;align-items:center;font-size:1.2rem;cursor:pointer;pointer-events:auto;transition:all .3s var(--ease-out);box-shadow:var(--shadow-sm);outline:none;z-index:10}.sm-nav-arrow:hover{background:var(--color-surface-hover);transform:scale(1.15);box-shadow:var(--shadow-md);color:var(--color-primary-strong);border-color:var(--color-primary)}.sm-nav-arrow:active{transform:scale(.95)}.sm-nav-up{top:130px;left:50%;transform:translate(-50%)}.sm-nav-down{bottom:30px;left:50%;transform:translate(-50%)}.sm-nav-left{top:50%;left:40px;transform:translateY(-50%)}.sm-nav-right{top:50%;right:40px;transform:translateY(-50%)}.sm-nav-up:hover,.sm-nav-down:hover{transform:translate(-50%) scale(1.15)}.sm-nav-left:hover,.sm-nav-right:hover{transform:translateY(-50%) scale(1.15)}@media(max-width:768px){.sm-nav-arrow{width:35px;height:35px;font-size:1rem}.sm-nav-left{left:10px}.sm-nav-right{right:10px}}.beta-assistant-container{position:fixed;bottom:30px;left:60px;z-index:9999;font-family:Poppins,sans-serif}.beta-fab{width:65px;height:65px;border-radius:50%;background:linear-gradient(135deg,#6e8efb,#a777e3);border:none;box-shadow:0 4px 15px #0000004d;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;padding:0}.beta-fab:hover{transform:scale(1.1) rotate(5deg)}.beta-fab.active{transform:scale(.9);background:#444}.beta-icon{font-size:30px}.beta-badge{position:absolute;top:-5px;right:-5px;background:#ff4b2b;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;letter-spacing:1px}.beta-panel{position:absolute;bottom:80px;left:0;width:320px;background:#fff;border-radius:20px;box-shadow:0 10px 40px #0003;overflow:hidden;animation:slideUp .3s ease-out;color:#333}.beta-header{background:#f8f9fa;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee}.beta-header h3{margin:0;font-size:16px;color:#444;font-weight:600}.beta-header button{background:none;border:none;font-size:24px;cursor:pointer;color:#999}.beta-content{padding:20px}.beta-menu p{font-size:14px;line-height:1.5;margin-bottom:20px}.beta-btn{width:100%;padding:12px;background:#6e8efb;color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:background .2s}.beta-btn:hover{background:#5a7be2}.beta-hint{margin-top:15px;text-align:center;color:#888}.beta-feedback-form{display:flex;flex-direction:column;gap:12px}.beta-feedback-form label{font-size:13px;font-weight:600;color:#666}.beta-feedback-form select,.beta-feedback-form textarea{padding:10px;border:1px solid #ddd;border-radius:8px;font-size:14px}.beta-feedback-form textarea{height:100px;resize:none}.beta-form-actions{display:flex;gap:10px;margin-top:5px}.beta-form-actions button{flex:1;padding:10px;border-radius:8px;font-weight:600;cursor:pointer}.beta-form-actions button[type=button]{background:#eee;border:none;color:#666}.beta-form-actions button[type=submit]{background:#333;border:none;color:#fff}.beta-form-actions button:disabled{opacity:.5;cursor:not-allowed}.beta-success{margin-top:10px;color:#28a745;font-size:13px;text-align:center;font-weight:600}.beta-reactions{margin-bottom:20px;padding:12px;background:#fdfdfd;border:1px dashed #ddd;border-radius:12px}.beta-reactions p{margin:0 0 10px;font-size:13px;color:#666;font-weight:600}.emoji-row{display:flex;justify-content:space-around;gap:8px}.emoji-btn{background:#fff;border:1px solid #eee;border-radius:10px;font-size:24px;padding:8px;cursor:pointer;transition:all .2s;flex:1;display:flex;align-items:center;justify-content:center}.emoji-btn:hover{transform:scale(1.15);background:#f0f4ff;border-color:#6e8efb;box-shadow:0 4px 10px #0000000d}.beta-sentiment-form p{font-size:14px;margin-bottom:12px;color:#444}.beta-sentiment-form textarea{width:100%;height:80px;padding:10px;border:1px solid #ddd;border-radius:8px;margin-bottom:12px;font-family:inherit;resize:none}.conversion-btn{margin-top:15px!important;background:linear-gradient(135deg,#28a745,#218838)!important;font-weight:700!important;letter-spacing:.5px;box-shadow:0 4px 12px #28a7454d}.conversion-btn:hover{background:linear-gradient(135deg,#218838,#1e7e34)!important;transform:translateY(-2px);box-shadow:0 6px 15px #28a74566}.beta-conversion-success{text-align:center;padding:10px 0;animation:fadeIn .5s ease-out}.success-icon{font-size:50px;margin-bottom:10px}.beta-conversion-success h4{margin:0 0 8px;color:#28a745;font-size:18px}.beta-conversion-success p{font-size:13px;color:#666;margin-bottom:15px}.discount-card{background:linear-gradient(135deg,#f0fff4,#e6ffed);border:2px dashed #28a745;border-radius:12px;padding:15px;margin-bottom:20px;box-shadow:0 4px 10px #28a7451a}.card-label{font-size:10px;font-weight:800;color:#218838;letter-spacing:1px;margin-bottom:10px}.code-row{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:8px}.promo-code{font-size:24px;font-family:Courier New,monospace;font-weight:700;color:#28a745;background:#fff;padding:4px 12px;border-radius:6px;box-shadow:inset 0 2px 4px #0000000d}.copy-btn{background:#28a745;border:none;color:#fff;width:32px;height:32px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:14px}.copy-btn:hover{transform:scale(1.1);background:#218838}.copy-btn.copied{background:#444}.card-hint{font-size:11px;color:#666;font-style:italic}.redirect-msg{font-size:11px;color:#888;margin-top:15px}.beta-pricing-feedback{margin:15px 0;padding:12px;background:#fdfdfd;border:1px dashed #ddd;border-radius:12px}.pricing-label{margin:0 0 10px;font-size:13px;color:#666;font-weight:600;display:flex;align-items:center;gap:6px}.pricing-label strong{color:#444;font-size:14px}.info-icon{cursor:help;font-size:14px;opacity:.7;transition:opacity .2s}.info-icon:hover{opacity:1}.pricing-input{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:16px;font-weight:600;color:#6e8efb;background:#fff;transition:all .2s}.pricing-input:focus{outline:none;border-color:#6e8efb;box-shadow:0 0 0 2px #6e8efb1a}.pricing-input::placeholder{color:#ccc;font-weight:400}.updating-loader{font-size:11px;color:#6e8efb;margin-top:5px;display:block;font-weight:500}.beta-reports-list{display:flex;flex-direction:column;height:100%}.reports-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.refresh-btn{background:none;border:none;font-size:18px;cursor:pointer;padding:5px;transition:transform .3s}.refresh-btn:hover{transform:rotate(180deg)}.reports-search{width:100%;padding:8px 12px;border:1px solid #eee;border-radius:8px;font-size:13px;margin-bottom:15px;outline:none}.reports-search:focus{border-color:#6e8efb}.reports-scroll-area{flex:1;overflow-y:auto;margin-bottom:15px;max-height:250px;padding-right:5px}.reports-scroll-area::-webkit-scrollbar{width:4px}.reports-scroll-area::-webkit-scrollbar-track{background:#f1f1f1}.reports-scroll-area::-webkit-scrollbar-thumb{background:#ddd;border-radius:10px}.reports-scroll-area::-webkit-scrollbar-thumb:hover{background:#ccc}.report-card{background:#fdfdfd;border:1px solid #eee;border-radius:10px;padding:12px;margin-bottom:10px;transition:all .2s}.report-card:hover{border-color:#6e8efb;box-shadow:0 4px 10px #0000000d}.report-card-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:8px}.report-type-tag{font-size:10px;font-weight:700;text-transform:uppercase;padding:2px 6px;border-radius:4px}.type-bug{background:#fff5f5;color:#e53e3e;border:1px solid #feb2b2}.type-suggestion{background:#ebf8ff;color:#3182ce;border:1px solid #90cdf4}.type-difficulty{background:#fffaf0;color:#dd6b20;border:1px solid #fbd38d}.type-reaction{background:#f0fff4;color:#38a169;border:1px solid #9ae6b4}.report-status-badge{font-size:9px;font-weight:600;padding:1px 5px;border-radius:10px;background:#eee;color:#666}.status-REPORTED{background:#e2e8f0;color:#4a5568}.status-FIXED{background:#c6f6d5;color:#22543d}.status-ANALYSIS{background:#feebc8;color:#744210}.status-DISCARDED{background:#fed7d7;color:#822727}.status-THANKS{background:#ebf4ff;color:#5a67d8;border:1px solid #c3dafe;font-weight:800}.report-content{font-size:12px;color:#444;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:8px}.report-footer{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#999}.no-reports-msg{text-align:center;padding:30px 10px;color:#999;font-size:13px}.reports-controls{margin-bottom:12px;display:flex;flex-direction:column;gap:8px}.filter-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.type-filter{flex:1;padding:6px 10px;border-radius:8px;border:1px solid #ddd;font-size:13px;background:#fff;outline:none;cursor:pointer}.finalized-toggle{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:11px;color:#444;white-space:nowrap;background:#f0f4ff;padding:6px 8px;border-radius:6px;border:1px solid #d1d5db}.finalized-toggle input{margin:0;width:auto;cursor:pointer}.toggle-label{font-weight:500}.load-more-btn{width:100%;padding:12px;margin:10px 0;background:#f3f4f6;border:1px dashed #d1d5db;border-radius:10px;color:#4b5563;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.02em}.load-more-btn:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af;color:#1f2937;transform:translateY(-1px)}.load-more-btn:disabled{opacity:.5;cursor:wait}.thanks-pioneer{font-size:11px;color:#6e8efb;text-align:center;margin-top:10px;font-style:italic;opacity:.8}@media(max-width:600px){.beta-assistant-container{bottom:20px;left:20px}.beta-fab{width:52px!important;height:52px!important}.beta-icon{font-size:24px!important}}.community-container{padding:20px 40px 100px;max-width:1200px;margin:0 auto;color:var(--color-text-primary);min-height:100vh;animation:fadeIn .8s ease}.community-background{position:fixed;inset:0;background:var(--color-body-bg);z-index:-1}.community-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;background:var(--color-surface);padding:40px;border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-lg)}.header-info h1{font-size:2.8rem;margin:0;background:var(--branding-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-family:var(--font-heading);font-weight:700}.header-info p{margin:10px 0 0;font-size:1.1rem;color:var(--color-text-secondary);font-weight:500}.notification-wrapper{position:relative}.notification-trigger{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-primary);font-size:1.5rem;padding:15px;border-radius:var(--radius-full);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.notification-trigger:hover{transform:translateY(-3px) scale(1.05);box-shadow:var(--shadow-md);background:var(--color-surface-dim)}.unread-badge{position:absolute;top:-2px;right:-2px;background:var(--color-error);color:#fff;font-size:.75rem;padding:4px 8px;border-radius:var(--radius-full);font-weight:700;border:2px solid var(--color-surface);box-shadow:var(--shadow-sm)}.notifications-dropdown{position:absolute;top:75px;right:0;width:350px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);z-index:1000;padding:20px;animation:fadeInDown .3s cubic-bezier(.4,0,.2,1)}.notifications-dropdown h3{margin:0 0 15px;font-size:1.2rem;color:var(--color-text-primary);font-family:var(--font-heading);border-bottom:2px solid var(--color-border-weak);padding-bottom:12px}.notif-list{max-height:350px;overflow-y:auto;padding-right:5px}.notif-list::-webkit-scrollbar{width:6px}.notif-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm)}.notif-item{padding:15px;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s;margin-bottom:10px;border-left:4px solid transparent;background:var(--color-body-bg)}.notif-item.unread{background:var(--color-primary-soft);border-left-color:var(--color-primary)}.notif-item:hover{background:var(--color-surface-hover);transform:translate(5px)}.notif-item p{margin:0;font-size:.95rem;line-height:1.5;color:var(--color-text-primary)}.notif-item span{font-size:.8rem;color:var(--color-text-secondary);display:block;margin-top:8px;font-weight:500}.topics-section h2{font-size:2rem;margin-bottom:30px;color:var(--color-text-primary);font-family:var(--font-heading);display:flex;align-items:center;gap:12px}.topics-section h2:after{content:"";flex:1;height:2px;background:linear-gradient(90deg,var(--color-border) 0%,transparent 100%)}.topics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:30px}.topic-card{background:var(--bg-card);border:1px solid var(--color-border);padding:30px;border-radius:var(--radius-lg);cursor:pointer;transition:all .4s ease;position:relative;overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.topic-card:hover{background:#fff;transform:translateY(-8px);border-color:var(--color-primary);box-shadow:var(--shadow-lg)}.topic-card.pinned{border-left:6px solid var(--color-primary)}.pinned-tag{position:absolute;top:0;right:0;background:var(--branding-gradient);color:#fff;font-size:.75rem;padding:6px 15px;border-bottom-left-radius:15px;font-weight:700;letter-spacing:1px;box-shadow:-2px 2px 5px #0000001a}.topic-card h3{margin:0 0 15px;font-size:1.4rem;line-height:1.35;color:var(--color-text-primary);font-family:var(--font-heading)}.topic-meta{display:flex;flex-wrap:wrap;gap:20px;font-size:.9rem;color:var(--color-text-secondary);margin-top:auto;padding-top:20px;border-top:1px solid var(--color-border-weak)}.topic-meta span{display:flex;align-items:center;gap:6px}.topic-points{color:var(--color-primary);font-weight:700;background:var(--color-primary-soft);padding:4px 10px;border-radius:var(--radius-md)}.community-loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.5rem;color:var(--color-text-primary);background:var(--color-body-bg)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.community-container{padding:20px}.community-header{flex-direction:column;text-align:center;padding:30px 20px;gap:25px}.header-info h1{font-size:2.2rem}.topics-grid{grid-template-columns:1fr;gap:20px}.topic-card{padding:25px}}.ds-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;background-color:var(--color-primary-soft, #e0e7ff);color:var(--color-primary, #4f46e5);font-weight:700;font-family:var(--font-primary, sans-serif);flex-shrink:0;border:2px solid var(--color-surface, #ffffff)}.ds-avatar__image{width:100%;height:100%;object-fit:cover}.ds-avatar__fallback{line-height:1}.ds-avatar--sm{width:2rem;height:2rem;font-size:.75rem}.ds-avatar--md{width:2.5rem;height:2.5rem;font-size:1rem}.ds-avatar--lg{width:3.5rem;height:3.5rem;font-size:1.25rem}.ds-avatar--xl{width:5rem;height:5rem;font-size:2rem}.ds-avatar__status{position:absolute;bottom:5%;right:5%;width:25%;height:25%;border-radius:50%;border:2px solid var(--color-surface, white)}.ds-avatar__status--online{background-color:var(--color-success, #22c55e)}.ds-avatar__status--offline{background-color:var(--color-text-tertiary, #94a3b8)}.ds-avatar__status--busy{background-color:var(--color-error, #ef4444)}.ds-avatar__status--away{background-color:var(--color-warning, #f59e0b)}.ds-badge{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-primary, sans-serif);font-weight:600;border-radius:9999px;white-space:nowrap;line-height:1;transition:all .2s ease}.ds-badge--sm{font-size:.75rem;padding:.125rem .5rem;height:1.25rem}.ds-badge--md{font-size:.875rem;padding:.25rem .75rem;height:1.5rem}.ds-badge--lg{font-size:1rem;padding:.375rem 1rem;height:2rem}.ds-badge--neutral{background-color:var(--color-surface-dim, #f1f5f9);color:var(--color-text-secondary, #64748b);border:1px solid var(--color-border, #e2e8f0)}.ds-badge--primary{background-color:var(--color-primary-soft, #e0e7ff);color:var(--color-primary, #4f46e5);border:1px solid transparent}.ds-badge--inverse{background-color:#fff3;color:var(--color-white);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.3)}.ds-badge--success{background-color:var(--color-success-soft, #dcfce7);color:var(--color-success, #16a34a);border:1px solid transparent}.ds-badge--warning{background-color:var(--color-warning-soft, #fef9c3);color:var(--color-warning, #d97706);border:1px solid transparent}.ds-badge--error{background-color:var(--color-error-soft, #fee2e2);color:var(--color-error, #dc2626);border:1px solid transparent}.ds-badge--info{background-color:var(--color-info-soft, #e0f2fe);color:var(--color-info, #0284c7);border:1px solid transparent}.glow-feature-container{position:relative;display:inline-block;width:fit-content}.glow-feature-badge{position:absolute;background:linear-gradient(135deg,#ff4d4d,#f9cb28);color:#fff;font-size:.65rem;font-weight:800;padding:2px 6px;border-radius:12px;z-index:10;box-shadow:0 2px 8px #ff4d4d66;animation:bounce 2s infinite ease-in-out;pointer-events:none;text-transform:uppercase;letter-spacing:.5px}.glow-feature-badge.top-right{top:-8px;right:-10px}.glow-feature-badge.top-left{top:-8px;left:-10px}.glow-feature-effect{position:relative;border-radius:inherit;animation:glow-pulse 2s infinite ease-in-out}@keyframes bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.05)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 5px #f9cb2833}50%{box-shadow:0 0 20px #f9cb2899}}.ph-wrapper{width:100%;margin-bottom:var(--space-xl);position:relative;z-index:1000!important}.theme-student .ph-header,.theme-parent .ph-header{position:relative;width:100%;height:80px;background:var(--branding-gradient);overflow:visible;border-bottom:1px solid rgba(255,255,255,.08)}.ph-skeleton-header{width:100%;height:80px;background:linear-gradient(90deg,var(--color-primary) 25%,var(--color-secondary) 50%,var(--color-primary) 75%);background-size:200% 100%;animation:ph-shimmer 1.5s infinite}.ph-decoration-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top;opacity:.45;z-index:0}.ph-header:after{content:"";position:absolute;inset:0;background:linear-gradient(to right,#0000008c,#0003,#00000073);pointer-events:none;z-index:1}.ph-content{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 var(--space-xl);gap:var(--space-md);top:unset;left:unset;transform:none;text-align:left;color:var(--color-white);text-shadow:0 1px 3px rgba(0,0,0,.6);width:100%;box-sizing:border-box}.ph-left-zone{display:flex;align-items:center;gap:var(--space-md);flex:0 0 auto;animation:ph-fadeInDown .6s ease both}.ph-avatar-wrapper{position:relative;flex-shrink:0}.ph-avatar-wrapper:before{content:"";position:absolute;inset:-3px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary) 0%,#22d3ee 100%);z-index:-1;opacity:.85}.ph-text-stack{display:flex;flex-direction:column;gap:2px}.ph-portal-label{font-size:.625rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#94a3b8e6;line-height:1;margin:0}.ph-greeting{font-size:1.2rem;font-weight:800;margin:0;color:var(--color-white);line-height:1.2;white-space:nowrap}.ph-badge-container{margin-top:2px}.ph-center-zone{flex:1 1 auto}.ph-controls{position:static;display:flex;align-items:center;gap:var(--space-sm);flex:0 0 auto;animation:ph-fadeInDown .6s ease .1s both}.ph-menu-toggle,.ph-notif-toggle{background:#ffffff1a;border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--color-white);font-size:1.2rem;width:44px;height:44px;border-radius:var(--radius-full);cursor:pointer;transition:all .25s var(--ease-out);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000040;position:relative}.ph-menu-toggle:hover,.ph-notif-toggle:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 6px 20px #00000059}.ph-subscription-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full);font-size:.7rem;font-weight:700;box-shadow:var(--shadow-sm)}.ph-subscription-badge.ph-trial{background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-accent) 100%);color:var(--color-white)}.ph-subscription-badge.ph-premium{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1a1100}.ph-subscription-badge.ph-beta{background:linear-gradient(135deg,var(--color-info) 0%,var(--color-primary) 100%);color:var(--color-white)}.ph-notif-badge{position:absolute;top:-5px;right:-5px;background:var(--color-danger);color:var(--color-white);font-size:.65rem;padding:2px 6px;border-radius:var(--radius-full);font-weight:700;border:2px solid var(--color-white)}.ph-notif-dropdown{position:absolute;top:60px;right:0;width:300px;background:var(--color-surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--color-border-weak);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-md);z-index:1000;animation:ph-fadeInDown .25s var(--ease-out)}.ph-menu-dropdown{position:absolute;top:56px;right:0;width:248px;background:#0f1428eb;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);box-shadow:0 8px 32px #00000073,0 0 0 1px #ffffff0a;padding:var(--space-xs);z-index:1100;animation:ph-fadeInDown .22s var(--ease-out);overflow:hidden}.ph-notif-dropdown h3{margin:0 0 var(--space-sm);font-size:var(--text-md);color:var(--text-main);border-bottom:1px solid var(--color-border-weak);padding-bottom:var(--space-xs)}.ph-notif-list{max-height:300px;overflow-y:auto}.ph-notif-item{padding:var(--space-sm);border-radius:var(--radius-md);margin-bottom:var(--space-xs);background:var(--color-surface-hover);transition:background .2s}.ph-notif-item.ph-unread{background:var(--color-primary-soft);border-left:3px solid var(--color-primary)}.ph-notif-item p{margin:0;font-size:var(--text-sm);color:var(--text-main);line-height:1.4}.ph-notif-item span{font-size:var(--text-xs);color:var(--text-muted);margin-top:4px;display:block}.ph-menu-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 8px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:4px}.ph-menu-title{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#ffffff73}.ph-menu-close{background:transparent;border:none;color:#fff6;cursor:pointer;width:24px;height:24px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all .15s ease;padding:0}.ph-menu-close:hover{background:#ffffff1a;color:var(--color-white)}.ph-menu-group{display:flex;flex-direction:column;gap:2px}.ph-menu-separator{height:1px;background:#ffffff12;margin:6px 8px}.ph-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;background:transparent;border:none;text-align:left;color:#ffffffbf;cursor:pointer;border-radius:var(--radius-md);transition:background .15s ease,color .15s ease,transform .15s ease;font-size:var(--text-sm);font-weight:500;line-height:1}.ph-menu-item:hover{background:#ffffff14;color:var(--color-white);transform:translate(2px)}.ph-menu-item-icon{flex-shrink:0;opacity:.7;transition:opacity .15s ease}.ph-menu-item:hover .ph-menu-item-icon{opacity:1}.ph-menu-item-label{flex:1}.ph-menu-item.ph-logout-btn{color:#f87171cc;margin-top:2px}.ph-menu-item.ph-logout-btn:hover{background:#ef44441f;color:#f87171}@keyframes ph-fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes ph-fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.ph-header{height:64px}.ph-portal-label{display:none}.ph-greeting{font-size:.8rem}.ph-menu-dropdown{width:220px}}.ph-toast{position:fixed;bottom:20px;right:20px;background:#333;color:#fff;padding:12px 24px;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:2000;animation:ph-slideInRight .3s ease-out;display:flex;align-items:center;gap:10px;font-size:.95rem}@keyframes ph-slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.topic-detail-container{padding:30px 40px 100px;max-width:1100px;margin:0 auto;color:var(--color-text-primary);min-height:100vh;animation:fadeIn .8s ease}.topic-detail-background{position:fixed;inset:0;background:var(--color-body-bg);z-index:-1}.topic-detail-container .back-btn{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-primary);cursor:pointer;font-size:.95rem;margin-bottom:30px;display:inline-flex;align-items:center;padding:12px 24px;border-radius:var(--radius-lg);font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm)}.topic-detail-container .back-btn:hover{transform:translate(-5px);background:var(--color-surface-hover);box-shadow:var(--shadow-md);color:var(--color-primary-dark)}.main-post{background:var(--bg-card);padding:40px;border-radius:var(--radius-xl);margin-bottom:40px;border:1px solid var(--color-border);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.main-post:before{content:"";position:absolute;top:0;left:0;width:6px;height:100%;background:var(--branding-gradient)}.main-post h1{font-size:2.5rem;margin:0 0 20px;color:var(--color-text-primary);font-family:var(--font-heading);font-weight:700;line-height:1.2}.post-meta{display:flex;flex-wrap:wrap;gap:20px;font-size:.95rem;color:var(--color-text-secondary);margin-bottom:35px;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--color-border-weak)}.post-meta .points{color:var(--color-primary);font-weight:700;background:var(--color-primary-soft);padding:4px 12px;border-radius:var(--radius-md)}.follow-btn{background:var(--branding-gradient);color:#fff;border:none;padding:10px 24px;border-radius:var(--radius-full);font-size:.9rem;font-weight:700;cursor:pointer;margin-left:auto;transition:all .3s;box-shadow:var(--shadow-sm)}.follow-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.follow-btn.following{background:var(--color-success);cursor:default;box-shadow:var(--shadow-sm)}.follow-btn.following:hover{transform:none}.post-content{font-size:1.15rem;line-height:1.8;white-space:pre-wrap;color:var(--color-text-primary)}.comments-section h2{margin:40px 0 30px;font-size:1.8rem;color:var(--color-text-primary);font-family:var(--font-heading)}.comment-form{margin-bottom:40px;background:var(--color-surface);padding:30px;border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-md)}.comment-form textarea{width:100%;background:var(--color-body-bg);border:2px solid var(--color-border);color:var(--color-text-primary);padding:18px;border-radius:var(--radius-lg);min-height:120px;margin-bottom:20px;font-family:inherit;font-size:1rem;resize:vertical;transition:all .3s}.comment-form textarea:focus{outline:none;border-color:var(--color-primary);background:#fff;box-shadow:0 0 0 4px var(--color-primary-soft)}.form-actions{display:flex;justify-content:flex-end;gap:15px}.submit-comment{background:var(--branding-gradient);color:#fff;border:none;padding:12px 30px;border-radius:var(--radius-full);font-weight:700;cursor:pointer;transition:all .3s;box-shadow:var(--shadow-md)}.submit-comment:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.cancel-reply{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);padding:12px 25px;border-radius:var(--radius-full);font-weight:600;cursor:pointer;transition:all .2s}.cancel-reply:hover{background:var(--color-surface-hover);border-color:var(--color-text-tertiary)}.comment-item{background:var(--bg-card);border:1px solid var(--color-border);padding:25px;border-radius:var(--radius-xl);margin-bottom:25px;box-shadow:var(--shadow-sm);transition:all .3s ease}.comment-item:hover{transform:translate(5px);border-color:var(--color-primary-soft)}.comment-header{margin-bottom:12px;display:flex;justify-content:space-between;font-size:.9rem;color:var(--color-text-secondary);font-weight:500}.comment-header .author{color:var(--color-primary);font-weight:700;font-size:1rem}.comment-content{line-height:1.65;margin-bottom:18px;color:var(--color-text-primary);font-size:1.05rem}.comment-footer{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:1px solid var(--color-border-weak)}.reactions{display:flex;gap:10px;flex-wrap:wrap}.reaction-btn{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);padding:6px 12px;border-radius:var(--radius-full);cursor:pointer;font-size:.9rem;transition:all .2s;display:flex;align-items:center;gap:6px;font-weight:600}.reaction-btn:hover{background:var(--color-surface-hover);border-color:var(--color-primary);transform:scale(1.05)}.reaction-btn.active{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary)}.reply-btn{background:none;border:none;color:var(--color-primary);font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s}.reply-btn:hover{opacity:.8;text-decoration:underline}.replies-list{margin-left:20px;margin-top:20px;border-left:2px solid var(--color-border-weak);padding-left:25px;display:flex;flex-direction:column;gap:10px}.inline-reply-form{margin-top:20px;padding:15px;background:var(--color-surface-dim);border-radius:var(--radius-lg);animation:slideDown .3s ease-out}.inline-reply-form .comment-form{margin-bottom:0;padding:10px;background:transparent;border:none;box-shadow:none}.submit-comment:disabled{opacity:.6;cursor:not-allowed;background:var(--color-border)}@media(max-width:768px){.topic-detail-container{padding:20px}.main-post{padding:25px}.main-post h1{font-size:1.8rem}.post-meta{gap:10px;font-size:.85rem}.replies-list{margin-left:10px;padding-left:15px}}.legal-page-wrapper{background-color:var(--color-surface-dim, #f8fafc);min-height:100vh;display:flex;flex-direction:column}.legal-main{padding:120px 20px 60px;flex:1}.legal-article-container{max-width:900px;margin:0 auto;background:var(--color-surface, #ffffff);padding:4rem;border-radius:var(--radius-xl, 24px);box-shadow:var(--shadow-lg, 0 10px 40px rgba(30, 41, 59, .05));color:var(--color-text-primary, #1e293b)}.legal-header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--color-border-weak, #e2e8f0);text-align:left}.legal-header h1{font-size:2.8rem;font-weight:800;color:var(--color-text-primary, #1e293b);margin:0;letter-spacing:-.02em}.last-updated{color:var(--color-text-tertiary, #64748b);font-size:.9rem;margin-top:.5rem}.legal-body-content{font-size:1.05rem;line-height:1.8;color:var(--color-text-secondary, #334155)!important}.legal-body-content h3{color:var(--color-primary, #2563eb);font-size:1.4rem;margin-top:2.5rem;margin-bottom:1rem;font-weight:700}.legal-body-content p{margin-bottom:1.2rem}.legal-body-content ul{list-style:disc;padding-left:1.5rem;margin-bottom:1.5rem}.legal-body-content li{margin-bottom:.8rem}.legal-body-content a{color:#2563eb;text-decoration:underline}.legal-article-footer{margin-top:5rem;padding-top:2rem;border-top:1px solid var(--color-border-weak, #e2e8f0);color:var(--color-text-tertiary, #64748b);font-size:.95rem}.back-link{display:inline-block;margin-top:1.5rem;color:#2563eb;font-weight:600;text-decoration:none;transition:transform .2s}.back-link:hover{transform:translate(-5px)}.legal-error-container{padding:150px 20px;text-align:center}@media(max-width:768px){.legal-main{padding-top:100px}.legal-article-container{padding:2rem;border-radius:0}.legal-header h1{font-size:2rem}}.cookie-banner{position:fixed;bottom:0;left:0;width:100%;background-color:var(--bg-light);border-top:1px solid #e2e8f0;box-shadow:0 -4px 20px #0000000d;padding:1rem 2rem;z-index:9999;animation:slideUp .5s ease-out}.cookie-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:2rem}.cookie-content p{margin:0;font-size:.9rem;color:var(--text-dark);line-height:1.5}.cookie-actions{display:flex;align-items:center;gap:1.5rem;flex-shrink:0}.cookie-link{color:var(--text-gray);font-size:.9rem;text-decoration:underline;transition:color .3s ease}.cookie-link:hover{color:var(--color-primary)}.cookie-btn{padding:8px 24px;font-size:.9rem}@media(max-width:768px){.cookie-content{flex-direction:column;gap:1rem;text-align:center}.cookie-actions{width:100%;justify-content:center;gap:2rem}}.cookie-link-btn{background:none;border:none;padding:0;font:inherit;cursor:pointer;color:var(--text-gray);text-decoration:underline;transition:color .3s ease;font-size:.9rem}.cookie-link-btn:hover{color:var(--color-primary)}.event-popup-overlay{position:fixed;inset:0;background:var(--color-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:fadeIn .3s var(--ease-out)}.event-popup-content{background:var(--color-surface);border-radius:var(--radius-xl);max-width:540px;width:90%;max-height:85vh;overflow-y:auto;position:relative;box-shadow:var(--shadow-xl);border:1px solid var(--color-border-weak);animation:slideUp .3s var(--ease-out)}.event-popup-close{position:absolute;top:var(--space-md);right:var(--space-md);background:var(--color-surface-hover);border:none;width:36px;height:36px;border-radius:var(--radius-full);font-size:20px;cursor:pointer;transition:all .3s var(--ease-out);display:flex;align-items:center;justify-content:center;color:var(--text-muted);border:1px solid var(--color-border-weak)}.event-popup-close:hover{background:var(--color-border-weak);transform:rotate(90deg);color:var(--text-main)}.event-popup-header{background:var(--gradient-primary);color:var(--color-white);padding:var(--space-xl);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.event-popup-header h2{margin:0;font-size:var(--text-2xl);font-weight:800}.event-popup-body{padding:var(--space-xl)}.event-detail{display:flex;gap:15px;margin-bottom:20px;align-items:flex-start}.event-detail:last-child{margin-bottom:0}.event-icon{font-size:1.5rem;flex-shrink:0}.event-detail strong{display:block;color:var(--text-main);margin-bottom:var(--space-xs);font-weight:700}.event-detail div{flex:1;color:var(--text-muted)}.event-description{margin-top:10px;line-height:1.6;white-space:pre-wrap;color:#475569}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:600px){.event-popup-content{width:95%;max-height:90vh}.event-popup-header{padding:20px}.event-popup-header h2{font-size:1.4rem}.event-popup-body{padding:20px}}.event-popup-actions{display:flex;gap:12px;padding:20px;border-top:1px solid #e2e8f0}.event-edit-button,.event-delete-button{flex:1;padding:12px;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem}.event-edit-button{background:linear-gradient(135deg,#00c6ff,#9d50bb);color:#fff}.event-edit-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #9d50bb4d}.event-delete-button{background:#fee;color:#c00}.event-delete-button:hover{background:#fcc;transform:translateY(-2px)}.event-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.event-tag{background:#e3f2fd;color:#1976d2;padding:4px 10px;border-radius:12px;font-size:.85rem;font-weight:500}.event-status-badge{display:inline-block;padding:6px 12px;border-radius:12px;font-size:.875rem;font-weight:600;margin-top:8px}.event-status-badge.new{background:#e3f2fd;color:#1976d2}.event-status-badge.in_progress{background:#fff3e0;color:#f57c00}.event-status-badge.done{background:#e8f5e9;color:#388e3c}.event-status-badge.archived{background:#f1f5f9;color:#64748b}.event-detail a{color:#00c6ff;text-decoration:none;font-weight:600}.event-detail a:hover{text-decoration:underline}.calendar-event-form-overlay{position:fixed;inset:0;background:var(--color-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-lg)}.legibility-fix{background:#fff!important;background:var(--color-surface, #FFFFFF)!important;border-radius:var(--radius-modal);border:1px solid var(--color-border-normal, #E2E8F0);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-2xl);color:var(--color-text-primary, #1E293B)!important;animation:slideUp .3s var(--ease-out)}.legibility-fix .form-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:1px solid var(--color-border-weak, #F1F5F9);background:#f8fafc!important;background:var(--color-surface-dim, #F8FAFC)!important}.legibility-fix .form-header h3{margin:0;font-size:var(--text-xl);color:var(--color-primary);font-weight:800}.legibility-fix .close-button{background:var(--color-surface-hover);border:none;font-size:1.5rem;color:var(--color-text-secondary);cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:all .2s var(--ease-out)}.legibility-fix .close-button:hover{background-color:var(--color-error-soft);color:var(--color-error);transform:rotate(90deg)}.legibility-fix .header-actions{display:flex;align-items:center;gap:var(--space-md)}.legibility-fix .header-action-btn{padding:var(--space-xs) var(--space-lg)!important;font-size:var(--text-sm)!important}.legibility-fix .calendar-event-form{padding:var(--space-xl);background:var(--color-surface)!important}.legibility-fix .form-group{margin-bottom:var(--space-lg)}.legibility-fix .form-group label{display:block;margin-bottom:var(--space-xs);font-weight:700;color:var(--color-text-primary)!important;font-size:var(--text-sm)}.legibility-fix .form-group input[type=text],.legibility-fix .form-group input[type=url],.legibility-fix .form-group input[type=date],.legibility-fix .form-group input[type=time],.legibility-fix .form-group textarea,.legibility-fix .form-group select{width:100%;padding:var(--space-sm) var(--space-md);background:#fff!important;background:var(--color-surface, #FFFFFF)!important;border:1px solid var(--color-border-normal, #E2E8F0);border-radius:var(--radius-input);font-size:var(--text-base);font-family:inherit;color:var(--color-text-primary, #1E293B)!important;transition:all .2s var(--ease-out)}.form-group input.error{border-color:var(--color-error)}.error-message{display:block;color:var(--color-error);font-size:var(--text-xs);margin-top:var(--space-xs);font-weight:500}.form-group textarea{resize:vertical;min-height:90px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);margin-bottom:var(--space-lg)}.tags-input-container{display:flex;gap:var(--space-sm);margin-bottom:var(--space-sm)}.tags-input-container input{flex:1}.tags-list{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.tag{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);background-color:var(--color-primary-soft);color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;border:1px solid var(--color-primary-soft)}.remove-tag{background:none;border:none;color:var(--color-primary);font-size:1.1rem;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:all .2s var(--ease-out)}.remove-tag:hover{background-color:var(--color-primary);color:var(--color-white)}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-md);margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--color-border-weak)}@media(max-width:640px){.form-row{grid-template-columns:1fr;gap:var(--space-md)}.calendar-event-form-modal{max-height:95vh;border-radius:var(--radius-lg)}.form-header{padding:var(--space-md)}.calendar-event-form{padding:var(--space-lg)}}.exam-result-form-overlay{position:fixed;inset:0;background-color:var(--color-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:var(--z-modal)}.exam-result-form-modal{background:var(--color-surface);padding:var(--space-xl);border-radius:var(--radius-lg);width:440px;max-width:90%;box-shadow:var(--shadow-xl);border:1px solid var(--color-border-weak);animation:fadeIn .2s var(--ease-out)}.exam-result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.exam-result-header h3{margin:0;color:var(--text-main);font-size:var(--text-lg);font-weight:700}.close-button{background:var(--color-surface-hover);border:none;font-size:1.5rem;cursor:pointer;color:var(--text-muted);width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:all .2s var(--ease-out)}.close-button:hover{color:var(--text-main);background:var(--color-border-weak)}.exam-result-form .form-group{margin-bottom:20px}.exam-result-form label{display:block;margin-bottom:var(--space-xs);font-weight:600;color:var(--text-main);font-size:var(--text-sm)}.exam-result-form input,.exam-result-form textarea{width:100%;padding:var(--space-sm) var(--space-md);background:var(--color-surface);border:1px solid var(--color-border-weak);border-radius:var(--radius-md);color:var(--text-main);font-size:var(--text-md);font-family:inherit;transition:all .2s var(--ease-out)}.exam-result-form input:focus,.exam-result-form textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px var(--color-primary-soft);background:var(--color-surface-hover)}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}.button-secondary{padding:10px 20px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#4a5568;cursor:pointer;font-weight:500}.button-primary{padding:10px 20px;border:none;border-radius:6px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer;font-weight:500}.button-primary:hover{opacity:.9}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}:root{--kanban-bg: #f8fafc;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .5);--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1);--color-math: #3b82f6;--color-science: #10b981;--color-history: #d97706;--color-language: #8b5cf6}.kanban-container{padding:24px;min-height:calc(100vh - 200px);transition:all .5s cubic-bezier(.4,0,.2,1);background:var(--kanban-bg)}.kanban-command-center{display:flex;justify-content:space-between;align-items:center;background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:16px 24px;border-radius:20px;border:1px solid var(--glass-border);margin-bottom:32px;box-shadow:var(--shadow-md)}.wip-selector-group{display:flex;align-items:center;gap:16px}.wip-label{font-weight:600;font-size:.9rem;color:#475569}.wip-buttons{display:flex;gap:8px;background:#0000000d;padding:4px;border-radius:12px}.wip-btn{width:36px;height:36px;border-radius:10px;border:none;background:transparent;color:#64748b;font-weight:700;cursor:pointer;transition:all .2s}.wip-btn:hover{background:#ffffff80}.wip-btn.active{background:#fff;color:#1e293b;box-shadow:0 2px 4px #0000001a;transform:scale(1.1)}.wip-btn--1.active{background:#ef4444;color:#fff;box-shadow:0 0 15px #ef444466}.wip-btn--2.active{background:#f97316;color:#fff}.wip-btn--3.active{background:#3b82f6;color:#fff}.wip-btn--4.active{background:#10b981;color:#fff}.wip-btn--5.active{background:#64748b;color:#fff}.multiplier-badge{position:relative;display:flex;align-items:center;gap:6px;background:#1e293b;color:#fff;padding:8px 20px;border-radius:40px;font-weight:600;overflow:hidden}.multiplier-x{font-size:.8rem;opacity:.7}.multiplier-val{font-size:1.4rem;color:#fbbf24}.multiplier-label{font-size:.85rem;margin-left:4px}.kanban-board{display:flex;gap:24px;overflow-x:auto;padding-bottom:20px;align-items:flex-start}.kanban-column{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:24px;width:340px;min-width:340px;height:calc(100vh - 180px);max-height:850px;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.kanban-column--new{background:#f1f5f980}.kanban-column--in_progress{background:#fff9}.kanban-column--done{background:#f1f5f94d}.kanban-column:hover{transform:translateY(-6px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.kanban-column-header{padding:20px 24px;display:flex;justify-content:space-between;align-items:center}.kanban-column-title-group{display:flex;align-items:center;gap:12px}.kanban-column-icon{font-size:1.2rem}.kanban-column-header h3{margin:0;font-size:1.1rem;font-weight:700;color:#1e293b}.kanban-column-content{padding:0 16px 20px;flex-grow:1;overflow-y:auto;min-height:200px;overscroll-behavior:contain}.kanban-column-content::-webkit-scrollbar{width:6px}.kanban-column-content::-webkit-scrollbar-track{background:transparent}.kanban-column-content::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}.kanban--wip-1 .kanban-column-content::-webkit-scrollbar-thumb{background:#ef444433}.kanban--wip-2 .kanban-column-content::-webkit-scrollbar-thumb{background:#f9731633}.kanban--wip-3 .kanban-column-content::-webkit-scrollbar-thumb{background:#3b82f633}.kanban--wip-4 .kanban-column-content::-webkit-scrollbar-thumb{background:#10b98133}.kanban-column-content:hover::-webkit-scrollbar-thumb{background:#0003}.kanban-card{margin-bottom:16px;border-radius:18px;background:#fff;padding:2px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;cursor:grab}.kanban-card-inner{background:#fff;border-radius:16px;padding:16px;border:1px solid #f1f5f9}.kanban-card:hover{transform:scale(1.02) translateY(-2px);box-shadow:0 12px 20px -5px #0000001a}.kanban-card-title{font-weight:700;color:#1e293b;font-size:.95rem;line-height:1.4;margin-bottom:12px}.kanban-card-tag{display:inline-flex;align-items:center;gap:6px;background:#f8fafc;border:1px solid #e2e8f0;padding:4px 10px;border-radius:8px;font-size:.75rem;font-weight:600;color:#475569;margin-bottom:12px}.tag-dot{width:6px;height:6px;border-radius:50%;background:#94a3b8}.kanban-card-meta{display:flex;align-items:center;gap:6px;font-size:.75rem;color:#94a3b8;margin-bottom:4px}.card--math .tag-dot{background:var(--color-math)}.card--math:hover .kanban-card-inner{border-color:var(--color-math);box-shadow:0 0 15px #3b82f626}.card--science .tag-dot{background:var(--color-science)}.card--science:hover .kanban-card-inner{border-color:var(--color-science);box-shadow:0 0 15px #10b98126}.card--history .tag-dot{background:var(--color-history)}.card--history:hover .kanban-card-inner{border-color:var(--color-history);box-shadow:0 0 15px #d9770626}.card--language .tag-dot{background:var(--color-language)}.card--language:hover .kanban-card-inner{border-color:var(--color-language);box-shadow:0 0 15px #8b5cf626}.kanban--wip-1{background:linear-gradient(135deg,#f8fafc,#fff7ed)}.kanban--wip-1 .multiplier-badge{background:#ef4444;box-shadow:0 0 20px #ef444499}.kanban--wip-1 .kanban-column{background:#fff7edd9;border-color:#ef444440;box-shadow:0 4px 20px #ef44440d}.kanban--wip-1 .fire-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:fire-shimmer 2s infinite}.kanban--wip-2{background:linear-gradient(135deg,#f8fafc,#fffbeb)}.kanban--wip-2 .multiplier-badge{background:#f97316;box-shadow:0 0 15px #f9731666}.kanban--wip-2 .kanban-column{background:#fffbebd9;border-color:#f9731633}.kanban--wip-3{background:linear-gradient(135deg,#f8fafc,#eff6ff)}.kanban--wip-3 .multiplier-badge{background:#3b82f6}.kanban--wip-3 .kanban-column{background:#eff6ffd9;border-color:#3b82f626}.kanban--wip-4{background:linear-gradient(135deg,#f8fafc,#f0fdf4)}.kanban--wip-4 .multiplier-badge{background:#10b981}.kanban--wip-4 .kanban-column{background:#f0fdf4d9;border-color:#10b98126}.kanban--wip-5{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.kanban--wip-5 .multiplier-badge{background:#64748b}.kanban--wip-5 .kanban-column{background:#f1f5f9d9;border-color:#64748b26}@keyframes fire-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.archive-toggle-box{background:#ffffff80;padding:8px 16px;border-radius:12px}.archive-toggle-container{display:flex;align-items:center;gap:12px}.switch{width:40px;height:22px}.slider:before{height:16px;width:16px}input:checked+.slider{background-color:#3b82f6}@media(max-width:768px){.kanban-container{padding:12px}.kanban-command-center{flex-direction:column;gap:12px;align-items:stretch;padding:12px 16px;margin-bottom:20px}.wip-selector-group{flex-direction:column;align-items:flex-start;gap:8px}.wip-buttons{width:100%;justify-content:space-between}.wip-btn{flex:1;max-width:none}.multiplier-badge{justify-content:center;padding:6px 16px}.kanban-board{gap:16px;padding-bottom:30px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-left:2px;padding-right:20px}.kanban-column{width:85vw;min-width:85vw;height:calc(100vh - 280px);scroll-snap-align:center;margin-right:-4px}.kanban-column-header{padding:12px 16px}.kanban-column-title-group h3{font-size:1rem}.kanban-command-center{flex-direction:column;gap:16px;align-items:stretch}.multiplier-badge{justify-content:center}}.schedule-view{width:100%;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;max-height:600px}.schedule-headers{display:grid;flex-shrink:0;border-bottom:2px solid #e5e7eb}.week-view .schedule-headers{grid-template-columns:80px repeat(7,1fr)}.day-view .schedule-headers{grid-template-columns:80px 1fr}.schedule-time-header{height:60px;flex-shrink:0;border-right:1px solid #e5e7eb}.schedule-day-header{flex:1;min-width:120px;height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f9fafb;border-right:1px solid #e5e7eb}.schedule-day-header:last-child{border-right:none}.schedule-day-header.today{background:#dbeafe}.schedule-day-name{font-size:.75rem;text-transform:uppercase;color:#6b7280;font-weight:600}.schedule-day-number{font-size:1.25rem;font-weight:600;color:#1f2937}.schedule-day-header.today .schedule-day-number{color:#3b82f6}.schedule-scroll-container{overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.schedule-scroll-container::-webkit-scrollbar{width:8px}.schedule-scroll-container::-webkit-scrollbar-track{background:#f1f5f9}.schedule-scroll-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.schedule-scroll-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.schedule-grid{display:grid;min-height:100%}.week-view .schedule-grid{grid-template-columns:80px repeat(7,1fr)}.day-view .schedule-grid{grid-template-columns:80px 1fr}.schedule-time-column{flex-shrink:0;border-right:1px solid #e5e7eb}.schedule-time-label{height:60px;display:flex;align-items:flex-start;justify-content:flex-end;padding:4px 8px;font-size:.75rem;color:#6b7280;border-bottom:1px solid #f3f4f6}.schedule-day-column{border-right:1px solid #e5e7eb;position:relative}.schedule-day-column:last-child{border-right:none}.schedule-day-slots{position:relative;min-height:100%}.schedule-time-slot{height:60px;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background-color .2s}.schedule-time-slot:hover{background:#f9fafb}.schedule-time-slot.current-time-slot{background:#86efac26;position:relative}.schedule-time-slot.current-time-slot:before{content:"";position:absolute;left:0;top:0;width:2px;height:100%;background:#22c55e}.schedule-events-container{position:absolute;top:0;left:0;right:0;pointer-events:none;height:100%}.schedule-event{position:absolute;box-sizing:border-box;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px;padding:4px 8px;color:#fff;font-size:.75rem;overflow:hidden;pointer-events:auto;cursor:pointer;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 10px #0000001a;transition:transform .2s,box-shadow .2s}.schedule-event:hover{transform:scale(1.02);box-shadow:0 4px 6px #0000004d;z-index:10}.schedule-event-time{font-weight:600;margin-bottom:2px}.schedule-event-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:768px){.schedule-view{max-height:500px}.schedule-headers{flex-direction:column}.day-view .schedule-time-header{display:flex;width:50px;border-right:1px solid #e5e7eb}.schedule-grid{flex-direction:column}.day-view .schedule-time-column{display:block;width:50px;flex-shrink:0}.day-view .schedule-time-label{justify-content:center;padding:4px 2px;font-size:.65rem}.schedule-day-column{border-right:none;border-bottom:1px solid #e5e7eb}.schedule-day-header{flex-direction:row;justify-content:space-between;padding:0 12px;border-right:none}.day-view .schedule-grid{display:flex;flex-direction:row}.day-view .schedule-day-column{flex:1;width:0}.day-view .schedule-headers{display:flex;flex-direction:row}.week-view .schedule-grid{flex-direction:column}}.calendar-view{background:var(--bg-card);-webkit-backdrop-filter:blur(var(--backdrop-blur, 16px));backdrop-filter:blur(var(--backdrop-blur, 16px));border-radius:var(--radius-xl);padding:var(--space-lg);border:1px solid var(--color-border-weak);box-shadow:var(--shadow-md);max-width:100%;width:100%}.calendar-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:24px;gap:16px}.header-left{justify-self:start}.header-center{justify-self:center;min-width:320px;display:flex;justify-content:center}.header-right{justify-self:end}.calendar-controls-nav{display:flex;align-items:center;gap:16px}.nav-button{background:var(--gradient-primary);color:var(--color-white);border:none;width:42px;height:42px;border-radius:var(--radius-full);font-size:24px;cursor:pointer;transition:all .3s var(--ease-out);display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:var(--shadow-sm)}.nav-button:hover{transform:scale(1.1);box-shadow:0 5px 15px #9d50bb66}.calendar-selectors{display:flex;gap:12px}.month-selector,.year-selector{padding:0 var(--space-md);height:42px;border:2px solid var(--color-border-weak);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:600;color:var(--text-main);background:var(--color-surface);cursor:pointer;transition:all .3s var(--ease-out);font-family:inherit}.month-selector:hover,.year-selector:hover{border-color:#9d50bb}.month-selector:focus,.year-selector:focus{outline:none;border-color:#9d50bb;box-shadow:0 0 0 3px #9d50bb1a}.today-button{background:var(--color-primary-soft);color:var(--color-primary);border:2px solid var(--color-primary);padding:0 var(--space-lg);height:42px;border-radius:var(--radius-lg);font-weight:600;cursor:pointer;transition:all .3s var(--ease-out);font-family:inherit;display:flex;align-items:center;justify-content:center}.today-button:hover{background:#00c6ff;color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #00c6ff4d}.calendar-header-actions{display:flex;gap:8px;align-items:center}.new-event-button{background:var(--gradient-secondary, linear-gradient(135deg, #a8ff78 0%, #78ffd6 100%));color:var(--color-white-fixed, #0f172a);border:none;padding:0 var(--space-lg);height:42px;border-radius:var(--radius-lg);font-weight:700;cursor:pointer;transition:all .3s var(--ease-out);font-family:inherit;box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center}.new-event-button:hover{transform:translateY(-2px);box-shadow:0 6px 15px #78ffd666}.settings-button{background:#f8fafc;color:#64748b;border:2px solid #e2e8f0;width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;transition:all .3s ease}.settings-button:hover{border-color:#9d50bb;color:#9d50bb;background:#fff;transform:rotate(30deg)}.sync-button{background:#f8fafc;color:#6366f1;border:2px solid #e2e8f0;width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;transition:all .3s ease}.sync-button:hover:not(:disabled){border-color:#6366f1;background:#fff;transform:scale(1.05)}.sync-button.syncing{animation:rotate-sync 1.5s linear infinite;color:#9d50bb;border-color:#9d50bb}@keyframes rotate-sync{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sync-button:disabled:not(.syncing){opacity:.6;cursor:not-allowed}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.calendar-day-name{text-align:center;font-weight:700;color:#64748b;padding:12px 0;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.calendar-day{min-height:110px;border:2px solid var(--color-border-weak);border-radius:var(--radius-lg);padding:var(--space-xs);background:var(--color-surface);transition:all .3s var(--ease-out);cursor:pointer;overflow:hidden}.calendar-day:hover:not(.empty){border-color:#9d50bb;transform:translateY(-2px);box-shadow:0 5px 15px #9d50bb1a}.calendar-day.empty{background:#f8fafc;border:2px solid transparent;cursor:default}.calendar-day.today{border-color:#00c6ff;background:linear-gradient(135deg,#00c6ff0d,#9d50bb0d)}.calendar-day.today .day-number{background:linear-gradient(135deg,#00c6ff,#9d50bb);color:#fff}.calendar-day.has-events{background:linear-gradient(135deg,#a8ff780d,#00c6ff0d)}.day-number{font-weight:700;font-size:1rem;color:#0f172a;margin-bottom:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%}.day-events{display:flex;flex-direction:column;gap:4px}.event-chip{background:#fff;color:#334155;padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;max-width:100%;display:flex;align-items:center;gap:6px;border:1px solid #e2e8f0;box-shadow:0 1px 2px #0000000d}.event-title-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.event-chip:hover{transform:scale(1.05);box-shadow:0 3px 10px #9d50bb4d}.event-more{font-size:.7rem;color:#9d50bb;font-weight:600;text-align:center;padding:2px}.calendar-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#64748b}.loading-spinner{width:50px;height:50px;border:4px solid #f1f5f9;border-top-color:#9d50bb;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.event-count-dot{width:24px;height:24px;background:linear-gradient(135deg,#00c6ff,#9d50bb);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;margin:0 auto;box-shadow:0 2px 5px #9d50bb4d}.mobile-only{display:none}.desktop-only{display:flex}.day-summary-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.day-summary-modal{background:#fff;border-radius:20px;width:100%;max-width:400px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.day-summary-header{padding:16px 20px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.day-summary-header h3{margin:0;font-size:1.1rem;color:#0f172a}.close-button{background:none;border:none;font-size:24px;color:#64748b;cursor:pointer;padding:0;line-height:1}.day-summary-list{padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.day-summary-item{width:100%}.day-summary-item .event-chip{width:100%;padding:12px;font-size:.9rem;text-align:left;white-space:normal;height:auto}@media(max-width:768px){.calendar-view{padding:16px}.calendar-header{display:flex;flex-direction:column;gap:16px}.header-left,.header-center,.header-right{width:100%;display:flex;justify-content:center}.calendar-controls-nav{width:100%;justify-content:center}.calendar-day{min-height:60px;padding:4px;display:flex;flex-direction:column;align-items:center;justify-content:center}.day-number{font-size:.875rem;width:24px;height:24px;margin-bottom:2px}.calendar-day-name{font-size:.75rem;padding:8px 0}.mobile-only{display:flex}.desktop-only{display:none}}@media(max-width:500px){.calendar-grid{gap:4px}.calendar-day{min-height:50px;padding:2px}.event-chip{font-size:.65rem}}.view-toggle{display:flex;background:#f1f5f9;padding:4px;border-radius:12px;gap:4px}.toggle-btn{padding:8px 16px;border:none;border-radius:8px;background:transparent;color:#64748b;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Poppins,sans-serif}.toggle-btn.active{background:#fff;color:#9d50bb;box-shadow:0 2px 4px #0000000d}.toggle-btn:hover:not(.active){color:#334155;background:#ffffff80}.view-selector{display:flex;background:#f1f5f9;padding:4px;border-radius:12px;gap:4px;margin-left:12px}.view-button{padding:8px 16px;border:none;border-radius:8px;background:transparent;color:#64748b;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Poppins,sans-serif;font-size:.875rem}.view-button.active{background:#fff;color:#9d50bb;box-shadow:0 2px 4px #0000000d}.view-button:hover:not(.active){color:#334155;background:#ffffff80}@media(max-width:768px){.view-selector .view-button:nth-child(2){display:none}}.kanban-view-container{height:calc(100vh - 220px);min-height:500px;max-height:1000px;overflow:hidden;margin-top:16px;border:1px solid rgba(226,232,240,.5);border-radius:16px;background:#ffffff1a}@media(max-width:768px){.calendar-view{padding:8px}.kanban-view-container{height:calc(100vh - 120px);min-height:400px;margin-top:8px;border-radius:12px}}.feature-lock-wrapper{position:relative;width:100%;height:100%}.feature-content-blurred{filter:blur(4px);pointer-events:none;opacity:.6;-webkit-user-select:none;user-select:none;height:100%;width:100%}.feature-lock-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#fff6;z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:12px}.lock-message{background:#fff;padding:24px;border-radius:16px;box-shadow:0 10px 30px #00000026;text-align:center;max-width:300px;border:1px solid rgba(0,0,0,.05)}.lock-icon{font-size:32px;display:block;margin-bottom:12px}.lock-message h3{margin:0 0 8px;color:#333;font-weight:600}.lock-message p{margin:0;color:#666;font-size:14px;line-height:1.5}.features-list-only{width:100%;height:100%;display:flex;flex-direction:column}.btn-view-all{background:var(--color-surface-hover);border:1px solid var(--color-border-weak);color:var(--text-main);padding:4px 12px;border-radius:var(--radius-md);font-size:var(--text-xs);cursor:pointer;transition:all .2s var(--ease-out)}.btn-view-all:hover{background:var(--color-border-weak);color:var(--text-main)}.carousel-controls{display:flex;gap:var(--space-sm)}.carousel-btn{width:36px;height:36px;border-radius:var(--radius-full);border:1px solid var(--color-border-weak);background:var(--color-surface);color:var(--color-text-secondary);font-size:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s var(--ease-out)}.carousel-btn:hover{background:var(--color-surface-hover);border-color:var(--color-primary-soft);color:var(--color-primary)}.features-track{display:flex;flex-direction:column;gap:var(--space-md);overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;padding-bottom:var(--space-sm);padding-right:var(--space-xs);max-height:calc(100vh - 200px);scrollbar-width:thin}.features-track::-webkit-scrollbar{width:6px}.features-track::-webkit-scrollbar-track{background:transparent}.features-track::-webkit-scrollbar-thumb{background:var(--color-border-weak);border-radius:10px}.feature-card{min-width:unset;width:100%;height:160px;border-radius:var(--radius-lg);background-size:cover;background-position:center;position:relative;overflow:hidden;flex-shrink:0;transition:transform .3s var(--ease-out);box-shadow:var(--shadow-md)}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.feature-overlay{position:absolute;inset:0;background:linear-gradient(to top,#000000b3,#0000001a);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-md)}.feature-content{color:var(--color-white)}.feature-content h4{margin:0 0 8px;font-size:var(--text-md);font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.feature-content p{margin:0 0 15px;font-size:var(--text-xs);opacity:.9;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.btn-activate{background:#fff3;border:1px solid rgba(255,255,255,.2);color:var(--color-white);padding:6px 16px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s var(--ease-out)}.btn-activate:hover{background:var(--color-white);color:var(--color-black)}.no-skills-msg{width:100%;padding:40px;text-align:center;background:#00000008;border-radius:16px;border:1px dashed rgba(0,0,0,.1);color:#64748b}@media(max-width:768px){.feature-card{min-width:260px;height:180px}}.tools-modal-overlay{position:fixed;inset:0;background:var(--bg-glass-strong);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-lg);animation:fadeIn .3s var(--ease-out)}@keyframes modalBG{0%{opacity:0}to{opacity:1}}.tools-modal-content{background:var(--color-surface);border:1px solid var(--color-border-weak);width:100%;max-width:1300px;height:90vh;border-radius:var(--radius-2xl);padding:var(--space-xl);display:flex;flex-direction:column;box-shadow:var(--shadow-2xl);color:var(--text-main);animation:slideUp .4s var(--ease-out)}@keyframes modalScale{0%{transform:scale(.9) translateY(40px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.tools-modal-header{margin-bottom:var(--space-lg);flex-shrink:0}.modal-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.modal-title-row h2{margin:0;font-size:var(--text-3xl);font-weight:800}.modal-close{background:var(--color-surface-hover);border:none;color:var(--text-muted);width:48px;height:48px;border-radius:var(--radius-full);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s var(--ease-out)}.modal-close:hover{background:var(--color-error);color:var(--color-white);transform:rotate(90deg)}.modal-search-wrapper{position:relative;max-width:500px}.modal-search-input{width:100%;background:var(--color-surface);border:1px solid var(--color-border-weak);padding:12px 20px 12px 52px;border-radius:var(--radius-lg);color:var(--text-main);font-size:var(--text-md);transition:all .3s var(--ease-out);box-shadow:var(--shadow-sm)}.modal-search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-soft)}.search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);font-size:1.2rem;opacity:.5;color:var(--text-muted)}.tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg);overflow-y:auto;padding:10px 10px 40px 0;flex-grow:1}.tools-grid::-webkit-scrollbar{width:6px}.tools-grid::-webkit-scrollbar-track{background:#00000005;border-radius:10px}.tools-grid::-webkit-scrollbar-thumb{background:var(--color-border-weak);border-radius:10px}.tools-grid::-webkit-scrollbar-thumb:hover{background:#0003}.feature-card.grid-item{min-width:unset;height:240px;width:100%;border-radius:20px}.no-results{grid-column:1 / -1;text-align:center;padding:100px;background:var(--color-surface-hover);border-radius:var(--radius-xl);color:var(--text-muted);font-size:var(--text-lg)}@media(max-width:1300px){.tools-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:950px){.tools-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.tools-modal-content{padding:24px;height:100vh;max-height:100vh;border-radius:0;width:100%}.modal-title-row h2{font-size:1.6rem}.tools-grid{grid-template-columns:1fr}.modal-search-wrapper{max-width:100%}}.features-carousel-container.skeleton .feature-card.skeleton{background:#f1f5f9;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.feature-card.locked{filter:grayscale(.2) brightness(.9);opacity:.85}.feature-card:not(.locked){filter:saturate(1.1) contrast(1.05)}.btn-activate.disabled{background:#ffffff1a;color:#ffffff80;border-color:#ffffff1a;cursor:not-allowed}.challenges-carousel-container{width:100%;max-width:100%;margin-top:var(--space-lg);background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-border-weak)}.challenges-track{display:flex;gap:var(--space-md);overflow-x:auto;scroll-behavior:smooth;padding-bottom:var(--space-sm);scrollbar-width:none}.challenges-track::-webkit-scrollbar{display:none}.challenge-card{min-width:320px;height:220px;border-radius:var(--radius-lg);background-size:cover;background-position:center;position:relative;overflow:hidden;flex-shrink:0;transition:transform .3s var(--ease-out);box-shadow:var(--shadow-md);border:2px solid transparent}.challenge-card.active-challenge{border-color:var(--color-warning);box-shadow:0 0 15px var(--color-warning-soft)}.challenge-card:hover{transform:translateY(-5px)}.challenge-overlay{position:absolute;inset:0;background:linear-gradient(to top,#000c,#0003);display:flex;flex-direction:column;justify-content:space-between;padding:var(--space-md);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.status-badge{align-self:flex-start;background:var(--color-warning);color:var(--color-black);padding:4px 12px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;box-shadow:var(--shadow-sm)}.challenge-content{color:var(--color-white);margin-top:auto}.challenge-content h4{margin:0 0 8px;font-size:var(--text-lg);font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.5)}.challenge-content p{margin:0 0 15px;font-size:var(--text-xs);opacity:.9;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.challenge-progress{width:100%}.progress-label{display:flex;justify-content:space-between;font-size:var(--text-xs);margin-bottom:4px;font-weight:600}.progress-bar-bg{width:100%;height:8px;background:#fff3;border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;background:var(--color-warning);border-radius:var(--radius-full);transition:width .5s var(--ease-out)}.challenge-actions{display:flex;justify-content:space-between;align-items:center}.reward-tag{font-size:var(--text-sm);font-weight:700;color:var(--color-warning);text-shadow:0 1px 2px rgba(0,0,0,.5)}.btn-accept{background:var(--color-white);color:var(--color-black);border:none;padding:6px 16px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;cursor:pointer;transition:all .2s var(--ease-out)}.btn-accept:hover{transform:scale(1.05);background:var(--color-surface-hover)}@media(max-width:768px){.challenge-card{min-width:280px;height:200px}}.minimal-footer{background-color:transparent;color:#64748b;padding:24px 0;margin-top:auto;font-size:.85rem;border-top:1px solid rgba(0,0,0,.05);width:100%}.minimal-footer-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;flex-direction:column;align-items:center;gap:16px}.minimal-footer-legal-links{display:flex;gap:24px;list-style:none;padding:0;margin:0;flex-wrap:wrap;justify-content:center}.minimal-footer-link-btn{background:none;border:none;color:#64748b;cursor:pointer;font-family:inherit;font-size:inherit;padding:0;text-decoration:none;transition:color .2s}.minimal-footer-link-btn:hover{color:#334155;text-decoration:underline}.minimal-footer-copyright{text-align:center;margin:0}@media(min-width:768px){.minimal-footer-container{flex-direction:row;justify-content:space-between;gap:0}}.ds-modal-overlay{position:fixed;inset:0;z-index:var(--z-modal, 1000);background-color:var(--color-overlay, rgba(0, 0, 0, .5));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem}.ds-modal{background-color:var(--color-surface, #ffffff);border-radius:var(--radius-lg, 1rem);box-shadow:var(--shadow-xl, 0 20px 25px -5px rgba(0, 0, 0, .1));display:flex;flex-direction:column;max-height:90vh;border:1px solid var(--color-border, #e2e8f0)}.ds-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border-weak, #f1f5f9)}.ds-modal__title{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text-primary, #1e293b)}.ds-modal__close{margin-left:auto;color:var(--color-text-tertiary, #94a3b8)}.ds-modal__content{padding:1.5rem;overflow-y:auto;color:var(--color-text-secondary, #475569);line-height:1.6}.ds-modal__footer{padding:1rem 1.5rem;border-top:1px solid var(--color-border-weak, #f1f5f9);background-color:var(--color-surface-dim, #f8fafc);display:flex;justify-content:flex-end;gap:.75rem;border-bottom-left-radius:var(--radius-lg, 1rem);border-bottom-right-radius:var(--radius-lg, 1rem)}.ds-modal--sm{width:100%;max-width:24rem}.ds-modal--md{width:100%;max-width:32rem}.ds-modal--lg{width:100%;max-width:48rem}.ds-modal--xl{width:100%;max-width:64rem}.ds-modal--full{width:100%;max-width:95vw;height:95vh}.awards-title-group h2{margin:0;color:var(--color-text-primary);font-size:var(--text-2xl);font-weight:800}.awards-subtitle{margin:4px 0 0;color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500}.awards-grid-four{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;padding:8px 0}.award-card-small{background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all .25s var(--ease-out);border:1px solid var(--color-border-weak);display:flex;flex-direction:column}.award-card-small.clickable{cursor:pointer}.award-card-small.clickable:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--color-primary-soft)}.award-card-small.current{border:2px solid var(--color-primary);background:var(--color-primary-soft)}.award-image-container{padding:0;background:var(--color-surface-dim);aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;border-bottom:1px solid var(--color-border-weak)}.award-img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease-out)}.award-img.mystery{filter:brightness(.7) contrast(1.2) grayscale(.8);opacity:.6}.award-overlay-small{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2.2rem;font-weight:900;color:var(--color-primary);opacity:.3;text-shadow:0 0 10px white;pointer-events:none}.award-overlay-small.lock{font-size:1.8rem;filter:grayscale(1);opacity:.2}.award-info{padding:12px 14px;text-align:left;flex:1;display:flex;flex-direction:column;justify-content:center;gap:2px}.award-term-small{display:block;font-size:10px;color:var(--color-text-tertiary);text-transform:uppercase;font-weight:700;letter-spacing:.08em}.award-name-small{margin:0;font-size:var(--text-base);color:var(--color-text-primary);font-weight:700}.award-card-small.current .award-name-small{color:var(--color-primary)}.award-card-small.next .award-name-small,.award-card-small.future .award-name-small{color:var(--color-text-tertiary);font-style:italic}.zoomed-prize-container{display:flex;flex-direction:column;align-items:center;gap:20px}.zoomed-img{width:100%;max-height:380px;object-fit:contain;border-radius:var(--radius-lg);background:var(--color-surface-dim);border:1px solid var(--color-border-weak)}.zoomed-info{text-align:center;display:flex;flex-direction:column;gap:8px}.zoomed-info p{margin:0;font-size:var(--text-lg);color:var(--color-text-primary);font-weight:600}.zoomed-info .hint{font-size:var(--text-sm);color:var(--color-text-secondary);font-style:italic}.ds-modal__title .gems-summary{display:flex;align-items:center;gap:var(--space-md)}.gems-total-icon{font-size:32px;filter:drop-shadow(0 0 8px var(--color-primary-soft))}.gems-total-text h2{margin:0;font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.total-value{font-size:var(--text-2xl);font-weight:800;color:var(--color-text-primary);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.view-awards-btn{display:flex;align-items:center;gap:var(--space-xs)}.gems-history-container h3{margin-top:0;margin-bottom:var(--space-md);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:1px;color:var(--color-primary);font-weight:700}.history-list{display:flex;flex-direction:column;gap:var(--space-sm);padding:2px}.history-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);background:var(--color-surface-dim, #f8fafc)!important;border:1px solid var(--color-border, #e2e8f0)!important;border-radius:var(--radius-md);transition:all .2s var(--ease-out)}.history-item:hover{transform:translate(4px);border-color:var(--color-primary-soft)!important;background:var(--color-surface-hover, #f1f5f9)!important;box-shadow:var(--shadow-sm)}.history-left{display:flex;flex-direction:column;gap:4px;text-align:left}.history-date{font-size:11px;color:var(--color-text-secondary, #64748b)!important;font-weight:700;text-transform:uppercase}.history-desc{font-size:var(--text-sm);color:var(--color-text-primary, #1e293b)!important;font-weight:600}.history-amount{font-size:var(--text-lg);font-weight:800;font-family:var(--font-heading, inherit)}.history-amount.positive{color:var(--color-success)}.history-amount.negative{color:var(--color-error)}.no-history{text-align:center;padding:var(--space-xl) 0}.no-history p{color:var(--color-text-secondary);margin:var(--space-xs) 0}.hint{font-size:var(--text-xs);font-style:italic;color:var(--color-text-secondary)!important}.notification-settings-panel{background:var(--color-surface-hover);padding:24px;border-radius:var(--radius-lg);border:1px solid var(--color-border-weak);margin-top:15px}.settings-panel-title{margin:0 0 20px;display:flex;align-items:center;gap:8px;color:var(--text-main);font-size:1.1rem}.setting-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.setting-label{font-weight:500;color:var(--text-main)}.ns-switch{position:relative;display:inline-block;width:48px;height:24px}.ns-switch input{opacity:0;width:0;height:0}.ns-slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:.4s;border-radius:34px}.ns-switch input:checked+.ns-slider{background-color:var(--color-success)}.ns-knob{position:absolute;height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%;box-shadow:0 2px 4px #0000001a}.advance-settings{padding-top:15px;border-top:1px solid #e2e8f0}.settings-modal-content.dark-theme .advance-settings{border-top-color:#ffffff1a}.settings-help{font-size:.9rem;color:#64748b;margin-bottom:15px}.alert-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.alert-input{width:80px;padding:10px;border-radius:8px;border:1px solid #cbd5e1;background:#fff;color:#1e293b;font-weight:500}.alert-select{padding:10px;border-radius:8px;border:1px solid #cbd5e1;background:#fff;color:#1e293b;cursor:pointer;font-weight:500}.alert-suffix{color:#64748b;font-size:.9rem}.alert-remove{background:none;border:none;color:#ef4444;cursor:pointer;font-size:1.25rem;padding:5px;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.alert-remove:hover{opacity:.7}.btn-add-alert{background:none;border:2px dashed #cbd5e1;color:#64748b;padding:10px 20px;border-radius:12px;margin-top:10px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s;width:100%}.btn-add-alert:hover{background:#f1f5f9;border-color:#94a3b8;color:#334155}.settings-actions{margin-top:30px;text-align:right}.btn-save-settings{background:var(--branding-gradient);color:var(--color-white);border:none;padding:12px 32px;border-radius:var(--radius-md);cursor:pointer;font-weight:700;transition:all .3s var(--ease-out);box-shadow:var(--shadow-md)}.btn-save-settings:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-save-settings:disabled{opacity:.6;cursor:not-allowed;transform:none}.student-landing{height:100vh;width:100vw;background:var(--color-body-bg);overflow:hidden;display:flex}.student-main-area{flex:1;min-width:0;display:flex;flex-direction:column}.student-nav-sidebar{width:88px;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;align-items:center;padding:var(--space-lg) 0;gap:0;z-index:20;flex-shrink:0}@media(max-width:768px){.student-nav-sidebar{display:none!important}}.student-nav-sidebar nav{display:flex;flex-direction:column;gap:20px;flex:1;align-items:center;padding:0 8px;width:100%}.student-nav-sidebar button{background:none;border:none;cursor:pointer;padding:0;display:flex;flex-direction:column;align-items:center;gap:4px;width:100%}.student-sidebar-logo{width:90px;height:auto;display:flex;align-items:center;justify-content:center;margin-bottom:45px;flex-shrink:0}.student-sidebar-logo img{width:100%;height:auto;object-fit:contain}.student-sidebar-logo-letter{color:#fff;font-weight:800;font-size:18px}.student-sidebar-nav{display:flex;flex-direction:column;align-items:center;gap:20px;flex:1;width:100%;padding:0 8px}.student-sidebar-btn{display:flex;flex-direction:column;align-items:center;gap:5px;width:100%;background:none;border:none;cursor:pointer;padding:0}.student-sidebar-btn--active .student-sidebar-label{color:#3b82f6}.student-sidebar-icon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative;flex-shrink:0}.student-sidebar-icon--blue{background:#3b82f61a;color:#3b82f6;box-shadow:0 0 12px #22c55e40}.student-sidebar-icon--blue:hover,.student-sidebar-btn:hover .student-sidebar-icon--blue{background:#3b82f6;color:#fff;box-shadow:0 4px 18px #22c55e80,0 0 24px #22c55e4d}.student-sidebar-icon--green{background:#22c55e1a;color:#22c55e;box-shadow:0 0 12px #3b82f640}.student-sidebar-btn:hover .student-sidebar-icon--green{background:#22c55e;color:#fff;box-shadow:0 4px 18px #3b82f680,0 0 24px #3b82f64d}.student-sidebar-icon--active{background:#3b82f6;color:#fff;box-shadow:0 4px 18px #3b82f673,0 0 24px #22c55e40}.student-sidebar-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;text-align:center;line-height:1.3;transition:color .2s}.student-sidebar-btn:hover .student-sidebar-label{color:#3b82f6}.student-sidebar-btn:hover .student-sidebar-icon--green+.student-sidebar-label,.student-sidebar-btn:has(.student-sidebar-icon--green):hover .student-sidebar-label{color:#22c55e}.student-sidebar-badge{position:absolute;top:-6px;right:-6px;background:#ef4444;color:#fff;font-size:9px;font-weight:700;min-width:18px;height:18px;border-radius:99px;border:2px solid white;display:flex;align-items:center;justify-content:center;animation:pulseBadge 2s ease-in-out infinite}.student-sidebar-menu-wrapper{width:100%;position:relative;display:flex;flex-direction:column;align-items:center}.student-sidebar-submenu{display:flex;flex-direction:column;gap:8px;padding:12px 10px;background:#ffffff0d;border-radius:16px;margin-top:8px;margin-bottom:16px;width:90%;animation:slideDownSubmenu .35s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 15px #0003}@keyframes slideDownSubmenu{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.submenu-item{background:#ffffff08;border:1px solid rgba(255,255,255,.05);padding:8px 12px;font-size:10px;color:#cbd5e1;text-align:left;border-radius:12px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:10px;width:100%;text-transform:none;font-weight:600;line-height:1.2;position:relative;overflow:hidden}.submenu-item:hover{background:#ffffff14;color:#fff;border-color:#3b82f64d}.submenu-item.active{background:#3b82f6;color:#fff;border-color:#60a5fa;box-shadow:0 0 15px #3b82f666}.submenu-item.active .submenu-dot{background:#fff;box-shadow:0 0 8px #ffffffe6}.submenu-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;transition:all .2s}.submenu-dot.blue{background:#3b82f6;box-shadow:0 0 8px #3b82f699}.submenu-dot.pink{background:#ec4899;box-shadow:0 0 8px #ec489999}@keyframes pulseBadge{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.student-sidebar-profile{margin-top:auto;padding:12px 0;display:flex;flex-direction:column;align-items:center;border-top:1px solid var(--color-border-weak);width:100%}.student-sidebar-icon--heart{width:32px!important;height:32px!important;border-radius:10px!important;background:#ef444414!important;color:#f87171!important;margin-bottom:2px;box-shadow:0 0 10px #ef444426!important}.heart-icon-glow{font-size:15px;filter:drop-shadow(0 0 4px rgba(239,68,68,.45));display:flex;align-items:center;justify-content:center;line-height:1;transition:all .3s ease}.student-sidebar-btn--feedback:hover .student-sidebar-icon--heart{background:#f87171!important;color:#fff!important;box-shadow:0 0 15px #ef444466!important;transform:translateY(-1px)}.student-sidebar-btn--feedback:hover .heart-icon-glow{filter:drop-shadow(0 0 8px rgba(255,255,255,.9));transform:scale(1.15)}.student-sidebar-btn--feedback .student-sidebar-label{font-size:8px;opacity:.8}.student-sidebar-btn--feedback:hover .student-sidebar-label{opacity:1;color:#f87171!important}.avatar-with-country{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:2px}.student-sidebar-avatar{width:38px;height:38px;border-radius:50%;border:2px solid #e2e8f0;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#3b82f6;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 0 14px #22c55e66;position:relative}.avatar-photo-content{width:100%;height:100%;object-fit:cover}.avatar-country-badge{position:absolute;bottom:-2px;right:-4px;font-size:13px;background:#fff;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 2px 5px #00000040;border:1px solid #e2e8f0;line-height:1;z-index:5;overflow:hidden}.avatar-flag-image{width:100%;height:100%;object-fit:cover}.student-sidebar-btn:hover .student-sidebar-avatar{border-color:#3b82f6;box-shadow:0 0 20px #22c55e99,0 4px 16px #22c55e4d;transform:scale(1.05)}.student-sidebar-avatar-letter{color:#fff;font-weight:700;font-size:16px}.student-tools-flyout{position:fixed;top:0;left:88px;width:420px;height:100vh;background:var(--color-surface);border-right:1px solid var(--color-border);z-index:50;display:flex;flex-direction:column;box-shadow:8px 0 32px #00000014;animation:slideInFlyout .2s var(--ease-out)}@keyframes slideInFlyout{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}.tools-flyout-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--color-border);flex-shrink:0}.tools-flyout-title{font-weight:700;font-size:var(--text-lg);color:var(--text-main)}.tools-flyout-close{background:none;border:none;cursor:pointer;color:var(--color-text-secondary);padding:4px;border-radius:var(--radius-md);transition:background .2s}.tools-flyout-close:hover{background:var(--color-surface-hover);color:var(--text-main)}.tools-flyout-content{flex:1;overflow-y:auto;padding:var(--space-xl)}.student-main-area{flex:1;display:flex;flex-direction:column;min-width:0;height:100%;position:relative}.student-top-header{height:80px;background:var(--color-surface);border-bottom:1px solid var(--color-border);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 var(--space-xl);z-index:10}@media(max-width:768px){.student-top-header{height:60px;padding:0 var(--space-md);display:flex;justify-content:space-between}.header-center{display:none}}.header-left{display:flex;align-items:center;justify-content:flex-start}.header-center{display:flex;align-items:center;justify-content:center}.header-right{display:flex;align-items:center;justify-content:flex-end}.student-logout-btn{background:none;border:none;color:#475569;cursor:pointer;padding:10px;border-radius:50%;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;opacity:.8}.student-logout-btn svg{width:24px;height:24px}.student-logout-btn:hover{color:#dc2626;background:#dc26261a;opacity:1;transform:scale(1.1)}.student-scroll-content{flex:1;overflow-y:auto;padding:var(--space-xl);background-image:radial-gradient(circle at 20% 20%,rgba(59,130,246,.03) 0%,transparent 20%),radial-gradient(circle at 80% 80%,rgba(34,197,94,.03) 0%,transparent 20%)}@media(max-width:768px){.student-scroll-content{padding:var(--space-lg);padding-bottom:100px}.student-mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:75px;background:var(--bg-glass);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border-top:1px solid var(--color-border-weak);display:flex;justify-content:space-around;align-items:center;padding:0 10px;z-index:50;box-shadow:0 -4px 15px #00000014}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;color:#94a3b8;cursor:pointer;transition:all .2s;flex:1;padding:5px}.mobile-nav-icon{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .2s;position:relative}.mobile-stoody-icon{width:130%;height:130%;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(6,182,212,.4));transform:translateY(-2px)}.mobile-nav-item--habilidades .mobile-nav-icon{background:#3b82f61a;color:#3b82f6}.mobile-nav-item--multimedia .mobile-nav-icon{background:#22c55e1a;color:#22c55e}.mobile-nav-item--asistente .mobile-nav-icon{background:#06b6d41a;color:#06b6d4}.mobile-nav-item--herramientas .mobile-nav-icon{background:#8b5cf61a;color:#8b5cf6}.mobile-nav-item--feedback .mobile-nav-icon{background:#ef444414;color:#f87171}.mobile-nav-item:hover .mobile-nav-icon,.mobile-nav-item.active .mobile-nav-icon{transform:translateY(-2px)}.mobile-nav-item--habilidades.active .mobile-nav-icon{background:#3b82f6;color:#fff;box-shadow:0 4px 12px #3b82f64d}.mobile-nav-item--multimedia.active .mobile-nav-icon{background:#22c55e;color:#fff;box-shadow:0 4px 12px #22c55e4d}.mobile-nav-item--asistente.active .mobile-nav-icon{background:#06b6d4;color:#fff;box-shadow:0 4px 12px #06b6d44d}.mobile-nav-item--herramientas.active .mobile-nav-icon{background:#8b5cf6;color:#fff;box-shadow:0 4px 12px #8b5cf64d}.mobile-nav-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.mobile-nav-item.active .mobile-nav-label{color:var(--text-main)}.mobile-tools-submenu-overlay{position:fixed;bottom:85px;left:0;right:0;display:flex;justify-content:center;z-index:60;animation:slideUpSubmenu .3s cubic-bezier(.4,0,.2,1)}.mobile-tools-submenu-backdrop{position:fixed;inset:0;background:#0000001a;z-index:-1}.student-sidebar-submenu.mobile-version{width:220px;margin:0;background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-border-weak);box-shadow:0 10px 25px #0003}.chatbot-mascot{display:none!important}}.student-social-sidebar{width:380px;background:var(--bg-glass);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border-left:1px solid var(--color-border);display:flex;flex-direction:column;padding:var(--space-lg);gap:var(--space-lg);z-index:20;flex-shrink:0}.student-mobile-social-area{display:none}.social-sidebar-widgets{display:flex;flex-direction:column;gap:24px}.mobile-adaptive-layout{gap:var(--space-xl)}.mobile-adaptive-layout .social-widget-item{background:var(--color-surface);border:1px solid var(--color-border-weak);border-radius:var(--radius-xl);padding:var(--space-xl)}.mobile-adaptive-layout .ranking-widget{min-height:200px}.theme-student .student-landing .dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);margin-bottom:var(--space-lg);width:100%;max-width:1200px;align-items:stretch}.student-landing .glow-feature-container{width:100%;height:100%;display:flex;flex-direction:column;border-radius:var(--radius-lg)}.student-landing .glow-feature-effect{width:100%;height:100%;display:flex;border-radius:var(--radius-lg)}.theme-student .student-landing .stat-card{background:var(--color-surface)!important;border:1px solid var(--color-border-weak)!important;border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);display:flex;align-items:center;gap:var(--space-md);position:relative;box-shadow:var(--shadow-md)!important}.student-landing .stat-card.inactive{opacity:.7;filter:grayscale(.5);cursor:help}.student-landing .skill-map-mini-btn{position:absolute;top:10px;right:10px;background:var(--color-primary-soft);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);cursor:pointer;transition:all .2s var(--ease-out);font-size:1.2rem;border:1px solid var(--color-primary-soft)}.student-landing .skill-map-mini-btn:hover{background:var(--color-white);transform:scale(1.1);box-shadow:var(--shadow-sm);border-color:var(--color-primary)}.student-landing .multimedia-catalog-mini-btn{position:absolute;top:10px;right:10px;background:#ff69b41a;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);cursor:pointer;transition:all .2s var(--ease-out);font-size:1.2rem;border:1px solid rgba(255,105,180,.2);z-index:10}.student-landing .multimedia-catalog-mini-btn:hover{background:var(--color-white);transform:scale(1.1);box-shadow:var(--shadow-sm);border-color:#ff69b480}.student-landing .stat-card.multimedia-card{border-color:#ff69b433;transition:all .3s var(--ease-out)}.student-landing .stat-card.multimedia-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-lg);border-color:#ff69b466}.student-landing .stat-card.multimedia-card .stat-icon{background:#ff69b40d}.new-material-dot{position:absolute;top:10px;right:10px;width:12px;height:12px;background:var(--color-error);border-radius:var(--radius-full);border:2px solid var(--color-white);box-shadow:0 0 10px var(--color-error-soft);animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%{transform:scale(.95);opacity:.7}70%{transform:scale(1.1);opacity:1}to{transform:scale(.95);opacity:.7}}.student-landing .stat-icon{font-size:2rem;background:var(--color-surface-hover);width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0}.student-landing .skill-icon-img{width:100%;height:100%;object-fit:contain;padding:2px}.student-landing .stat-info{flex:1}.student-landing .stat-info h3{margin:0;font-size:var(--text-xs);color:var(--color-text-tertiary);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.student-landing .stat-value{display:block;font-size:var(--text-xl);font-weight:800;color:var(--text-main);margin-top:4px}.student-landing .skill-level-badge{background:var(--gradient-primary);color:var(--color-white)!important;border:none;box-shadow:0 2px 8px #8b5cf666}.student-landing .progress-container{width:100%;height:8px;background:var(--color-border-weak);border-radius:var(--radius-full);margin:8px 0 4px;overflow:hidden}.student-landing .progress-bar{height:100%;background:var(--gradient-warning);border-radius:var(--radius-full)}.student-landing .progress-labels{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.student-landing .stat-subtext{font-size:var(--text-xs);color:var(--text-muted)}@media(max-width:768px){.main-content{padding:var(--space-md)}.student-landing .dashboard-stats{grid-template-columns:1fr;gap:var(--space-md)}.student-landing .stat-card{padding:var(--space-lg)}}.milestones-checklist{width:100%;max-width:1200px;margin:var(--space-lg) 0 var(--space-xl) 0;padding:var(--space-lg)}.milestones-checklist h3{margin:0 0 var(--space-lg) 0;font-size:var(--text-lg);color:var(--text-main);font-weight:700}.milestones-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md)}.milestone-item{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-ms);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border-weak);transition:all .3s var(--ease-out)}.milestone-item.completed{background:var(--color-success-soft);border-color:var(--color-success-soft)}.milestone-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.milestone-check{font-size:1.2rem;min-width:24px}.milestone-text{flex:1}.milestone-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.milestone-name{font-weight:600;color:var(--text-main);font-size:var(--text-sm)}.milestone-item.completed .milestone-name{color:var(--color-success)}.milestone-desc{margin:0;font-size:var(--text-xs);color:var(--text-muted);line-height:1.4}@media(max-width:768px){.milestones-grid{grid-template-columns:1fr}}.calendar-sync-glow-btn{background:var(--color-surface);border:1px solid var(--color-primary);color:var(--color-primary);padding:6px 16px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:all .2s var(--ease-out);display:flex;align-items:center;gap:8px}.calendar-sync-glow-btn:hover{background:var(--color-primary);color:var(--color-white);transform:translateY(-1px);box-shadow:var(--shadow-md)}.premium-stats-badge{display:flex;align-items:center;background:linear-gradient(145deg,#fff,#f8fafc);border:2px solid #e2e8f0;border-radius:99px;padding:0;box-shadow:0 4px 12px #0000000d,inset 0 2px 4px #fffc,0 0 18px #3b82f633;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.premium-stats-badge:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 20px #3b82f640,0 4px 12px #22c55e26,0 0 28px #3b82f64d;border-color:#93c5fd}.stats-badge-section{display:flex;align-items:center;gap:8px;padding:8px 16px}.gems-section{background:linear-gradient(135deg,#fffbeb,#fef3c7)}.rank-section{background:linear-gradient(135deg,#eff6ff,#dbeafe)}.stats-divider{width:2px;height:24px;background:#e2e8f0}.stats-icon{font-size:20px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.stats-value{font-weight:800;font-size:16px;color:#1e293b;letter-spacing:-.02em}.gems-section .stats-value{color:#d97706}.rank-section .stats-value{color:#2563eb}.rank-label{font-size:12px;font-weight:800;text-transform:uppercase;color:#64748b;margin-right:4px}@media(max-width:1200px){.student-social-sidebar{width:320px;padding:var(--space-lg)}}@media(max-width:1024px){.student-social-sidebar{display:none!important}.student-mobile-social-area{display:block;width:100%;margin-bottom:var(--space-xl)}.mobile-adaptive-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:var(--space-xl);align-items:start}.dashboard-stats{grid-template-columns:1fr 1fr!important}}@media(max-width:768px){.student-nav-sidebar{width:72px}.student-top-header{padding:0 var(--space-lg);height:70px}.student-top-header h1{font-size:1.25rem!important}.mobile-adaptive-layout{grid-template-columns:1fr}.dashboard-stats{grid-template-columns:1fr!important}.student-scroll-content{padding:var(--space-lg)}}.chatbot-error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;height:100%;background-color:#f8f9fa;border-radius:12px;color:#1f2937;font-family:Poppins,sans-serif}.chatbot-error-mascot{width:80px;height:80px;margin-bottom:1rem;opacity:.8;filter:grayscale(.5)}.chatbot-error-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:#dc2626}.chatbot-error-message{font-size:.9rem;color:#4b5563;margin-bottom:1.5rem;max-width:250px;line-height:1.4}.chatbot-error-actions{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:200px}.chatbot-btn-primary,.chatbot-btn-secondary,.chatbot-btn-text{padding:.5rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.chatbot-btn-primary{background:linear-gradient(135deg,#6366f1,#176fdd);color:#fff;box-shadow:0 4px 6px -1px #4f46e533}.chatbot-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 8px -1px #4f46e54d}.chatbot-btn-secondary{background-color:#fff;color:#4b5563;border:1px solid #e5e7eb}.chatbot-btn-secondary:hover{background-color:#f9fafb;border-color:#d1d5db}.chatbot-btn-text{background:none;color:#6b7280;font-size:.8rem;text-decoration:underline}.chatbot-btn-text:hover{color:#374151}.settings-modal-overlay{position:fixed;inset:0;background-color:var(--color-overlay-dark);display:flex;justify-content:center;align-items:center;z-index:var(--z-modal);animation:fadeIn .2s var(--ease-out)}.settings-modal-content{background:var(--color-surface);padding:0;border-radius:var(--radius-xl);width:92%;max-width:520px;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-xl);position:relative;animation:slideUp .4s var(--ease-out);border:1px solid var(--color-border-weak)}.settings-modal-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border-weak);display:flex;justify-content:space-between;align-items:center}.settings-modal-header h3{margin:0;font-size:var(--text-lg);color:var(--text-main);font-weight:700}.settings-close-btn{background:var(--color-surface-hover);border:none;color:var(--text-muted);width:32px;height:32px;border-radius:var(--radius-full);cursor:pointer;transition:all .2s var(--ease-out);display:flex;align-items:center;justify-content:center}.settings-close-btn:hover{background-color:var(--color-border-weak);color:var(--text-main)}.settings-modal-body{padding:var(--space-lg)}.multimedia-mini-player{display:flex;flex-direction:column;min-height:100%;height:fit-content;gap:var(--space-md);padding-bottom:var(--space-xl)}.mini-player-container{flex-shrink:0;position:relative;border-radius:var(--radius-2xl);overflow:hidden;background:#000;box-shadow:var(--shadow-xl);display:flex;flex-direction:column}.mini-media-stage{position:relative;aspect-ratio:9/16;background:#000}.video-wrapper,.mini-carousel-stage,.carousel-img-wrapper{width:100%;height:100%;position:relative}.mini-video{width:100%;height:100%;object-fit:contain;background:#000}.carousel-img-wrapper{position:relative;width:100%;height:100%;overflow:visible;min-height:250px;background:#000}.nav-arrow.left{position:absolute;left:10px!important;top:50%!important;transform:translateY(-50%)!important}.nav-arrow.right{position:absolute;right:10px!important;top:50%!important;transform:translateY(-50%)!important}.carousel-indicator{position:absolute;top:12px;left:12px;background:#0009;color:#fff;padding:2px 8px;border-radius:var(--radius-full);font-size:10px;font-weight:700;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.carousel-dots{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:110;padding:8px 16px;background:#0009;border-radius:20px;pointer-events:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.15)}.carousel-dot{width:10px;height:10px;border-radius:50%;background:#fff6;cursor:pointer;transition:all .3s ease}.carousel-dot.active{background:#fff;width:28px;border-radius:14px;box-shadow:0 0 10px #fff6}.mini-player-info-strip{padding:var(--space-md);background:#111;border-top:1px solid rgba(255,255,255,.1);border-bottom-left-radius:var(--radius-2xl);border-bottom-right-radius:var(--radius-2xl);color:#fff;display:flex;flex-direction:column;gap:var(--space-sm)}.mini-player-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,transparent 40%,transparent 60%,rgba(0,0,0,.4) 100%);display:flex;flex-direction:column;justify-content:space-between;padding:var(--space-md);opacity:0;transition:opacity .3s ease}.video-wrapper:hover .mini-player-overlay,.mini-carousel-placeholder:hover .mini-player-overlay{opacity:1}.top-actions{display:flex;justify-content:flex-end;gap:var(--space-sm)}.mini-action-btn,.nav-arrow{background:#000000bf!important;color:#fff!important;border:1.5px solid rgba(255,255,255,.4)!important;border-radius:50%!important;width:42px!important;height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;z-index:100!important;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #00000080!important;pointer-events:auto!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mini-action-btn:hover{background:var(--color-primary)!important;border-color:#fff!important;transform:scale(1.05)!important;box-shadow:0 6px 20px #000000b3!important}.nav-arrow:hover{background:var(--color-primary)!important;border-color:#fff!important;transform:translateY(-50%) scale(1.05)!important;box-shadow:0 6px 20px #000000b3!important}.mini-player-top-overlay{position:absolute;top:12px;right:12px;display:flex;gap:8px;z-index:101}.center-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;pointer-events:none}.mini-player-info-strip{color:var(--text-main);display:flex;flex-direction:column;gap:var(--space-sm)}.mini-info-text{flex-grow:1}.mini-info-text h5{margin:0 0 4px;font-size:var(--text-base);font-weight:700;color:#fff!important}.mini-desc{font-size:var(--text-xs);color:#ccc;opacity:.9;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mini-desc.expanded{-webkit-line-clamp:unset;max-height:100px;overflow-y:auto}.btn-toggle-desc{background:none;border:none;color:#ffffffb3;font-size:10px;padding:0;cursor:pointer;text-transform:uppercase;font-weight:700;margin-top:2px}.mini-player-actions{display:flex;gap:var(--space-md);margin:var(--space-sm) 0}.mini-btn{background:none;border:none;color:#fff;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:transform .2s ease}.mini-btn span{font-size:10px;font-weight:700;color:#eee}.mini-btn:hover{transform:scale(1.1)}.mini-btn.liked,.mini-btn.liked span{color:#ff2d55}.mini-btn.active,.mini-btn.active span{color:var(--color-primary)}.mini-comments-pnl{position:absolute;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;z-index:10;animation:fadeIn .2s ease}.mini-comments-hdr{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);border-bottom:1px solid rgba(255,255,255,.1)}.mini-comments-hdr h6{margin:0;color:#fff;font-size:var(--text-sm)}.mini-comments-hdr button{background:none;border:none;color:#ffffff80;cursor:pointer}.mini-comments-lst{flex-grow:1;overflow-y:auto;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.mini-comment-item{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;background:#ffffff0d;padding:8px 12px;border-radius:var(--radius-md)}.mini-comment-content{font-size:var(--text-xs);color:#ffffffe6;line-height:1.4}.mini-comment-content strong{color:var(--color-primary);margin-right:4px}.mini-delete-cmt{background:none;border:none;color:#ffffff4d;cursor:pointer;padding-top:2px}.mini-delete-cmt:hover{color:#ff2d55}.mini-comment-inpt{padding:var(--space-sm) var(--space-md);background:#0000004d;display:flex;gap:8px}.mini-comment-inpt input{flex-grow:1;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-full);padding:6px 14px;color:#fff;font-size:var(--text-xs)}.mini-comment-inpt button{background:var(--color-primary);color:#fff;border:none;padding:6px 12px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;cursor:pointer}.mini-comments-loading,.mini-comment-empty{text-align:center;color:#fff6;font-size:var(--text-xs);padding:20px}.next-mini-btn{background:var(--color-primary);color:#fff;border:none;padding:6px 12px;border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:600;display:flex;align-items:center;gap:var(--space-xs);cursor:pointer}.mini-player-footer{padding-top:var(--space-sm)}.full-library-btn{width:100%;background:var(--color-surface-hover);border:1px solid var(--color-border-weak);color:var(--text-main);padding:var(--space-md);border-radius:var(--radius-xl);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all .2s ease}.full-library-btn:hover{background:var(--color-border-weak);transform:translateY(-2px)}.mini-carousel-placeholder{width:100%;height:100%;position:relative;cursor:pointer}.mini-carousel-placeholder img{width:100%;height:100%;object-fit:cover}.multimedia-flyout-loading,.multimedia-flyout-empty{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-muted)}:root{--rank-gold: #fcd34d;--rank-silver: #94a3b8;--rank-bronze: #d97706;--rank-glow-gold: rgba(251, 191, 36, .3);--rank-glow-blue: rgba(59, 130, 246, .2)}.ranking-container{background:transparent;width:100%;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.ranking-container.no-header{padding-top:5px}.ranking-header{padding:0 10px}.ranking-header-title h3{font-size:1.5rem;font-weight:800;color:#1e293b;margin:0}.ranking-subtitle{font-size:.9rem;color:#64748b;font-weight:500}.ranking-controls{display:flex;justify-content:center;margin-bottom:10px}.period-toggle{display:flex;background:#f1f5f9;padding:4px;border-radius:14px;border:1px solid #e2e8f0}.period-toggle button{padding:8px 18px;border:none;background:transparent;border-radius:10px;font-size:.85rem;font-weight:700;color:#64748b;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.period-toggle button.active{background:#fff;color:#3b82f6;box-shadow:0 4px 12px #00000014}.ranking-full-list{display:flex;flex-direction:column;gap:12px;padding:5px}.ranking-row.table-header{display:grid;grid-template-columns:60px 1fr 120px;padding:0 20px 8px;font-size:.75rem;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;border:none;background:transparent}.ranking-item-full{display:grid;grid-template-columns:60px 1fr 120px;align-items:center;padding:14px 20px;background:#fff;border-radius:20px;border:1px solid #f1f5f9;transition:all .3s cubic-bezier(.175,.885,.32,1.15);position:relative;overflow:hidden;box-shadow:0 4px 10px #00000008;animation:rankEntrance .5s ease-out backwards}.ranking-item-full:hover{transform:scale(1.01) translateY(-2px);box-shadow:0 10px 25px #00000014;border-color:#e2e8f0;z-index:5}.ranking-item-full.highlight{background:linear-gradient(90deg,#f0f7ff,#fff);border:2px solid #3b82f6}.rank-badge-full{display:flex;justify-content:center;align-items:center}.rank-number-full{font-size:1.1rem;font-weight:800;color:#94a3b8}.premium-medal-small{font-size:1.8rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.ranking-item-full .col-student{display:flex;align-items:center;gap:16px;border:none;background:transparent;padding:0}.student-name-container{display:flex;flex-direction:column;gap:2px}.user-me-badge{align-self:flex-start;font-size:9px;font-weight:900;background:#3b82f6;color:#fff;padding:1px 6px;border-radius:4px;text-transform:uppercase}.gems-pill{background:#f8fafc;padding:6px 14px;border-radius:12px;display:flex;align-items:center;justify-content:flex-end;gap:6px;border:1px solid #f1f5f9}.gems-pill .gems-value{font-weight:800;color:#d97706;font-size:1.1rem}.ranking-compact-list{display:flex;flex-direction:column;gap:8px;perspective:1000px}.ranking-item-compact{position:relative;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;border:1px solid rgba(255,255,255,.5);transition:all .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden;box-shadow:0 4px 15px #0000000d;animation:rankEntrance .5s ease-out backwards}@keyframes rankEntrance{0%{opacity:0;transform:translateY(20px) rotateX(-15deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}.ranking-item-compact:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 25px #3b82f626;z-index:10}.ranking-item-glow{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:0;transition:opacity .3s}.ranking-item-compact:hover .ranking-item-glow,.ranking-item-full:hover .ranking-item-glow{opacity:1}.ranking-item-full.is-rank-1,.ranking-item-compact.is-rank-1{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:2px solid #fcd34d;animation:goldPulse 3s infinite ease-in-out}@keyframes goldPulse{0%,to{box-shadow:0 0 15px #fbbf2433}50%{box-shadow:0 0 30px #fbbf2466}}.ranking-item-main{display:flex;align-items:center;gap:12px;z-index:1}.ranking-avatar-wrapper{position:relative;flex-shrink:0}.ranking-avatar-frame{width:48px;height:48px;border-radius:16px;overflow:hidden;background:#fff;border:2px solid white;box-shadow:0 4px 10px #0000001a}.ranking-avatar-frame.small{width:36px;height:36px;border-radius:10px}.ranking-avatar-frame img{width:100%;height:100%;object-fit:cover}.ranking-avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem}.is-rank-1 .ranking-avatar-frame{border-color:#f59e0b}.is-rank-2 .ranking-avatar-frame{border-color:#64748b}.is-rank-3 .ranking-avatar-frame{border-color:#b45309}.ranking-number-badge{position:absolute;bottom:-6px;right:-6px;background:#1e293b;color:#fff;font-size:10px;font-weight:800;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:0 2px 4px #0003;transform:scale(.9)}.ranking-info{display:flex;flex-direction:column}.ranking-name{font-weight:800;color:#1e293b;font-size:13px;letter-spacing:-.01em}.ranking-gems-container{display:flex;align-items:center;gap:4px}.ranking-gems-value{color:#d97706;font-weight:800;font-size:12px}.ranking-gems-label{font-size:10px;font-weight:700;text-transform:uppercase;color:#94a3b8;letter-spacing:.05em}.ranking-medal-area{display:flex;align-items:center;justify-content:center;font-size:1.2rem;z-index:1}.premium-medal{filter:drop-shadow(0 2px 8px rgba(0,0,0,.15));animation:medalFloat 2s infinite ease-in-out}@keyframes medalFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.ranking-container.skeleton .skeleton-list{display:flex;flex-direction:column;gap:12px}.skeleton-row{height:70px;background:linear-gradient(90deg,#f1f5f9 25%,#f8fafc,#f1f5f9 75%);background-size:200% 100%;animation:loadingPulse 1.5s infinite;border-radius:20px}@keyframes loadingPulse{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:640px){.ranking-row.table-header,.ranking-item-full{grid-template-columns:40px 1fr 100px;padding:12px}.ranking-avatar-frame.small{width:36px;height:36px}.gems-pill{padding:4px 10px}.gems-pill .gems-value{font-size:.95rem}}.country-flag-img{height:12px;width:auto;border-radius:2px;vertical-align:middle;box-shadow:0 1px 2px #0000001a;margin-right:4px}.country-flag-img-large{height:16px;width:auto;border-radius:2px;vertical-align:middle;margin-right:4px;box-shadow:0 1px 3px #00000026}.ranking-country-mini,.ranking-country-emoji{display:inline-flex;align-items:center}.pomodoro-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:var(--z-modal);display:flex;justify-content:center;align-items:center;animation:fadeIn .3s var(--ease-out)}.pomodoro-modal-content{width:90%;max-width:1000px;height:80vh;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid var(--color-border-weak);display:flex;overflow:hidden;position:relative;background:linear-gradient(135deg,var(--color-surface-hover) 0%,var(--color-surface) 100%)}.pomodoro-close-btn{position:absolute;top:var(--space-md);right:var(--space-md);background:var(--color-surface-hover);border:none;color:var(--text-muted);width:36px;height:36px;border-radius:var(--radius-full);cursor:pointer;z-index:10;transition:all .2s var(--ease-out);display:flex;align-items:center;justify-content:center}.pomodoro-close-btn:hover{color:var(--text-main);background:var(--color-border-weak)}.pomodoro-sidebar{width:320px;background:#0000000d;border-right:1px solid var(--color-border-weak);padding:var(--space-lg);display:flex;flex-direction:column}.pomodoro-sidebar h3{color:var(--text-main);margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-lg);font-weight:700}.pomodoro-timeline{flex:1;overflow-y:auto}.pomodoro-agenda-item{padding:var(--space-md);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border-weak);margin-bottom:var(--space-sm);display:flex;gap:var(--space-md);transition:all .3s var(--ease-out)}.pomodoro-agenda-item.active{background:var(--color-primary-soft);border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:scale(1.02)}.pomodoro-timer-controls{display:flex;justify-content:center;position:absolute;bottom:var(--space-lg);width:100%;gap:var(--space-md)}.btn-circle{width:60px;height:60px;border-radius:var(--radius-full);border:none;font-size:1.5rem;cursor:pointer;box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;transition:all .2s var(--ease-out);z-index:10}.btn-pause{background:var(--color-surface-hover);color:var(--text-main);border:1px solid var(--color-border-weak)}.btn-play{background:var(--color-success);color:var(--color-white)}.btn-circle:hover{transform:scale(1.1);box-shadow:var(--shadow-lg)}.pomodoro-time{font-weight:700;color:var(--color-primary);font-size:var(--text-xs)}.pomodoro-info{display:flex;flex-direction:column}.pomodoro-title{color:var(--text-main);font-weight:600;font-size:var(--text-sm)}.pomodoro-type{color:var(--text-muted);font-size:var(--text-xs);text-transform:capitalize}.pomodoro-empty-state{flex:1;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-style:italic;font-size:var(--text-sm)}.pomodoro-plan-btn{margin-top:var(--space-md);background:var(--color-primary);color:var(--color-white);border:none;padding:var(--space-md);border-radius:var(--radius-md);font-weight:700;font-size:var(--text-md);cursor:pointer;box-shadow:var(--shadow-md);transition:all .2s var(--ease-out)}.pomodoro-plan-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg);filter:brightness(1.1)}.pomodoro-plan-btn:disabled{opacity:.5;cursor:not-allowed}.pomodoro-hint{color:var(--text-muted);font-size:var(--text-xs);text-align:center;margin-top:var(--space-sm)}.pomodoro-main{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding:var(--space-xl)}.pomodoro-tomato-container{margin-bottom:var(--space-xl);animation:float 6s ease-in-out infinite}.pomodoro-emoji{font-size:8rem;filter:drop-shadow(0 0 30px var(--color-error-soft))}.pomodoro-emoji.pulsing{animation:pulse 2s infinite}.pomodoro-timer-display{text-align:center;margin-bottom:var(--space-xl)}.pomodoro-timer-display h1{font-size:5.5rem;color:var(--text-main);text-shadow:0 0 20px var(--color-primary-soft);margin:0;font-family:var(--font-display);font-weight:900;letter-spacing:-2px}.pomodoro-status-text{color:var(--text-muted);font-size:var(--text-md);margin-top:var(--space-sm);text-transform:uppercase;letter-spacing:4px;font-weight:700}.pomodoro-progress-bar-container{width:80%;height:10px;background:var(--color-surface-hover);border-radius:var(--radius-full);overflow:hidden;border:1px solid var(--color-border-weak)}.pomodoro-progress-bar-fill{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width 1s linear;box-shadow:0 0 10px var(--color-primary-soft)}@keyframes float{0%{transform:translateY(0) rotate(5deg)}50%{transform:translateY(-20px) rotate(-5deg)}to{transform:translateY(0) rotate(5deg)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media(max-width:768px){.pomodoro-modal-content{flex-direction:column-reverse;height:95vh;width:95%;max-width:450px}.pomodoro-sidebar{width:100%;height:60%;border-right:none;border-top:1px solid rgba(255,255,255,.1);padding:15px 20px;background:#00000080;overflow-y:auto;display:flex;flex-direction:column}.pomodoro-main{width:100%;height:40%;padding:10px}.pomodoro-emoji{font-size:3.5rem}.pomodoro-tomato-container{margin-bottom:10px}.pomodoro-timer-display h1{font-size:2.8rem}.pomodoro-timer-display{margin-bottom:15px}.pomodoro-status-text{font-size:.8rem}.pomodoro-progress-bar-container{width:90%}.pomodoro-sidebar h3{font-size:1.1rem;margin-bottom:10px}.pomodoro-agenda-item{padding:8px 12px;gap:10px}.pomodoro-plan-btn{margin-top:10px;padding:12px;width:100%}.pomodoro-close-btn{top:10px;right:15px;font-size:1.5rem}.conflict-list{max-height:120px}.pomodoro-setup-wizard{gap:12px;padding-bottom:20px}.pomodoro-setup-wizard h3{font-size:1.1rem}.pomodoro-title-input{padding:10px;font-size:.95rem}.wizard-actions{margin-top:5px;padding-bottom:10px}.wizard-actions button{padding:12px;font-size:.9rem}}.pomodoro-setup-wizard{display:flex;flex-direction:column;gap:15px;color:#fff}.pomodoro-setup-wizard h3{font-size:1.4rem;margin-bottom:5px;color:#a78bfa}.pomodoro-setup-wizard label{font-size:.9rem;color:#ffffffb3;margin-bottom:-5px}.pomodoro-title-input{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);padding:12px;border-radius:8px;color:#fff;font-size:1rem;outline:none;transition:all .2s}.pomodoro-title-input:focus{border-color:#8b5cf6;background:#ffffff1a;box-shadow:0 0 10px #8b5cf64d}.pomodoro-conflicts{background:#ef44440d;border:1px solid rgba(239,68,68,.2);padding:15px;border-radius:12px;margin-top:5px}.pomodoro-conflicts h4{color:#f87171;margin:0 0 5px;font-size:1rem}.pomodoro-conflicts .hint{font-size:.8rem;color:#fff9;margin-bottom:10px}.conflict-list{max-height:150px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.conflict-item{display:flex;align-items:center;gap:10px;padding:8px;background:#ffffff08;border-radius:8px}.conflict-item input[type=checkbox]{cursor:pointer;accent-color:#ef4444}.conflict-info{display:flex;flex-direction:column}.conflict-info .time{font-size:.75rem;color:#f87171;font-weight:700}.conflict-info .title{font-size:.85rem;color:#fff}.wizard-actions{display:flex;gap:10px;margin-top:10px}.btn-confirm{flex:2;background:#8b5cf6;color:#fff;border:none;padding:12px;border-radius:8px;font-weight:700;cursor:pointer;transition:background .2s}.btn-confirm:hover{background:#7c3aed}.btn-cancel{flex:1;background:#ffffff1a;color:#fff;border:none;padding:12px;border-radius:8px;cursor:pointer}.btn-cancel:hover{background:#ffffff26}.banner-space{position:relative;border-radius:16px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;background:#ffffff0d;box-shadow:0 4px 15px #0003}.banner-space:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.banner-content{width:100%;height:100%}.banner-image{width:100%;height:auto;object-fit:contain;display:block;transition:opacity .5s ease-in-out}.banner-overlay{position:absolute;inset:0;background:linear-gradient(0deg,#0003,#0000 50%);pointer-events:none}.banner-indicators{position:absolute;bottom:12px;right:12px;display:flex;gap:6px}.banner-indicator{width:6px;height:6px;border-radius:50%;background:#ffffff4d;transition:all .3s ease}.banner-indicator.active{background:#fff;transform:scale(1.2);box-shadow:0 0 8px #fffc}.banner-student_side,.banner-parent_side{aspect-ratio:1/1}.banner-student_side .banner-image,.banner-parent_side .banner-image{object-fit:contain}.banner-student_wide,.banner-parent_wide{width:80%;max-width:1200px;margin:2rem auto}@media(max-width:768px){.banner-student_wide,.banner-parent_wide{aspect-ratio:16/9;max-width:100%}}.change-password-panel{display:flex;flex-direction:column;gap:0;margin-top:15px;padding-top:5px;border-top:1px solid #edf2f7}.panel-header-collapsible{display:flex;justify-content:space-between;align-items:center;padding:15px 0;cursor:pointer;transition:all .2s ease}.panel-header-collapsible:hover .settings-panel-title{color:var(--branding-primary)}.expand-icon{font-size:1.2rem;font-weight:700;color:#cbd5e1;transition:transform .3s ease}.panel-header-collapsible.active .expand-icon{color:var(--branding-primary)}.panel-content-collapsible.expanded{max-height:600px;opacity:1;padding-bottom:15px}.forgot-password-help{padding:12px;background:var(--color-surface-hover);color:var(--text-muted);border-radius:var(--radius-md);font-size:.85rem;line-height:1.4;border:1px solid var(--color-border-weak)}.form-group{display:flex;flex-direction:column;gap:5px}.form-group label{font-size:.85rem;color:var(--text-main);font-weight:600}.form-group input{padding:12px;background:var(--color-surface);border:1px solid var(--color-border-weak);border-radius:var(--radius-sm);color:var(--text-main);font-size:.95rem;transition:all .2s var(--ease-out)}.form-group input:placeholder{color:#a0aec0}.form-group input:focus{outline:none;border-color:var(--branding-primary);background:var(--color-surface);box-shadow:var(--shadow-sm)}.btn-save-password{margin-top:10px;padding:12px;background:var(--branding-gradient);color:var(--color-white);border:none;border-radius:var(--radius-md);font-weight:700;cursor:pointer;transition:all .3s var(--ease-out);box-shadow:var(--shadow-md)}.btn-save-password:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-save-password:disabled{opacity:.6;cursor:not-allowed;transform:none}.message-banner.success{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.message-banner.error{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.referral-section{padding:var(--space-xl);background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border-weak);margin-bottom:var(--space-xl);box-shadow:var(--shadow-sm);color:var(--text-main);max-width:900px;margin-left:auto;margin-right:auto}.referral-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl);border-bottom:2px solid var(--color-surface-hover);padding-bottom:var(--space-md)}.referral-header h2{margin:0;font-size:1.75rem;font-weight:800;color:var(--text-main);letter-spacing:-.02em}.referral-intro{font-size:1.1rem;line-height:1.6;color:var(--text-muted);margin-bottom:2.5rem}.referral-intro strong{color:var(--color-primary);font-weight:800}.referral-actions-grid{display:flex;flex-direction:column}.referral-link-container{margin-bottom:1rem}.referral-link-container label{display:block;font-size:1rem;font-weight:700;margin-bottom:1rem;color:var(--text-main)}.referral-link-box{display:flex;background:var(--color-surface-hover);border-radius:var(--radius-lg);padding:var(--space-xs);border:2px solid var(--color-border-weak);transition:border-color .2s}.referral-link-box:focus-within{border-color:var(--color-primary);background:var(--color-surface)}.referral-link-input{flex:1;background:transparent;border:none;padding:.8rem 1.25rem;color:#1e293b;font-family:inherit;font-size:1rem;font-weight:600;outline:none}.copy-btn{background:var(--branding-gradient);color:var(--color-white);border:none;border-radius:var(--radius-md);padding:0 var(--space-xl);min-width:140px;font-weight:800;cursor:pointer;transition:all .3s var(--ease-out);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);font-size:var(--text-md);box-shadow:var(--shadow-sm)}.copy-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.whatsapp-btn{background:#25d366;color:#fff;border:none;border-radius:12px;padding:0 1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;min-width:50px}.whatsapp-btn:hover{background:#128c7e;transform:scale(1.05);box-shadow:0 4px 12px #25d3664d}.referral-divider{display:flex;align-items:center;text-align:center;margin:1.5rem 0;color:#94a3b8;font-size:.85rem;font-weight:600}.referral-divider:before,.referral-divider:after{content:"";flex:1;border-bottom:1px solid #e2e8f0}.referral-divider span{padding:0 1rem}.referral-invite-form{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-xl);padding:var(--space-lg);background:var(--color-surface-hover);border-radius:var(--radius-lg);border:1px solid var(--color-border-weak)}@media(min-width:640px){.referral-invite-form{flex-direction:row}}.invite-input{flex:1;background:var(--color-surface);border:2px solid var(--color-border-weak);border-radius:var(--radius-md);padding:.8rem 1.25rem;color:var(--text-main);font-size:1rem;transition:all .2s var(--ease-out)}.invite-input:focus{border-color:var(--branding-primary);outline:none;box-shadow:var(--shadow-md)}.invite-btn{background:var(--branding-gradient);border:none;color:var(--color-white);padding:.8rem 2rem;border-radius:var(--radius-md);font-weight:800;cursor:pointer;transition:all .3s var(--ease-out);font-size:1rem;box-shadow:var(--shadow-sm)}.invite-btn:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.invite-btn:disabled{opacity:.5;cursor:not-allowed}.referral-message{padding:1.25rem;border-radius:14px;margin-top:1rem;font-size:1rem;text-align:center;font-weight:700}.referral-message.success{background:#ecfdf5;color:#059669;border:1px solid #d1fae5}.referral-message.error{background:#fef2f2;color:#dc2626;border:1px solid #fee2e2}.referral-footer-hint{margin-top:1.5rem;padding:1.25rem;background:#f0f9ff;border-radius:16px;border:1px solid #e0f2fe;color:#0369a1;font-size:.95rem;line-height:1.5}.referral-loading{padding:4rem;text-align:center;color:#64748b;font-style:italic}.referral-promo-banner{width:100%;border-radius:28px;overflow:hidden;cursor:pointer;position:relative;transition:all .6s cubic-bezier(.34,1.56,.64,1);background:#fff;margin-bottom:0;border:2px solid rgba(16,185,129,.2);box-shadow:0 10px 30px #0000000a,0 4px 15px #10b98126;perspective:1000px;transform-style:preserve-3d}.referral-promo-banner:hover{transform:translateY(-8px) rotateX(4deg) rotateY(-2deg);box-shadow:0 20px 40px #00000026,0 0 35px #10b98199,0 0 50px #3b82f666;border-color:#10b981}.banner-content{display:flex;flex-direction:column;min-height:200px;position:relative;background:transparent;z-index:1;transform-style:preserve-3d}.referral-promo-banner.student .banner-fallback-bg{background:linear-gradient(135deg,#0ea5e9,#10b981,#3b82f6 66%,#0ea5e9);background-size:300% 300%;animation:gradientFlow 4s ease infinite}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.referral-promo-banner.parent .banner-fallback-bg{background:linear-gradient(135deg,#8b5cf6,#6366f1,#3b82f6);background-size:200% 200%;animation:gradientFlow 6s ease infinite}.referral-banner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#ffffffbf,#ffffff80 40%,#ffffff0d);z-index:2}.banner-text{position:relative;z-index:10;padding:1.5rem 2rem;flex:1;display:flex;flex-direction:column;justify-content:center;transform:translateZ(30px)}.banner-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 14px;background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:100px;color:#1e293b;font-size:10px;font-weight:900;letter-spacing:.1em;margin-bottom:14px;width:fit-content;box-shadow:0 4px 12px #00000014;border:1px solid rgba(255,255,255,.5);animation:badgePulse 2s infinite ease-in-out}@keyframes badgePulse{0%,to{transform:scale(1);box-shadow:0 4px 12px #00000014}50%{transform:scale(1.05);box-shadow:0 8px 16px #3b82f626}}.banner-text h3{margin:0 0 8px;font-size:1.5rem;font-weight:900;color:#0f172a;line-height:1.1;letter-spacing:-.03em;text-shadow:0 2px 4px rgba(0,0,0,.05)}.banner-text p{margin:0 0 18px;font-size:.95rem;color:#475569;line-height:1.3;max-width:85%;font-weight:600}.banner-cta{display:flex;align-items:center;gap:8px;color:#3b82f6;font-weight:800;font-size:.95rem;transition:all .3s ease}.banner-cta span{border-bottom:2px solid rgba(59,130,246,.2);padding-bottom:2px}.referral-promo-banner:hover .banner-cta{gap:12px}.referral-promo-banner:hover .banner-cta span{border-bottom-color:#3b82f6}.banner-glow-effect{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.4) 0%,transparent 70%);pointer-events:none;z-index:3;animation:glowRotate 10s linear infinite;mix-blend-mode:overlay}@keyframes glowRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.banner-icon-floating{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);z-index:5;background:#fff;padding:1rem;border-radius:20px;color:#3b82f6;box-shadow:0 8px 25px #00000014;display:flex;align-items:center;justify-content:center;animation:floatIcon 4s ease-in-out infinite}@keyframes floatIcon{0%,to{transform:translateY(-50%) translate(0) scale(1)}50%{transform:translateY(-60%) translate(-5px) scale(1.05)}}.referral-promo-banner:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);z-index:6;transform:skew(-25deg)}.referral-promo-banner:hover:after{animation:shimmerSweep 1.5s ease-in-out forwards}@keyframes shimmerSweep{0%{left:-100%}to{left:150%}}.referral-promo-banner.parent .banner-cta{color:#8b5cf6}.referral-promo-banner.parent .banner-cta span{border-bottom-color:#8b5cf633}.referral-promo-banner.parent .banner-icon-floating{color:#8b5cf6}@media(max-width:640px){.banner-text{padding:1.2rem}.banner-text h3{font-size:1.2rem}.banner-text p{font-size:.8rem;max-width:100%}.banner-icon-floating{display:none}}.skill-progress-widget-container{width:100%;margin-bottom:0;perspective:1200px}.skill-progress-super-card{background-image:linear-gradient(135deg,#0ea5e9 10%,#10b981)!important;background-color:transparent!important;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.4)!important;border-radius:24px!important;padding:1.2rem!important;box-shadow:0 15px 30px #00000026,inset 0 0 20px #ffffff26!important;transition:all .6s cubic-bezier(.34,1.56,.64,1)}.skill-progress-super-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(255,255,255,.1) 0%,transparent 60%);opacity:.5;pointer-events:none;animation:rotateMesh 20s linear infinite}@keyframes rotateMesh{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ds-card.skill-progress-super-card:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 30px 60px #10b98140,inset 0 0 40px #ffffff40!important}.widget-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.2rem;position:relative;z-index:2}.skill-icon-outer{position:relative;width:56px;height:56px;display:flex;align-items:center;justify-content:center}.skill-icon-glow{position:absolute;width:140%;height:140%;background:radial-gradient(circle,rgba(255,255,255,.4) 0%,transparent 70%);border-radius:50%;opacity:.4;animation:iconPulseExtreme 4s infinite ease-in-out}@keyframes iconPulseExtreme{0%,to{transform:scale(.85);opacity:.3}50%{transform:scale(1.2);opacity:.6}}.skill-icon-inner{width:100%;height:100%;background:#fffffff2;border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 20px #00000026;font-size:1.8rem;overflow:hidden;transform:rotate(-3deg);border:2px solid white}.skill-icon-inner img{width:75%;height:75%;object-fit:contain}.skill-info-text{flex:1}.skill-title{margin:0 0 .2rem;font-size:1.2rem;font-weight:900;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.2);letter-spacing:-.03em}.premium-level-badge{background:#0f172a99!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2)!important;color:#fff!important;font-weight:800!important;letter-spacing:.1em!important;text-transform:uppercase!important;padding:4px 14px!important;border-radius:1000px!important;box-shadow:0 4px 12px #00000026;font-size:.75rem!important}.progress-section{margin-bottom:1.5rem;position:relative;z-index:2}.progress-labels{display:flex;justify-content:space-between;margin-bottom:1rem}.label-left{font-size:.9rem;font-weight:800;color:#ffffffe6;text-transform:uppercase;letter-spacing:.08em}.label-right{font-size:1rem;font-weight:950;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.1)}.premium-progress-track{width:100%;height:12px;background:#00000026;border-radius:1000px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 2px 8px #0003}.premium-progress-fill{height:100%;background:linear-gradient(90deg,#f0f9ff,#dcfce7,#f0f9ff);background-size:200% 100%;border-radius:1000px;position:relative;transition:width 1.2s cubic-bezier(.19,1,.22,1);animation:flowGradientLight 3s linear infinite;box-shadow:0 0 20px #fff6}@keyframes flowGradientLight{0%{background-position:0% 0%}to{background-position:-200% 0%}}.milestone-hub{position:relative;z-index:2}.hub-title{font-size:1rem;font-weight:900;color:#fff;margin:0 0 1.2rem;text-transform:uppercase;letter-spacing:.1em;opacity:.95;text-shadow:0 2px 5px rgba(0,0,0,.1)}.milestone-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.75rem}.milestone-chip{display:flex;flex-direction:column;padding:8px 10px;background:#ffffff1a;border-radius:16px;border:1px solid rgba(255,255,255,.15);cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.milestone-chip:hover{transform:translateY(-4px) scale(1.03);background:#fff3;border-color:#fff6;box-shadow:0 10px 20px #0003}.chip-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.chip-icon{font-size:1rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.chip-name{font-size:.75rem;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.02em}.chip-progress-container{width:100%;margin-top:4px}.chip-progress-text{font-size:.6rem;font-weight:700;color:#fffc;margin-bottom:2px;text-align:right}.chip-progress-mini-track{width:100%;height:3px;background:#0003;border-radius:10px;overflow:hidden}.chip-progress-mini-fill{height:100%;background:#4ade80;border-radius:10px;transition:width .8s ease-out;box-shadow:0 0 10px #4ade8066}.chip-completed-label{font-size:.7rem;font-weight:850;color:#4ade80;text-transform:uppercase;letter-spacing:.05em;margin-top:6px;text-align:center}.milestone-chip.completed{background:#10b98140;border-color:#4ade8066;box-shadow:inset 0 0 15px #4ade801a}.chip-tooltip{position:absolute;bottom:-100%;left:0;width:100%;background:#0f172af2;color:#fff;font-size:.65rem;padding:8px;border-radius:0 0 20px 20px;transition:bottom .3s ease;z-index:10;pointer-events:none}.milestone-chip:hover .chip-tooltip{bottom:0}.completion-glow{position:absolute;top:50%;left:50%;width:150%;height:150%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(74,222,128,.3) 0%,transparent 70%);animation:pulseGlowExtreme 2.5s infinite;pointer-events:none}@keyframes pulseGlowExtreme{0%,to{opacity:.2;transform:translate(-50%,-50%) scale(.8)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.1)}}@media(max-width:768px){.skill-progress-super-card{padding:1.4rem!important;border-radius:24px!important}.skill-title{font-size:1.4rem}.milestone-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}}.ds-card{background-color:var(--bg-card);border-radius:var(--radius-lg);color:var(--text-main);backdrop-filter:blur(var(--backdrop-blur));-webkit-backdrop-filter:blur(var(--backdrop-blur));box-shadow:var(--shadow-md);border:1px solid var(--color-border);padding:var(--space-6);position:relative;overflow:hidden;transition:all .3s ease}.ds-card.is-hoverable:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}[data-theme=student] .ds-card{border:1px solid rgba(255,255,255,.4);box-shadow:0 4px 15px #0000000d}.ds-card.is-bordered{border:1px solid var(--border-color)}.particles-container{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}.particle{position:absolute;border-radius:50%;background:radial-gradient(circle at center,rgba(255,255,255,.9) 0%,rgba(74,144,226,.6) 30%,transparent 70%);filter:blur(1.5px);will-change:transform,opacity}.particle:nth-child(3n){background:radial-gradient(circle at center,rgba(34,211,238,.8) 0%,rgba(6,182,212,.4) 40%,transparent 70%)}.particle:nth-child(5n){background:radial-gradient(circle at center,rgba(139,92,246,.7) 0%,rgba(167,139,250,.3) 40%,transparent 70%)}@media(prefers-reduced-motion:reduce){.particle{animation:none!important}}.student-trial-wall{min-height:100vh;background:linear-gradient(135deg,#f0faff,#f5f0ff);display:flex;align-items:center;justify-content:center;padding:20px;font-family:Inter,system-ui,-apple-system,sans-serif;position:relative;overflow:hidden}.trial-glass-card{background:#ffffffb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);border-radius:40px;padding:40px;width:100%;max-width:550px;box-shadow:0 20px 50px #0000000d;text-align:center;position:relative;z-index:10}.trial-mascot-container{margin-bottom:-20px;position:relative;z-index:2}.trial-mascot{width:140px;height:auto;filter:drop-shadow(0 10px 15px rgba(0,0,0,.1))}.trial-title{font-size:2.2rem;font-weight:900;color:#2d3748;line-height:1.1;margin-top:20px;letter-spacing:-1px}.trial-highlight{background:linear-gradient(120deg,#8a2be2,#ff0080);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.trial-text{color:#4a5568;font-size:1.1rem;line-height:1.6;margin:20px 0}.trial-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:25px 0}.trial-stat-box{background:#fffc;border-radius:24px;padding:15px;border:1px solid rgba(138,43,226,.1);transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.trial-stat-box:hover{transform:scale(1.05);background:#fff}.trial-stat-label{font-size:.75rem;font-weight:800;color:#a0aec0;text-transform:uppercase;letter-spacing:1px;margin-bottom:5px}.trial-stat-value{font-size:1.5rem;font-weight:900;color:#2d3748}.trial-gem-icon{color:gold;filter:drop-shadow(0 0 5px rgba(255,215,0,.3))}.trial-footer-banner{background:linear-gradient(135deg,#8a2be2,#6a5acd);border-radius:24px;padding:20px;color:#fff;margin-top:10px;display:flex;align-items:center;gap:15px;text-align:left;box-shadow:0 10px 20px #8a2be233}.trial-footer-icon{width:45px;height:45px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center}.trial-footer-title{font-size:.9rem;font-weight:800;margin-bottom:2px}.trial-footer-desc{font-size:.75rem;opacity:.9;line-height:1.3}.trial-badge{display:inline-block;background:#8a2be21a;color:#8a2be2;padding:6px 16px;border-radius:20px;font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.portal-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);padding:20px}.portal-card{background:#fff;width:100%;max-width:500px;border-radius:24px;padding:3rem;box-shadow:0 20px 40px #0000001a;text-align:center;animation:slideUp .5s ease}.portal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.header-user-info{display:flex;align-items:center;gap:15px}.user-avatar{width:80px;height:80px;border-radius:50%;border:4px solid #e0f2fe;object-fit:cover}.portal-header h1{color:#0f172a;font-size:1.8rem;margin:0;text-align:left}.portal-content{text-align:left}.welcome-text{color:#64748b;margin-bottom:.5rem}.user-email{background-color:#f1f5f9;color:#334155;padding:10px 20px;border-radius:50px;display:inline-block;font-weight:600;margin-bottom:2rem;font-family:monospace;font-size:1.1rem}.portal-message{color:#64748b;line-height:1.6;margin-bottom:2.5rem}.btn-logout{background:transparent;border:2px solid #ef4444;color:#ef4444;padding:12px 30px;border-radius:50px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-logout:hover{background:#ef4444;color:#fff}.btn-logout-header{background:#0000000d;border:1px solid rgba(0,0,0,.1);color:#ef4444;font-size:1.2rem;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.btn-logout-header:hover{background:#ef4444;color:#fff;transform:scale(1.05);border-color:#ef4444}.info-pill{background-color:#f8fafc;border:1px solid #e2e8f0;padding:12px 16px;border-radius:12px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center}.info-pill .label{color:#64748b;font-size:.9rem}.info-pill .value{color:#0f172a;font-weight:600}.role-badge{background:#e0f2fe;color:#0284c7;padding:4px 12px;border-radius:20px;font-size:.85rem}.multimedia-container{height:100vh;width:100%;background:var(--color-black, #000);position:relative;overflow:hidden;color:var(--color-white)}.multimedia-header{position:absolute;top:0;left:0;right:0;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-md);z-index:100;background:linear-gradient(to bottom,var(--color-overlay-dark),transparent)}.multimedia-header h1{font-size:var(--text-lg);font-weight:700;margin:0;flex:1;text-align:center;text-shadow:var(--shadow-text)}.catalog-btn{background:var(--color-surface-translucent);border:1px solid var(--color-border);color:var(--text-main);padding:6px 16px;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all .2s var(--ease-out)}.catalog-btn:hover{background:var(--bg-glass-hover);transform:scale(1.05)}.back-btn{background:var(--color-surface-translucent);border:1px solid var(--color-border);color:var(--text-main);cursor:pointer;width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:all .2s var(--ease-out)}.back-btn:hover{background:var(--bg-glass-hover)}.reels-list{height:100%;overflow-y:scroll;scroll-snap-type:y mandatory;scrollbar-width:none;-ms-overflow-style:none}.reels-list::-webkit-scrollbar{display:none}.reel-item{height:100vh;width:100%;scroll-snap-align:start;position:relative;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden}.reel-video{max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);background:var(--color-overlay-dark);border:1.5px solid var(--color-border-weak);border-radius:var(--radius-full);width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:30;transition:all .2s;color:var(--color-white);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.carousel-nav.prev{left:12px}.carousel-nav.next{right:12px}.carousel-nav:hover{background:#000000a6;transform:translateY(-50%) scale(1.1)}.carousel-pagination{position:absolute;bottom:120px;left:50%;transform:translate(-50%);display:flex;gap:var(--space-xs);z-index:30}.carousel-pagination .dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-overlay-standard);cursor:pointer}.carousel-pagination .dot.active{background:var(--color-white);width:24px;border-radius:var(--radius-xs)}.reel-overlay{position:absolute;bottom:0;left:0;right:0;padding:20px 16px 40px;background:linear-gradient(to top,var(--color-overlay-dark),transparent);display:flex;justify-content:space-between;align-items:flex-end}.reel-info{flex:1;padding-right:var(--space-lg);max-width:calc(100% - 80px)}.reel-info h3{font-size:var(--text-lg);margin-bottom:var(--space-xs);text-shadow:var(--shadow-text)}.reel-info p{font-size:var(--text-sm);opacity:.9;line-height:1.4;text-shadow:var(--shadow-text)}.reel-actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding-bottom:var(--space-xs)}.action-btn{display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--color-overlay-dark);border:1.5px solid var(--color-border-weak);border-radius:var(--radius-full);padding:10px;cursor:pointer;color:var(--color-white);transition:all .2s var(--ease-out);min-width:52px}.action-btn span{font-size:var(--text-xs);font-weight:700;color:var(--color-white);text-shadow:0 1px 3px rgba(0,0,0,.6)}.action-btn:hover{background:#0009;transform:scale(1.1);border-color:#ffffff80}.action-btn.liked{border-color:#ff2d55;background:#ff2d5533}.comments-panel{position:absolute;bottom:0;left:0;right:0;height:60%;background:var(--color-surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;color:var(--text-main);z-index:200;display:flex;flex-direction:column;animation:slideUp .3s var(--ease-out);box-shadow:var(--shadow-lg)}.comments-header{padding:var(--space-md);border-bottom:1px solid var(--color-border-weak);display:flex;justify-content:space-between;align-items:center}.comments-header h4{margin:0;font-size:var(--text-md);font-weight:700}.comments-header button{background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex}.comments-list{flex:1;overflow-y:auto;padding:var(--space-md)}.comment-user{font-weight:700;font-size:var(--text-sm);margin-right:var(--space-xs);color:var(--color-primary)}.comment p{display:inline;font-size:var(--text-sm);color:var(--text-main)}.comment-input{padding:var(--space-md);border-top:1px solid var(--color-border-weak);display:flex;gap:var(--space-sm)}.comment-input input{flex:1;padding:var(--space-xs) var(--space-md);border:1px solid var(--color-border-weak);background:var(--color-surface-hover);border-radius:var(--radius-full);outline:none;color:var(--text-main)}.comment-input button{background:var(--color-primary);color:var(--color-white);border:none;padding:var(--space-xs) var(--space-lg);border-radius:var(--radius-full);font-weight:700;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-sm)}.comment-input button:hover{background:var(--color-primary);filter:brightness(1.1);transform:translateY(-1px)}.blur-overlay{filter:blur(4px);pointer-events:none}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.student-multimedia-catalog-page{min-height:100vh;background:var(--color-body-bg);display:flex;flex-direction:column}.main-content{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:var(--space-lg) var(--space-xl)}.multimedia-catalog-page-loading{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-body-bg);color:var(--text-muted)}.catalog-central-panel{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border-weak);box-shadow:var(--shadow-xl);padding:var(--space-xl);margin-top:var(--space-sm);width:100%}.catalog-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl);border-bottom:1px solid var(--color-border-weak);padding-bottom:var(--space-md)}.catalog-panel-header .header-text h2{margin:0;font-size:var(--text-2xl);font-weight:800;color:var(--text-main)}.catalog-panel-header .header-text p{margin:4px 0 0;color:var(--text-muted);font-size:var(--text-sm)}.search-input-wrapper{display:flex;align-items:center;background:var(--color-surface-hover);border:1px solid var(--color-border-weak);border-radius:var(--radius-md);padding:0 var(--space-md);transition:all .3s;gap:var(--space-sm);min-width:280px;height:42px}.search-input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft);background:var(--color-surface)}.search-icon{color:var(--text-muted);flex-shrink:0}.search-input-wrapper input{flex:1;border:none;padding:0;font-size:var(--text-sm);color:var(--text-main);background:transparent;outline:none;min-width:0}.btn-back-reels{background:var(--color-surface);border:1px solid var(--color-border-weak);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--space-sm);color:var(--text-muted);font-weight:600;cursor:pointer;transition:all .2s var(--ease-out)}.btn-back-reels:hover{background:var(--color-surface-hover);transform:translate(-5px);border-color:var(--color-primary);color:var(--color-primary)}.category-header-light h3{margin:0;font-size:var(--text-lg);font-weight:700;color:var(--text-main);text-transform:capitalize;white-space:nowrap}.category-line{height:2px;flex:1;background:linear-gradient(90deg,var(--color-primary),transparent);border-radius:var(--radius-full)}.multimedia-card-light{background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border-weak);box-shadow:var(--shadow-sm);transition:all .4s var(--ease-out);position:relative;width:180px}.card-media-box{aspect-ratio:9 / 16;background:var(--color-black);position:relative;overflow:hidden}.card-media-box img{width:100%;height:100%;object-fit:cover}.multimedia-card-wrapper-light:hover .multimedia-card-light{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--color-primary-soft)}.media-type-tag{position:absolute;bottom:var(--space-sm);left:var(--space-sm);background:var(--color-surface-translucent);padding:4px 10px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:700;color:var(--text-main);display:flex;align-items:center;gap:var(--space-xs)}.card-details-light{padding:var(--space-md)}.card-details-light h4{margin:0 0 var(--space-sm) 0;font-size:var(--text-md);font-weight:700;color:var(--text-main);line-height:1.3}.card-kpis{display:flex;gap:var(--space-md)}.kpi-item{font-size:var(--text-xs);color:var(--text-muted);font-weight:500}.multimedia-grid-light{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-lg);margin-top:var(--space-lg)}.catalog-section-light{margin-bottom:var(--space-xl)}.multimedia-card-wrapper-light{cursor:pointer}.category-header-light{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.card-shine-effect{position:absolute;top:0;left:-80%;width:60%;height:100%;background:linear-gradient(90deg,transparent,var(--color-overlay-standard),transparent);transition:left .5s;pointer-events:none}.multimedia-card-wrapper-light:hover .card-shine-effect{left:120%}.card-hover-ui{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--color-overlay-dark);opacity:0;transition:opacity .3s}.multimedia-card-wrapper-light:hover .card-hover-ui{opacity:1}.play-btn-circle{width:48px;height:48px;border-radius:50%;background:var(--color-overlay-standard);border:2px solid var(--color-white);display:flex;align-items:center;justify-content:center}.badge-new-glow{position:absolute;top:var(--space-sm);right:var(--space-sm);background:var(--color-primary);color:#fff;font-size:var(--text-xs);font-weight:700;padding:2px 8px;border-radius:var(--radius-full);box-shadow:0 0 10px var(--color-primary-soft)}.pricing-calculator{width:100%;max-width:1100px;margin:0 auto;font-family:inherit;color:var(--color-text-primary)}.loading-container{text-align:center;padding:60px;background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-border)}.pricing-calculator .shared-controls{background:var(--color-surface);padding:30px;border-radius:var(--radius-xl);margin-bottom:40px;box-shadow:var(--shadow-md);text-align:center;border:1px solid var(--color-border)}.pricing-calculator .shared-controls h3{margin:0 0 20px;color:var(--color-text-primary);font-weight:700}.pricing-calculator .controls-wrapper{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;align-items:center}.pricing-calculator .plans-container{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:stretch}.pricing-calculator .calculator-card{background:var(--bg-card);border-radius:var(--radius-2xl);padding:40px;box-shadow:var(--shadow-lg);position:relative;border:1px solid var(--color-border);display:flex;flex-direction:column;justify-content:space-between;transition:all .3s cubic-bezier(.4,0,.2,1)}.pricing-calculator .calculator-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-5px)}.pricing-calculator .annual-card{border:2px solid var(--color-primary);transform:scale(1.05);box-shadow:0 20px 40px var(--color-primary-soft);z-index:1}.pricing-calculator .annual-card:hover{transform:scale(1.06) translateY(-5px)}.pricing-calculator .best-value-badge{position:absolute;top:-20px;left:50%;transform:translate(-50%);background:var(--branding-gradient);color:#fff;padding:10px 24px;border-radius:var(--radius-full);font-weight:700;font-size:.95rem;box-shadow:var(--shadow-lg);z-index:2;white-space:nowrap}.pricing-calculator .plan-header{text-align:center;margin-bottom:30px;border-bottom:1px solid var(--color-border-weak);padding-bottom:30px}.pricing-calculator .plan-header h2{color:var(--color-text-primary);margin-bottom:10px;font-size:2.2rem;font-family:var(--font-heading);font-weight:800}.pricing-calculator .plan-subtitle{font-size:1rem;color:var(--color-text-secondary);margin-bottom:15px;font-weight:500}.pricing-calculator .plan-description-text{font-size:.95rem;color:var(--color-text-tertiary);line-height:1.6;max-width:300px;margin:0 auto}.pricing-calculator .price-display{display:flex;justify-content:center;align-items:baseline;color:var(--color-text-primary);margin:20px 0}.pricing-calculator .annual-card .price-display{color:var(--color-primary)}.pricing-calculator .currency{font-size:1.8rem;font-weight:600;margin-right:5px}.pricing-calculator .amount{font-size:4rem;font-weight:800;line-height:1}.pricing-calculator .period{font-size:1.1rem;color:var(--color-text-secondary);margin-left:5px}.pricing-calculator .monthly-equivalent{margin-top:15px;color:var(--color-success);font-size:1.15rem;font-weight:600;background:var(--color-success-soft);padding:10px 20px;border-radius:var(--radius-lg);display:inline-block;text-align:center}.pricing-calculator .monthly-equivalent strong{font-size:1.6rem;font-weight:800}.pricing-calculator .monthly-equivalent small{display:block;font-size:.85rem;font-weight:500;opacity:.9;margin-top:2px}.pricing-calculator .features-list ul{list-style:none;padding:0;margin:0}.pricing-calculator .features-list li{padding:12px 0;border-bottom:1px solid var(--color-border-weak);color:var(--color-text-primary);text-align:center;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:10px}.pricing-calculator .features-list li:before{content:"✓";color:var(--color-success);font-weight:700}.pricing-calculator .separator{height:1px;background:var(--color-border-weak);margin:30px 0;width:100%}.pricing-calculator .family-breakdown{text-align:left;margin-bottom:30px}.pricing-calculator .breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:1.05rem;color:var(--color-text-primary)}.pricing-calculator .breakdown-item .icon{color:var(--color-success);margin-right:12px;font-weight:700}.pricing-calculator .breakdown-item.extra .icon{color:var(--color-primary)}.pricing-calculator .breakdown-item.simulated{background:var(--color-surface-dim);border-left:4px solid var(--color-primary);padding:12px 15px;margin:10px 0;border-radius:0 var(--radius-lg) var(--radius-lg) 0;animation:slideInFromRight .4s cubic-bezier(.4,0,.2,1)}@keyframes slideInFromRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.pricing-calculator .cost-tag{font-weight:700;color:var(--color-text-primary);background:var(--color-surface);padding:4px 12px;border-radius:var(--radius-md);font-size:.95rem;border:1px solid var(--color-border)}.pricing-calculator .annual-card .breakdown-item.extra .cost-tag{background:var(--color-success-soft);color:var(--color-success-dark);border-color:var(--color-success-soft)}.pricing-calculator .child-calculator-actions{margin:30px 0;display:flex;justify-content:center;gap:20px}.pricing-calculator .add-child-button{display:flex;align-items:center;gap:12px;padding:16px 32px;background:var(--branding-gradient);color:#fff;border:none;border-radius:var(--radius-full);font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-lg)}.pricing-calculator .add-child-button:hover{transform:translateY(-3px);box-shadow:0 12px 24px var(--color-primary-soft)}.pricing-calculator .calculator-controls{display:flex;gap:20px;align-items:center;flex-wrap:wrap;justify-content:center;width:100%}.pricing-calculator .quantity-controls{display:flex;align-items:center;gap:15px;background:var(--color-body-bg);padding:10px 20px;border-radius:var(--radius-full);border:2px solid var(--color-border)}.pricing-calculator .quantity-btn{width:40px;height:40px;border-radius:var(--radius-full);border:none;background:var(--color-surface);color:var(--color-primary);font-size:1.5rem;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.pricing-calculator .quantity-btn:hover:not(:disabled){background:var(--color-primary);color:#fff;transform:scale(1.1)}.pricing-calculator .quantity-display{font-weight:700;color:var(--color-text-primary);min-width:160px;text-align:center;font-size:1.05rem}.pricing-calculator .reset-button{display:flex;align-items:center;gap:10px;padding:12px 24px;background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.pricing-calculator .reset-button:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.pricing-calculator .optional-services{margin-top:30px;padding-top:30px;text-align:left}.pricing-calculator .optional-services h4{margin:0 0 15px;color:var(--color-text-secondary);font-size:.9rem;text-transform:uppercase;letter-spacing:1.5px;font-weight:700}.pricing-calculator .cta-button{width:100%;padding:20px;border-radius:var(--radius-full);font-size:1.25rem;font-weight:800;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;box-shadow:var(--shadow-lg);margin-top:20px}.pricing-calculator .cta-button.primary{background:var(--branding-gradient);color:#fff}.pricing-calculator .cta-button.secondary{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.pricing-calculator .cta-button:hover{transform:translateY(-4px);box-shadow:0 15px 30px var(--color-primary-soft)}.price-summary-unified{background:var(--color-surface-dim);border-radius:var(--radius-xl);padding:24px;margin:25px 0;border:1px solid var(--color-border-weak)}.summary-row{display:flex;justify-content:space-between;margin-bottom:12px;font-weight:500;color:var(--color-text-secondary);font-size:1rem}.summary-row.discount{color:var(--color-success-dark);font-weight:700;background:var(--color-success-soft);padding:4px 12px;border-radius:var(--radius-md);margin:10px 0}.summary-row.total-pay-now{margin-top:20px;padding-top:20px;border-top:2px solid var(--color-border);color:var(--color-text-primary);font-weight:900;font-size:1.5rem}.pricing-calculator .renewal-notice{font-size:.9rem;color:var(--color-text-tertiary);margin-top:15px;text-align:center;line-height:1.6;background:var(--color-surface);padding:10px;border-radius:var(--radius-md)}.pricing-calculator .services-intro{font-size:.95rem;color:var(--color-text-secondary);margin-bottom:25px;text-align:center;font-style:italic;line-height:1.6}.pricing-calculator .service-header{display:flex;flex-direction:column;gap:12px;margin-bottom:15px}.pricing-calculator .service-main-info{display:flex;justify-content:space-between;align-items:center;gap:15px}.pricing-calculator .service-desc{margin:0;font-size:1rem;color:var(--color-text-primary)}.pricing-calculator .info-toggle-btn{background:var(--color-surface-dim);border:1px solid var(--color-border-weak);color:var(--color-primary);padding:12px 20px;border-radius:var(--radius-lg);font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:10px;width:100%;justify-content:center}.pricing-calculator .info-toggle-btn:hover{background:var(--color-surface-hover);border-color:var(--color-border);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.pricing-calculator .info-toggle-btn[aria-expanded=true]{background:var(--branding-gradient);color:#fff;border-color:transparent;box-shadow:var(--shadow-md)}.pricing-calculator .service-explanation{margin-top:15px;padding:24px;background:var(--color-surface-dim);border-left:4px solid var(--color-primary);border-radius:var(--radius-lg);animation:slideDown .4s cubic-bezier(.4,0,.2,1)}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:800px;transform:translateY(0)}}.pricing-calculator .service-explanation h5{color:var(--color-text-primary);font-size:1.1rem;margin:0 0 16px;font-weight:800}.pricing-calculator .service-explanation ul{list-style:none;padding:0;margin:0 0 20px}.pricing-calculator .service-explanation li{padding:12px 0 12px 28px;position:relative;color:var(--color-text-secondary);font-size:.95rem;line-height:1.6;border-bottom:1px solid var(--color-border-weak)}.pricing-calculator .service-explanation li:last-child{border-bottom:none}.pricing-calculator .service-explanation li:before{content:"→";position:absolute;left:0;color:var(--color-primary);font-weight:800;font-size:1.2rem}.pricing-calculator .service-explanation li strong{color:var(--color-text-primary);font-weight:700}.pricing-calculator .service-note{background:var(--color-surface);padding:15px 20px;border-radius:var(--radius-lg);font-size:.9rem;color:var(--color-text-secondary);margin:20px 0 0;border:1px solid var(--color-border-weak);line-height:1.6}.pricing-calculator .service-note strong{color:var(--color-primary)}.pricing-calculator .services-footer{margin-top:30px;padding-top:25px;border-top:1px solid var(--color-border-weak);text-align:center}.pricing-calculator .services-footer p{font-size:.95rem;color:var(--color-text-secondary);line-height:1.7}.pricing-calculator .services-footer strong{color:var(--color-text-primary)}.pricing-calculator .discount-code-section{margin:30px 0;padding:30px;background:var(--color-surface);border-radius:var(--radius-2xl);border:2px dashed var(--color-border);text-align:left}.pricing-calculator .discount-code-section label{display:block;font-size:1.1rem;font-weight:700;color:var(--color-text-primary);margin-bottom:15px}.pricing-calculator .discount-input-group{display:flex;gap:15px}.pricing-calculator .discount-input-group input{flex:1;padding:16px 24px;border:2px solid var(--color-border);border-radius:var(--radius-xl);font-size:1.1rem;font-weight:700;text-transform:uppercase;transition:all .3s;background:var(--color-body-bg)}.pricing-calculator .discount-input-group input:focus{outline:none;border-color:var(--color-primary);background:#fff;box-shadow:0 0 0 4px var(--color-primary-soft)}.pricing-calculator .apply-discount-btn{padding:0 35px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-xl);font-weight:700;font-size:1.05rem;cursor:pointer;transition:all .3s}.pricing-calculator .apply-discount-btn:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.pricing-calculator .discount-error{color:var(--color-error);font-size:.95rem;margin-top:15px;font-weight:600}.applied-discount-info{margin-top:20px;display:flex;align-items:center;justify-content:space-between;background:var(--color-success-soft);padding:15px 25px;border-radius:var(--radius-xl);color:var(--color-success-dark);font-weight:700}.remove-discount-btn{background:var(--color-surface);border:1px solid var(--color-error-soft);color:var(--color-error);font-weight:800;cursor:pointer;font-size:1.4rem;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.remove-discount-btn:hover{background:var(--color-error-soft);transform:scale(1.1)}.pricing-calculator .referral-program{margin-top:80px;background:var(--branding-gradient);color:#fff;padding:60px;border-radius:var(--radius-3xl);box-shadow:var(--shadow-2xl);position:relative;overflow:hidden;text-align:left}.pricing-calculator .referral-program h3{font-size:2.8rem;text-align:center;margin-bottom:50px}.pricing-calculator .referral-content{display:grid;grid-template-columns:1fr auto 1fr;gap:40px;align-items:start}.pricing-calculator .referral-block h4{font-size:1.6rem;margin-bottom:20px}.pricing-calculator .referral-block p{font-size:1.1rem;line-height:1.7;opacity:.95}.pricing-calculator .referral-note{background:#ffffff26;padding:20px;border-radius:var(--radius-lg);font-size:.95rem;margin-top:25px;border-left:4px solid white}@media(max-width:900px){.pricing-calculator .plans-container{grid-template-columns:1fr;gap:60px}.pricing-calculator .annual-card{transform:none;order:-1}.pricing-calculator .referral-content{grid-template-columns:1fr}.pricing-calculator .referral-divider{height:1px;width:100%}}.fiscal-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:99999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.fiscal-modal-content .form-group label{font-size:.85rem;font-weight:600;color:#000!important;margin-bottom:4px;display:block}.fiscal-modal-content{background:#fff;border-radius:16px;width:100%;max-width:500px;box-shadow:0 10px 25px #0003;overflow:hidden;display:flex;flex-direction:column}.fiscal-modal-header{padding:20px 24px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.fiscal-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#1a1a1a}.close-btn{background:none;border:none;cursor:pointer;color:#666;padding:4px;border-radius:50%;transition:background .2s}.close-btn:hover{background:#f5f5f5;color:#333}.fiscal-modal-body{padding:24px;display:flex;flex-direction:column;gap:20px}.description-text{font-size:.9rem;color:#4b5563;margin:0;line-height:1.5}.error-alert{background:#fef2f2;color:#ef4444;padding:12px;border-radius:8px;font-size:.9rem;display:flex;align-items:center;gap:8px;border:1px solid #fee2e2}.form-group{display:flex;flex-direction:column;gap:6px}.fiscal-modal-content .input-field{padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;transition:border-color .2s,box-shadow .2s;background-color:#fff;color:#1a1a1a}.fiscal-modal-content .input-field:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;background-color:#fff;color:#1a1a1a}.fiscal-modal-content .input-field::placeholder{color:#9ca3af;opacity:1}.fiscal-modal-content .input-field.disabled{background-color:#f3f4f6;color:#6b7280;cursor:not-allowed}.address-section{background:#f9fafb;padding:16px;border-radius:12px;border:1px solid #e5e7eb;display:flex;flex-direction:column;gap:16px}.address-section h4{margin:0;font-size:.95rem;font-weight:600;color:#4b5563}.form-row{display:flex;gap:16px}.form-row .form-group{flex:1}.fiscal-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.btn-primary{background:#6366f1;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:background .2s}.btn-primary:hover{background:#4f46e5}.btn-primary:disabled{background:#a5a6f6;cursor:not-allowed}.btn-secondary{background:#fff;color:#4b5563;border:1px solid #d1d5db;padding:10px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:background .2s}.btn-secondary:hover{background:#f9fafb}.subscription-management-enhanced{max-width:1000px;margin:0 auto;padding:20px;font-family:Inter,system-ui,-apple-system,sans-serif;color:#1e293b}.subscription-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.subscription-header h2{font-size:2rem;font-weight:800;margin:0;letter-spacing:-.025em;color:#0f172a}.subscription-intro{color:#64748b;font-size:1.1rem;margin-top:4px}.status-badge{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:9999px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.status-badge.premium{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.status-badge.trial{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.status-badge.suspended,.status-badge.paused{background:#fffbeb;color:#b45309;border:1px solid #fde68a}.status-badge.canceled{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.management-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto;gap:24px}.plan-main_card{grid-column:span 2}.info-card{background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(226,232,240,.8);border-radius:20px;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d}.info-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.info-card .card-header{padding:20px 24px;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;gap:12px}.info-card .card-header h3{margin:0;font-size:1.1rem;font-weight:700;color:#334155}.info-card .card-header svg{padding:8px;border-radius:12px;width:36px;height:36px}.icon-purple{background:#f5f3ff;color:#7c3aed}.icon-blue{background:#eff6ff;color:#2563eb}.icon-green{background:#f0fdf4;color:#16a34a}.info-card .card-body{padding:24px}.plan-highlights{display:flex;gap:40px;margin-bottom:24px;flex-wrap:wrap}.highlight-item{flex-shrink:0}.child-slots-item .flex-col{margin-top:4px}.highlight-item label{display:block;font-size:.8rem;color:#64748b;text-transform:uppercase;font-weight:600;margin-bottom:4px}.highlight-item h4{margin:0;font-size:1.25rem;font-weight:700}.plan-actions-row{display:flex;gap:12px;flex-wrap:wrap}.btn-action{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#f8fafc;border:1px solid #e2e3e9;border-radius:12px;font-size:.95rem;font-weight:600;color:#475569;cursor:pointer;transition:all .2s}.btn-action:hover{background:#f1f5f9;border-color:#cbd5e1}.btn-primary{background:#4f46e5;color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.btn-primary:hover{background:#4338ca;transform:translateY(-1px)}.btn-full{width:100%}.btn-stripe-portal{margin-top:16px;width:100%;background:#000;color:#fff;border:none;padding:12px;border-radius:12px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.btn-text-danger{background:none;border:none;color:#dc2626;font-size:.9rem;font-weight:600;cursor:pointer;text-decoration:underline}.amount-display{display:flex;align-items:flex-start;gap:4px;margin-bottom:8px}.amount-display .currency{font-size:1.5rem;font-weight:700;margin-top:4px}.amount-display .value{font-size:3rem;font-weight:800;letter-spacing:-.05em}.payment-date{color:#64748b;margin:0 0 16px}.payment-status-tag{display:inline-flex;align-items:center;gap:6px;background:#fef3c7;color:#92400e;padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:700}.history-table-container{margin-top:-8px}.history-table{width:100%;border-collapse:collapse}.history-table th{text-align:left;font-size:.75rem;color:#94a3b8;padding:12px 8px;border-bottom:1px solid #f1f5f9}.history-table td{padding:14px 8px;font-size:.9rem;border-bottom:1px solid #f8fafc}.status-pill{padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:600}.status-pill.paid{background:#dcfce7;color:#166534}.sub-modal-overlay{position:fixed;inset:0;background:#0f172ab3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999}.sub-modal-content{background:var(--bg-card, #ffffff);color:var(--text-primary, #1e293b);width:95%;max-width:500px;border-radius:24px;padding:32px;box-shadow:0 25px 50px -12px #00000080;border:1px solid var(--border-light, rgba(226, 232, 240, .3))}.sub-modal-header h3{margin:0 0 16px;font-size:1.5rem;font-weight:800;color:var(--text-primary, #0f172a)}.sub-modal-body{line-height:1.6;font-size:1rem;color:var(--text-secondary, #475569)}.sub-modal-actions{margin-top:32px;display:flex;gap:12px;position:relative!important;top:auto!important;right:auto!important}.sub-modal-info-box{margin-top:20px;padding:16px;background:var(--blue-alpha-10, rgba(74, 144, 226, .1));border-radius:16px;border-left:4px solid var(--stoodia-blue-light, #4a90e2)}.sub-modal-info-box p{margin:0;font-size:.95rem;color:var(--text-primary, #1e293b)}.sub-modal-list{margin:16px 0;padding-left:20px}.sub-modal-list li{margin-bottom:8px;position:relative;list-style:disc;color:var(--text-secondary, #64748b)}.sub-modal-warning{display:flex;align-items:flex-start;gap:12px;background:#ef44441a;color:#dc2626;padding:16px;border-radius:12px;border:1px solid rgba(239,68,68,.2);margin-top:16px}.sub-modal-warning p{margin:0!important;line-height:1.5}.sub-modal-actions button{flex:1}.btn-secondary{background:var(--bg-secondary, #f1f5f9);color:var(--text-primary, #334155);border:1px solid var(--border-light, #e2e8f0);padding:12px;border-radius:12px;font-weight:700;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:var(--border-light, #e2e8f0)}.btn-danger{background:#ef4444!important;color:#fff!important}.btn-danger:hover{background:#dc2626!important}.sub-modal-plan-selector{margin-bottom:24px}.sub-modal-plan-selector p{font-weight:600;margin-bottom:12px}.sub-modal-selector-buttons{display:flex;gap:12px;background:var(--bg-secondary, #f8fafc);padding:6px;border-radius:12px}.btn-toggle{flex:1;padding:10px;border:none;background:transparent;color:var(--text-secondary, #64748b);font-weight:700;border-radius:8px;cursor:pointer;transition:all .2s}.btn-toggle.active{background:var(--bg-card, #ffffff);color:var(--stoodia-blue, #6366f1);box-shadow:0 4px 6px -1px #0000001a}.sub-modal-preview-section{margin-top:24px;padding:20px;background:var(--bg-secondary, #f8fafc);border-radius:16px;border:1px solid var(--border-light, #e2e8f0)}.sub-modal-preview-section h4{margin:0 0 12px;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary, #94a3b8)}.preview-row{display:flex;justify-content:space-between;align-items:center;font-weight:700;color:var(--text-primary, #0f172a)}.preview-row .amount{font-size:1.1rem;color:var(--stoodia-blue, #6366f1)}.preview-row .amount.credit{color:#10b981}.sub-modal-loading-small{font-size:.9rem;color:var(--text-secondary, #94a3b8);display:flex;align-items:center;gap:8px}.sub-modal-warning-small{margin-top:8px;font-size:.85rem;color:#059669;font-style:italic}.sub-modal-footer-note{margin-top:24px;font-size:.85rem;color:var(--text-secondary, #94a3b8);text-align:center;line-height:1.4}.animate-in{animation:fadeIn .4s ease-out}.help-footer{text-align:center;margin-top:40px;color:#94a3b8;font-size:.9rem}.help-footer a{color:#6366f1;text-decoration:none;font-weight:600}@media(max-width:768px){.management-grid{grid-template-columns:1fr}.plan-main-card{grid-column:span 1}.subscription-header{flex-direction:column;gap:16px}}.parent-landing{min-height:100vh;background:var(--vd-bg-base);font-family:var(--vd-font, "Poppins", sans-serif);color:var(--vd-text-primary);position:relative;overflow-x:hidden;display:flex;flex-direction:column;animation:vd-fade-in .4s ease both}.vd-topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--vd-space-4) var(--vd-space-8);border-bottom:1px solid var(--vd-border);position:sticky;top:0;z-index:100;background:#ffffffeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.vd-topbar-brand{display:flex;align-items:center;gap:var(--vd-space-3)}.vd-topbar-logo{width:32px;height:32px;border-radius:var(--vd-radius-sm);object-fit:contain}.vd-topbar-title{font-size:1rem;font-weight:700;letter-spacing:var(--vd-tracking);color:var(--vd-text-primary);margin:0}.vd-topbar-actions{display:flex;align-items:center;gap:var(--vd-space-3)}.vd-topbar-btn{display:flex;align-items:center;gap:var(--vd-space-2);padding:var(--vd-space-2) var(--vd-space-4);border-radius:var(--vd-radius-pill);border:1px solid var(--vd-border);background:transparent;color:var(--vd-text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:var(--vd-transition)}.vd-topbar-btn:hover{background:var(--vd-bg-card);color:var(--vd-text-primary);border-color:var(--vd-border-strong)}.vd-topbar-avatar{width:36px;height:36px;border-radius:50%;background:var(--vd-cyan-dim);border:1.5px solid var(--vd-border-accent);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:var(--vd-cyan);cursor:pointer;transition:var(--vd-transition)}.vd-topbar-avatar:hover{border-color:var(--vd-cyan);box-shadow:var(--vd-shadow-glow-cyan)}.menu-dropdown{position:absolute;top:60px;right:20px;background:var(--vd-bg-card);border:1px solid var(--vd-border-strong);border-radius:var(--vd-radius-md);box-shadow:var(--vd-shadow-float);padding:var(--vd-space-2);z-index:1000;display:flex;flex-direction:column;min-width:200px;animation:vd-scale-in .15s ease both}.menu-dropdown button{background:transparent;border:none;padding:var(--vd-space-3) var(--vd-space-4);text-align:left;color:var(--vd-text-secondary);font-weight:500;cursor:pointer;border-radius:var(--vd-radius-sm);transition:var(--vd-transition);font-size:.9rem;font-family:var(--vd-font)}.menu-dropdown button:hover{background:var(--vd-bg-input);color:var(--vd-text-primary)}.vd-hero{background:var(--vd-gradient-hero);border-bottom:1px solid var(--vd-border);padding:var(--vd-space-10) var(--vd-space-8) var(--vd-space-8);position:relative;overflow:hidden}.vd-hero:before{content:"";position:absolute;top:-80px;right:-80px;width:320px;height:320px;background:radial-gradient(circle,rgba(34,211,238,.08) 0%,transparent 70%);pointer-events:none}.vd-hero-inner{max-width:900px}.vd-hero-badge{display:inline-flex;align-items:center;gap:var(--vd-space-2);padding:var(--vd-space-1) var(--vd-space-3);border-radius:var(--vd-radius-pill);background:var(--vd-cyan-dim);border:1px solid var(--vd-border-accent);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--vd-cyan);margin-bottom:var(--vd-space-4)}.vd-hero-name{font-size:clamp(1.8rem,4vw,2.4rem);font-weight:800;letter-spacing:var(--vd-tracking-tight);color:var(--vd-text-primary);margin:0 0 var(--vd-space-2) 0;line-height:1.15}.vd-hero-name span{color:var(--vd-cyan)}.vd-hero-sub{font-size:1rem;color:var(--vd-text-secondary);margin:0 0 var(--vd-space-6) 0;line-height:var(--vd-leading)}.vd-hero-stats{display:flex;gap:var(--vd-space-6);flex-wrap:wrap}.vd-hero-stat{display:flex;flex-direction:column;gap:2px}.vd-hero-stat-value{font-size:1.5rem;font-weight:800;letter-spacing:var(--vd-tracking-tight);color:var(--vd-text-primary)}.vd-hero-stat-label{font-size:.72rem;font-weight:600;color:var(--vd-text-muted);text-transform:uppercase;letter-spacing:.06em}.vd-main{flex:1;padding:var(--vd-space-8);display:flex;flex-direction:column;gap:var(--vd-space-8);max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.vd-section-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--vd-space-4)}.vd-section-title{font-size:1rem;font-weight:700;color:var(--vd-text-primary);letter-spacing:var(--vd-tracking);margin:0;display:flex;align-items:center;gap:var(--vd-space-2)}.vd-section-title:before{content:"";width:3px;height:14px;background:var(--vd-cyan);border-radius:2px;display:inline-block}.vd-section-link{font-size:.8rem;color:var(--vd-cyan);text-decoration:none;font-weight:500;transition:var(--vd-transition)}.vd-section-link:hover{opacity:.75}.vd-metrics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--vd-space-4)}.vd-coach-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid var(--vd-border);border-radius:var(--vd-radius-xl);padding:3rem 2rem;margin-bottom:var(--vd-space-6, 1.5rem);display:flex;flex-direction:column;gap:1.5rem;align-items:center;text-align:center;box-shadow:var(--vd-shadow-card);position:relative;overflow:hidden;transition:var(--vd-transition)}.vd-coach-card:before{content:"";position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(59,130,246,.08) 0%,transparent 70%);pointer-events:none}.vd-coach-card:hover{border-color:var(--vd-border-strong);box-shadow:var(--vd-shadow-float);transform:translateY(-2px)}.vd-coach-text-content{width:100%}.vd-coach-overline{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--vd-purple);margin:0 0 var(--vd-space-2, .5rem) 0}.vd-coach-title{font-size:1.6rem;font-weight:800;letter-spacing:var(--vd-tracking);color:var(--vd-text-primary);margin:0 0 1rem;line-height:1.25}.vd-coach-sub{font-size:.95rem;color:var(--vd-text-secondary);margin:0;line-height:1.6;padding:0 1rem}.vd-coach-cta-btn{display:flex;align-items:center;justify-content:center;width:100%;gap:var(--vd-space-2, .5rem);padding:14px 28px;border-radius:var(--vd-radius-pill);background:linear-gradient(135deg,var(--vd-purple) 0%,#6366F1 100%);border:none;color:#fff;font-weight:700;font-size:.95rem;font-family:var(--vd-font);cursor:pointer;white-space:nowrap;transition:var(--vd-transition);letter-spacing:-.01em;box-shadow:0 4px 16px #6366f166}.vd-coach-cta-btn:hover{background:linear-gradient(135deg,#a855f7,#818cf8);transform:translateY(-1px);box-shadow:0 0 20px #a855f780}.vd-coach-avatar-wrapper{width:96px;height:96px;border-radius:50%;background:linear-gradient(135deg,#3b82f61a,#10b9811a);border:1px solid rgba(59,130,246,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.vd-coach-avatar{width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.2))}.vd-coach-avatar-placeholder{width:68px;height:68px;border-radius:50%;background:var(--vd-purple-dim);border:1px solid rgba(168,85,247,.3);display:flex;align-items:center;justify-content:center;color:var(--vd-purple);font-size:1.8rem;flex-shrink:0}.vd-skill-section{display:flex;flex-direction:column;gap:var(--vd-space-4)}.vd-skill-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--vd-space-4)}.vd-skill-card{background:var(--vd-bg-card);border:1px solid var(--vd-border);border-radius:var(--vd-radius-md);padding:var(--vd-space-5);display:flex;flex-direction:column;gap:var(--vd-space-3);cursor:pointer;transition:var(--vd-transition);position:relative;overflow:hidden;box-shadow:var(--vd-shadow-card)}.vd-skill-card:hover{border-color:var(--vd-border-strong);background:var(--vd-bg-card-alt);transform:translateY(-2px);box-shadow:var(--vd-shadow-float)}.vd-skill-card.active{border-color:var(--vd-border-accent)}.vd-skill-icon{width:40px;height:40px;border-radius:var(--vd-radius);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.vd-skill-icon-cyan{background:var(--vd-cyan-dim);color:var(--vd-cyan)}.vd-skill-icon-purple{background:var(--vd-purple-dim);color:var(--vd-purple)}.vd-skill-icon-green{background:var(--vd-green-dim);color:var(--vd-green)}.vd-skill-icon-gold{background:var(--vd-gold-dim);color:var(--vd-gold)}.vd-skill-header{display:flex;align-items:center;gap:var(--vd-space-3)}.vd-skill-name{font-size:.9rem;font-weight:700;color:var(--vd-text-primary);letter-spacing:var(--vd-tracking);margin:0;flex:1}.vd-skill-badge{font-size:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:var(--vd-radius-pill)}.vd-skill-badge-active{background:var(--vd-cyan-dim);color:var(--vd-cyan);border:1px solid var(--vd-border-accent)}.vd-skill-badge-complete{background:var(--vd-green-dim);color:var(--vd-green);border:1px solid rgba(16,185,129,.3)}.vd-skill-badge-locked{background:#ffffff0a;color:var(--vd-text-muted);border:1px solid var(--vd-border)}.vd-skill-progress-bar-wrap{background:#ffffff0d;border-radius:var(--vd-radius-pill);height:4px;overflow:hidden}.vd-skill-progress-bar{height:100%;border-radius:var(--vd-radius-pill);transform-origin:left;animation:vd-bar-grow .8s cubic-bezier(.4,0,.2,1) both}.vd-skill-progress-bar-cyan{background:var(--vd-gradient-skill-1)}.vd-skill-progress-bar-green{background:var(--vd-gradient-skill-2)}.vd-skill-progress-bar-gold{background:var(--vd-gradient-skill-3)}.vd-skill-meta{display:flex;justify-content:space-between;align-items:center}.vd-skill-pct{font-size:.75rem;font-weight:700;color:var(--vd-cyan)}.vd-skill-session{font-size:.72rem;color:var(--vd-text-muted)}.vd-report-card{background:var(--vd-bg-card);border:1px solid var(--vd-border);border-radius:var(--vd-radius-md);padding:var(--vd-space-6);display:flex;gap:var(--vd-space-5);align-items:flex-start;cursor:pointer;transition:var(--vd-transition);box-shadow:var(--vd-shadow-card);position:relative;overflow:hidden}.vd-report-card:hover{border-color:var(--vd-border-strong);transform:translateY(-2px);box-shadow:var(--vd-shadow-float)}.vd-report-icon{width:48px;height:48px;border-radius:var(--vd-radius);background:var(--vd-green-dim);border:1px solid rgba(16,185,129,.2);display:flex;align-items:center;justify-content:center;color:var(--vd-green);flex-shrink:0}.vd-report-content{flex:1;min-width:0}.vd-report-title{font-size:.9rem;font-weight:700;color:var(--vd-text-primary);margin:0 0 var(--vd-space-1) 0;letter-spacing:var(--vd-tracking)}.vd-report-desc{font-size:.8rem;color:var(--vd-text-secondary);margin:0;line-height:var(--vd-leading)}.vd-report-arrow{color:var(--vd-text-muted);margin-top:2px;transition:var(--vd-transition)}.vd-report-card:hover .vd-report-arrow{color:var(--vd-cyan);transform:translate(4px)}.vd-report-badge{position:absolute;top:var(--vd-space-3);right:var(--vd-space-3);font-size:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:var(--vd-radius-pill);background:var(--vd-green-dim);color:var(--vd-green);border:1px solid rgba(16,185,129,.25)}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:500;display:flex;align-items:center;justify-content:center;padding:var(--vd-space-4);animation:vd-fade-in .2s ease both}.modal-container{background:var(--vd-bg-card);border:1px solid var(--vd-border-strong);border-radius:var(--vd-radius-lg);box-shadow:var(--vd-shadow-float);max-width:560px;width:100%;max-height:85vh;overflow-y:auto;animation:vd-scale-in .25s cubic-bezier(.4,0,.2,1) both}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--vd-space-5) var(--vd-space-6);border-bottom:1px solid var(--vd-border)}.modal-header h2{font-size:1rem;font-weight:700;color:var(--vd-text-primary);letter-spacing:var(--vd-tracking);margin:0}.modal-close-btn{width:32px;height:32px;border-radius:var(--vd-radius-sm);border:1px solid var(--vd-border);background:transparent;color:var(--vd-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--vd-transition)}.modal-close-btn:hover{background:var(--vd-bg-input);color:var(--vd-text-primary)}.modal-body{padding:var(--vd-space-6)}.vd-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:var(--vd-space-4)}.vd-loading-spinner{width:40px;height:40px;border:3px solid var(--vd-border);border-top-color:var(--vd-cyan);border-radius:50%;animation:spin .8s linear infinite}.vd-loading-text{font-size:.875rem;color:var(--vd-text-secondary)}.vd-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--vd-space-10) var(--vd-space-6);gap:var(--vd-space-3)}.vd-empty-icon{width:64px;height:64px;border-radius:var(--vd-radius-lg);background:var(--vd-bg-card);border:1px solid var(--vd-border);display:flex;align-items:center;justify-content:center;color:var(--vd-text-muted);font-size:1.5rem;margin-bottom:var(--vd-space-2)}.vd-empty-title{font-weight:700;font-size:.9rem;color:var(--vd-text-primary);margin:0}.vd-empty-desc{font-size:.82rem;color:var(--vd-text-secondary);margin:0;max-width:280px}.vd-chip{display:inline-flex;align-items:center;gap:var(--vd-space-1);padding:3px var(--vd-space-3);border-radius:var(--vd-radius-pill);font-size:.72rem;font-weight:600;border:1px solid currentColor;opacity:.9}.vd-divider{height:1px;background:var(--vd-border);border:none;margin:0}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:768px){.vd-topbar{padding:var(--vd-space-3) var(--vd-space-4)}.vd-hero{padding:var(--vd-space-6) var(--vd-space-4) var(--vd-space-6)}.vd-main{padding:var(--vd-space-5) var(--vd-space-4);gap:var(--vd-space-6)}.vd-metrics-grid{grid-template-columns:1fr 1fr}.vd-skill-grid{grid-template-columns:1fr}.vd-coach-card{grid-template-columns:1fr;text-align:center}.vd-coach-avatar,.vd-coach-avatar-placeholder{margin:0 auto}.vd-hero-stats{gap:var(--vd-space-4)}}@media(max-width:480px){.vd-metrics-grid{grid-template-columns:1fr}.vd-hero-name{font-size:1.6rem}}.parent-landing-content{flex:1;width:100%}.parent-loading-container{display:flex;align-items:center;justify-content:center;min-height:70vh}.skill-map-container{height:520px;background:var(--vd-bg-card);border:1px solid var(--vd-border);border-radius:var(--vd-radius-md);overflow:hidden;box-shadow:var(--vd-shadow-card)}.notification-dot{width:8px;height:8px;border-radius:50%;background:var(--vd-cyan);box-shadow:var(--vd-shadow-glow-cyan);animation:vd-glow-pulse 2s ease-in-out infinite}.indicator-modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:600;display:flex;align-items:center;justify-content:center;padding:var(--vd-space-4);animation:vd-fade-in .2s ease both}.indicator-modal{background:var(--vd-bg-card);border:1px solid var(--vd-border-strong);border-radius:var(--vd-radius-lg);box-shadow:var(--vd-shadow-float);max-width:540px;width:100%;overflow:hidden;animation:vd-scale-in .25s cubic-bezier(.4,0,.2,1) both}.indicator-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--vd-space-5) var(--vd-space-6);border-bottom:1px solid var(--vd-border)}.indicator-modal-header h2{font-size:1rem;font-weight:700;color:var(--vd-text-primary);letter-spacing:var(--vd-tracking);margin:0}.indicator-modal-close{width:32px;height:32px;border-radius:var(--vd-radius-sm);border:1px solid var(--vd-border);background:transparent;color:var(--vd-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--vd-transition)}.indicator-modal-close:hover{background:var(--vd-bg-input);color:var(--vd-text-primary)}.indicator-modal-body{padding:var(--vd-space-6);display:flex;flex-direction:column;gap:var(--vd-space-5)}.indicator-modal-value{text-align:center;padding:var(--vd-space-6) 0}.indicator-modal-number{font-size:3.5rem;font-weight:900;letter-spacing:var(--vd-tracking-tight);line-height:1;color:var(--vd-cyan)}.indicator-modal-unit{font-size:1.2rem;color:var(--vd-text-secondary);margin-top:var(--vd-space-1)}.indicator-modal-section-title{font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--vd-text-muted);margin:0 0 var(--vd-space-3) 0}.indicator-modal-bars{display:flex;flex-direction:column;gap:var(--vd-space-2)}.indicator-modal-bar-row{display:grid;grid-template-columns:80px 1fr 40px;align-items:center;gap:var(--vd-space-3)}.indicator-modal-bar-label{font-size:.75rem;color:var(--vd-text-secondary)}.indicator-modal-bar-track{background:#ffffff0f;border-radius:var(--vd-radius-pill);height:6px;overflow:hidden}.indicator-modal-bar-fill{height:100%;border-radius:var(--vd-radius-pill);background:var(--vd-gradient-progress);transform-origin:left;animation:vd-bar-grow .8s cubic-bezier(.4,0,.2,1) both}.indicator-modal-bar-val{font-size:.75rem;font-weight:700;color:var(--vd-text-primary);text-align:right}.pp-container{max-width:1200px;margin:0 auto;padding:0 var(--vd-space-6);width:100%}.pp-max-w-6xl{max-width:72rem;margin:0 auto;padding:0 var(--vd-space-6);width:100%}.pp-toggle-container{display:inline-flex;align-items:center;gap:4px;background:var(--vd-card-bg);border:1px solid var(--vd-border-color);border-radius:var(--vd-radius-pill);padding:4px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--vd-shadow-sm)}.pp-toggle-btn{position:relative;padding:6px 20px;border-radius:var(--vd-radius-pill);border:none;background:transparent;color:var(--vd-text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;transition:var(--vd-transition);white-space:nowrap}.pp-toggle-btn.active{background:var(--vd-cyan);color:#fff;box-shadow:0 0 12px #3b82f666}.pp-toggle-btn:hover:not(.active){color:var(--vd-text-primary);background:#00000008}.pp-hero-section{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid var(--vd-border-color);border-radius:var(--vd-radius-lg);padding:var(--vd-space-8);margin-bottom:var(--vd-space-6);position:relative;overflow:hidden;box-shadow:var(--vd-shadow-card)}.pp-hero-section:before{content:"";position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(59,130,246,.08) 0%,transparent 70%);pointer-events:none}.pp-hero-grid{display:grid;grid-template-columns:1fr 340px;gap:var(--vd-space-8);align-items:center;position:relative;z-index:1}@media(max-width:900px){.pp-hero-grid{grid-template-columns:1fr}}.pp-badge-premium{display:inline-flex;align-items:center;gap:6px;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--vd-cyan);background:#22d3ee14;border:1px solid rgba(34,211,238,.2);border-radius:var(--vd-radius-pill);padding:4px 12px}.pp-badge-level{display:inline-flex;align-items:center;font-size:.65rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--vd-text-muted);background:#ffffff0d;border:1px solid var(--vd-border);border-radius:var(--vd-radius-pill);padding:2px 8px}.pp-hero-title{font-size:2rem;font-weight:800;letter-spacing:var(--vd-tracking-tight);line-height:1.2;color:var(--vd-text-primary);margin:0 0 var(--vd-space-4) 0}.pp-premium-subtitle{font-size:.95rem;color:var(--vd-text-secondary);line-height:var(--vd-leading);margin:0 0 var(--vd-space-4) 0}.pp-premium-quote{font-size:.85rem;color:#22d3eeb3;font-style:italic;line-height:var(--vd-leading);margin:0}.pp-hero-card-prestige{background:var(--vd-card-bg);border:1px solid var(--vd-border-color);border-radius:var(--vd-radius-lg);padding:var(--vd-space-6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--vd-shadow-sm)}.pp-hero-vision-badge{display:inline-flex;align-items:center;gap:7px;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--vd-cyan);background:#3b82f614;border:1px solid rgba(59,130,246,.2);border-radius:var(--vd-radius-pill);padding:4px 12px 4px 10px;margin-bottom:var(--vd-space-4);position:relative;z-index:1}.pp-hero-vision-dot{width:7px;height:7px;border-radius:50%;background:var(--vd-cyan);box-shadow:0 0 8px #3b82f680;animation:pp-pulse-dot 2.2s ease-in-out infinite;flex-shrink:0}@keyframes pp-pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.pp-hero-greeting{font-size:1.9rem;font-weight:800;letter-spacing:-.02em;color:var(--vd-text-primary);margin:0 0 .6rem;line-height:1.2}.pp-hero-greeting-sub{font-size:.95rem;color:var(--vd-text-secondary);line-height:1.6;margin:0 0 var(--vd-space-4) 0}.pp-hero-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--vd-space-3)}.pp-hero-chip{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:700;border-radius:var(--vd-radius-pill);padding:4px 11px}.pp-hero-chip--level{color:var(--vd-purple);background:#6366f114;border:1px solid rgba(99,102,241,.2)}.pp-hero-chip--milestones{color:var(--vd-cyan);background:#3b82f614;border:1px solid rgba(59,130,246,.2)}.pp-hero-progress-widget{background:var(--vd-card-bg);border:1px solid var(--vd-border-color);border-radius:var(--vd-radius-lg);padding:var(--vd-space-6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--vd-shadow-sm);position:relative;z-index:1}.pp-hero-progress-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--vd-text-muted);margin:0 0 .4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-hero-progress-pct{font-size:2.8rem;font-weight:900;letter-spacing:-.04em;color:var(--vd-cyan);margin:0 0 .75rem;line-height:1}.pp-hero-progress-track-wrap{height:8px;background:#0000000d;border-radius:var(--vd-radius-pill);overflow:hidden;margin-bottom:.85rem}.pp-hero-progress-fill{height:100%;border-radius:var(--vd-radius-pill);background:var(--vd-gradient-primary);box-shadow:0 0 10px #3b82f64d}.pp-hero-quote{font-size:.8rem;color:var(--vd-text-secondary);font-style:italic;margin:0;line-height:1.5}.pp-progress-track-premium{height:8px;background:#0000000d;border-radius:var(--vd-radius-pill);overflow:hidden;margin:var(--vd-space-3) 0}.pp-progress-fill-premium{height:100%;border-radius:var(--vd-radius-pill);background:var(--vd-gradient-primary);box-shadow:0 0 10px #3b82f64d;transition:width .8s cubic-bezier(.4,0,.2,1);animation:vd-bar-grow 1s cubic-bezier(.4,0,.2,1) both}.pp-indicators-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--vd-space-5);margin-bottom:var(--vd-space-8)}@media(max-width:768px){.pp-indicators-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.pp-indicators-grid{grid-template-columns:1fr}}.pp-main-grid{display:grid;grid-template-columns:1fr 340px;gap:var(--vd-space-6);margin-bottom:var(--vd-space-6);align-items:start}@media(max-width:1024px){.pp-main-grid{grid-template-columns:1fr}}.pp-skills-container{background:var(--vd-bg-card);border:1px solid var(--vd-border);border-radius:var(--vd-radius-lg);padding:var(--vd-space-6);box-shadow:var(--vd-shadow-card)}.pp-skill-title{font-size:1rem;font-weight:700;color:var(--vd-text-primary);letter-spacing:var(--vd-tracking);margin:0;line-height:1.2}.pp-skill-superpower{font-size:.8rem;color:var(--vd-text-muted);margin:4px 0 0}.pp-skill-card{background:var(--vd-bg-card-alt);border:1px solid var(--vd-border);border-radius:var(--vd-radius-md);padding:var(--vd-space-4) var(--vd-space-5);transition:var(--vd-transition);cursor:default}.pp-skill-card:hover{border-color:var(--vd-border-strong);background:#22d3ee0a;transform:translate(3px)}.pp-skill-card.completed{border-color:#10b98140;background:#10b9810a}.pp-skill-card.active{border-color:var(--vd-border-accent);background:#22d3ee0f}.pp-skill-card.locked{opacity:.5}.pp-skill-icon{width:44px;height:44px;border-radius:var(--vd-radius);border:1px solid rgba(34,211,238,.2);background:#22d3ee14;color:var(--vd-cyan);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:var(--vd-transition)}.pp-skill-icon.completed{background:#10b9811a;border-color:#10b9814d;color:var(--vd-green)}.pp-focus-card{background:var(--vd-bg-card);border:1px solid var(--vd-border);border-radius:var(--vd-radius-lg);padding:var(--vd-space-5);box-shadow:var(--vd-shadow-card)}.pp-maturity-panel-premium{background:linear-gradient(135deg,#fffffff2,#f8fafce6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(124,58,237,.15);border-radius:1.5rem;padding:var(--vd-space-6) var(--vd-space-8);display:flex;align-items:center;justify-content:space-between;gap:var(--vd-space-6);cursor:pointer;box-shadow:0 10px 30px -5px #7c3aed1a,0 4px 6px -4px #7c3aed0d;transition:all .3s cubic-bezier(.4,0,.2,1);margin-top:var(--vd-space-8);position:relative;overflow:hidden}.pp-maturity-panel-premium:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--vd-purple) 0%,var(--vd-cyan) 100%);opacity:.8}.pp-maturity-panel-premium:hover{transform:translateY(-4px);box-shadow:0 20px 40px -5px #7c3aed26,0 10px 15px -5px #7c3aed1a;border-color:#7c3aed40}.pp-maturity-icon-container{width:3.5rem;height:3.5rem;border-radius:var(--vd-radius-lg);background:linear-gradient(135deg,#7c3aed1a,#7c3aed0d);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:inset 0 2px 4px #ffffff80,0 4px 10px #7c3aed1a;border:1px solid rgba(255,255,255,.6);transition:transform .3s ease}.pp-maturity-panel-premium:hover .pp-maturity-icon-container{transform:scale(1.05) rotate(5deg)}.pp-maturity-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.pp-maturity-subtitle{font-size:.75rem;font-weight:700;color:var(--vd-purple);text-transform:uppercase;letter-spacing:.08em;margin:0}.pp-maturity-title{font-size:1.25rem;font-weight:800;color:var(--vd-text-primary);margin:0;letter-spacing:-.01em}.pp-maturity-desc{font-size:.9rem;color:var(--vd-text-secondary);margin:0;line-height:1.5}.pp-maturity-btn{background:linear-gradient(135deg,var(--vd-purple) 0%,#6366F1 100%);color:#fff;border:none;border-radius:var(--vd-radius-full, 9999px);padding:.75rem 1.5rem;font-weight:700;font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;flex-shrink:0;white-space:nowrap;box-shadow:0 4px 16px #6366f166;transition:all .2s ease}.pp-maturity-btn:hover{background:linear-gradient(135deg,#a855f7,#818cf8);box-shadow:0 0 20px #a855f780;transform:translateY(-1px)}@media(max-width:768px){.pp-maturity-panel-premium{flex-direction:column;align-items:flex-start;padding:var(--vd-space-5)}.pp-maturity-btn{width:100%;justify-content:center;margin-top:var(--vd-space-2)}}.pp-report-card-prestige{background:linear-gradient(135deg,#fff,#f1f5f9);border:1px solid var(--vd-border);border-radius:var(--vd-radius-lg);padding:var(--vd-space-8) var(--vd-space-10);display:flex;gap:var(--vd-space-8);align-items:center;overflow:hidden;position:relative;box-shadow:var(--vd-shadow-card);transition:var(--vd-transition);margin-bottom:var(--vd-space-6)}.pp-report-card-prestige:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--vd-gradient-primary);pointer-events:none}.pp-report-card-prestige:hover{border-color:var(--vd-border-strong);box-shadow:var(--vd-shadow-float);transform:translateY(-2px)}.pp-report-card-prestige .pp-hero-title{color:var(--vd-text-primary);font-size:1.6rem}.pp-report-card-prestige .pp-premium-subtitle{color:var(--vd-text-secondary)}.pp-report-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:var(--vd-radius-pill, 9999px);background:linear-gradient(135deg,var(--vd-purple) 0%,#6366F1 100%);border:none;color:#fff;font-size:.85rem;font-weight:700;cursor:pointer;text-decoration:none;transition:var(--vd-transition);white-space:nowrap;box-shadow:0 4px 16px #6366f166}.pp-report-btn:hover{background:linear-gradient(135deg,#a855f7,#818cf8);transform:translateY(-1px);box-shadow:0 0 20px #a855f780;color:#fff}.pp-btn-sapphire{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:var(--vd-radius);border:none;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-size:.9rem;font-weight:700;cursor:pointer;text-decoration:none;transition:all .2s ease;box-shadow:0 4px 16px #6366f166;letter-spacing:.02em}.pp-btn-sapphire:hover{background:linear-gradient(135deg,#7c3aed,#6366f1);box-shadow:0 6px 24px #6366f199;transform:translateY(-1px)}.pp-side-banner-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--vd-space-4)}.pp-ranking-banners-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--vd-space-4);margin-top:var(--vd-space-12)}@media(max-width:768px){.pp-hero-section{padding:var(--vd-space-5)}.pp-hero-title{font-size:1.5rem}.pp-report-card-prestige{flex-direction:column;padding:var(--vd-space-6)}.pp-main-grid{grid-template-columns:1fr}.pp-max-w-6xl{padding:0 var(--vd-space-4)}}.pp-settings-container{display:flex;flex-direction:column;gap:var(--vd-space-12);width:100%;margin-bottom:var(--vd-space-16);position:relative;z-index:10}.pp-settings-tabs{display:flex;justify-content:center;margin-bottom:var(--vd-space-10);overflow-x:auto;padding-bottom:var(--vd-space-2)}@media(min-width:640px){.pp-settings-tabs{justify-content:flex-start}}.pp-settings-tabs-inner{display:inline-flex;align-items:center;padding:var(--vd-space-2);background:#fff;border-radius:var(--vd-radius-pill, 9999px);box-shadow:0 2px 4px #00000005;border:1px solid rgba(226,232,240,.6);gap:var(--vd-space-2)}.pp-settings-tab-btn{display:flex;align-items:center;justify-content:center;gap:var(--vd-space-2);padding:var(--vd-space-3) var(--vd-space-6);border-radius:var(--vd-radius-pill, 9999px);font-size:.95rem;font-weight:700;transition:all .3s ease;white-space:nowrap;border:none;cursor:pointer}.pp-settings-tab-btn.active{background-color:var(--vd-text-primary);color:#fff;box-shadow:0 4px 12px #0000001a;transform:scale(1.02)}.pp-settings-tab-btn.inactive{background-color:transparent;color:var(--vd-text-secondary)}.pp-settings-tab-btn.inactive:hover{background-color:var(--vd-bg-secondary)}.pp-settings-tab-add{color:var(--vd-purple);background:transparent}.pp-settings-tab-add:hover{background:#7c3aed0d}.pp-settings-child-panel{display:flex;flex-direction:column;width:100%;margin-bottom:var(--vd-space-10);max-width:900px;margin-left:auto;margin-right:auto;background:#fff;border-radius:1.5rem;box-shadow:0 8px 30px #0000000a;border:1px solid var(--vd-border);overflow:hidden}.pp-settings-child-panel:hover{box-shadow:0 12px 40px #00000014}.pp-settings-child-panel .pp-settings-card-premium{background:transparent;border-radius:0;box-shadow:none;border:none;border-bottom:1px solid var(--vd-border);padding:var(--space-xl)}.pp-settings-child-panel .pp-settings-card-premium:hover{box-shadow:none}.pp-settings-child-panel .pp-settings-card-premium:last-of-type{border-bottom:none}.pp-settings-child-panel .pp-settings-save-footer{border-top:1px solid var(--vd-border);background:var(--vd-bg-secondary);padding:var(--vd-space-6) var(--vd-space-8);display:flex;justify-content:flex-end}.pp-settings-card-premium{background:#fff;border-radius:1.5rem;padding:var(--vd-space-8);box-shadow:0 8px 30px #0000000a;border:1px solid var(--vd-border);transition:all .3s ease;position:relative;overflow:hidden}@media(min-width:640px){.pp-settings-card-premium{padding:var(--vd-space-10)}}.pp-settings-card-premium:hover{box-shadow:0 12px 40px #00000014}.pp-settings-card-glow{position:absolute;width:256px;height:256px;border-radius:50%;filter:blur(60px);opacity:0;transition:opacity 1s ease;pointer-events:none;z-index:0}.pp-settings-card-premium:hover .pp-settings-card-glow{opacity:1}.pp-settings-card-glow.blue{top:0;right:0;background:#3b82f626;transform:translate(30%,-50%)}.pp-settings-card-glow.purple{top:0;left:0;background:#a855f726;transform:translate(-30%,-50%)}.pp-settings-card-glow.emerald{bottom:0;right:0;background:#10b98126;transform:translate(30%,30%)}.pp-settings-card-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--vd-space-8)}.pp-settings-card-header{display:flex;align-items:center;gap:var(--vd-space-4);border-bottom:1px solid var(--vd-border);padding-bottom:var(--vd-space-6);justify-content:space-between}.pp-settings-card-header-left{display:flex;align-items:center;gap:var(--vd-space-4)}.pp-settings-icon-wrapper{padding:var(--vd-space-3);border-radius:var(--vd-radius-lg);display:flex;align-items:center;justify-content:center;border:1px solid transparent}.pp-settings-icon-wrapper.blue{background:#3b82f61a;color:#2563eb;border-color:#3b82f633}.pp-settings-icon-wrapper.purple{background:#a855f71a;color:#7e22ce;border-color:#a855f733}.pp-settings-icon-wrapper.emerald{background:#10b9811a;color:#059669;border-color:#10b98133}.pp-settings-card-title{font-size:1.25rem;font-weight:800;color:var(--vd-text-primary);margin:0}.pp-settings-card-subtitle{font-size:.875rem;color:var(--vd-text-secondary);font-weight:500;margin:2px 0 0}.pp-settings-inputs-grid{display:grid;grid-template-columns:1fr;gap:var(--vd-space-8)}.pp-settings-input-group{display:flex;flex-direction:column;gap:var(--vd-space-2)}.pp-settings-label{font-size:.875rem;font-weight:700;color:var(--vd-text-primary);margin-left:4px}.pp-settings-input-container{display:flex;align-items:center;gap:var(--vd-space-3);padding:var(--vd-space-3) var(--vd-space-4);border-radius:var(--vd-radius-lg);border:2px solid transparent;background-color:var(--vd-bg-secondary);transition:all .2s ease;color:var(--vd-text-secondary);min-height:52px}.pp-settings-input-container:focus-within,.pp-settings-input-container.active{background-color:#fff;border-color:var(--vd-purple);box-shadow:0 0 0 4px #7c3aed1a}.pp-settings-input-container:not(.disabled):hover{border-color:var(--vd-border-strong)}.pp-settings-input{background:transparent;border:none;outline:none;width:100%;font-weight:600;font-size:.95rem;color:var(--vd-text-primary);font-family:inherit}.pp-settings-input::placeholder{color:var(--vd-text-muted)}.pp-settings-auth-action{color:var(--vd-purple);font-weight:700;font-size:.95rem;display:flex;align-items:center;gap:6px;background:transparent;border:none;cursor:pointer;margin-top:var(--vd-space-3);margin-left:4px;transition:all .2s ease}.pp-settings-auth-action:hover{color:#4f46e5;gap:10px}.pp-settings-save-footer{display:flex;justify-content:flex-end;position:sticky;bottom:var(--vd-space-8);z-index:10}.pp-settings-save-btn{padding:var(--vd-space-4) var(--vd-space-8);border-radius:9999px;font-weight:700;font-size:1rem;color:#fff;background-color:var(--vd-text-primary);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--vd-space-3);transition:all .2s ease;box-shadow:0 8px 20px #00000026}.pp-settings-save-btn:hover:not(:disabled){background-color:#000;transform:scale(1.05)}.pp-settings-save-btn:disabled{opacity:.7;cursor:not-allowed}.pp-settings-import-btn{display:flex;align-items:center;justify-content:center;gap:var(--vd-space-2);padding:var(--vd-space-3) var(--vd-space-4);min-height:52px;border-radius:var(--vd-radius-lg);border:2px dashed var(--vd-border-strong);background-color:#fff;color:var(--vd-text-secondary);font-weight:700;font-size:.95rem;cursor:pointer;transition:all .2s ease}.pp-settings-import-btn:hover{background-color:var(--vd-bg-secondary);border-color:var(--vd-purple);color:var(--vd-purple)}.pp-settings-copy-btn{padding:var(--vd-space-2);background:#fff;color:var(--vd-text-secondary);border-radius:var(--vd-radius);box-shadow:0 2px 8px #0000000f;border:1px solid var(--vd-border);cursor:pointer;transition:all .2s ease;flex-shrink:0}.pp-settings-copy-btn:hover{background:var(--vd-bg-secondary);color:var(--vd-purple)}.pp-toggle-btn-content{display:flex;align-items:center;justify-content:center;gap:10px}.pp-toggle-avatar{width:28px;height:28px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:11px;font-weight:700;color:#fff;border:1px solid rgba(255,255,255,.3)}.pp-toggle-avatar img{width:100%;height:100%;object-fit:cover}.active .pp-toggle-avatar{background:var(--vd-purple);border-color:#ffffff80}.pp-toggle-name{white-space:nowrap}.pp-maturity-avatar-wrapper{position:relative;padding:2px}.pp-maturity-avatar{width:64px;height:64px;border-radius:50%;background:#fff;box-shadow:0 4px 10px #0000001a;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;border:3px solid white}.pp-maturity-avatar img{width:100%;height:100%;object-fit:cover}.pp-maturity-avatar-placeholder{font-size:24px;font-weight:800;color:var(--vd-purple)}.pp-maturity-badge{position:absolute;bottom:-2px;right:-2px;background:var(--vd-purple);width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:0 2px 4px #0000001a}.pgr-flag-icon{width:18px;height:14px;border-radius:2px;object-fit:cover;box-shadow:0 1px 2px #0000001a;display:block}:root{--pp-bg-main: var(--bg-main);--pp-text-main: var(--text-primary);--pp-blue-600: var(--stoodia-blue-deep);--pp-blue-500: var(--stoodia-blue-light);--pp-blue-50: var(--bg-hover);--pp-slate-900: var(--text-primary);--pp-slate-950: #0F172A;--pp-slate-800: var(--bg-card);--pp-slate-700: var(--text-secondary);--pp-slate-400: var(--text-tertiary);--pp-slate-50: var(--bg-main);--pp-slate-100: var(--bg-secondary)}.mx-auto{margin-left:auto;margin-right:auto}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.min-h-60vh{min-height:60vh}.rounded-3rem{border-radius:3rem}.rounded-2-5rem{border-radius:2.5rem}.rounded-2rem{border-radius:2rem}.shadow-premium{box-shadow:0 20px 50px #00000026}.animate-spin{animation:spin 1s linear infinite}.pp-container{min-height:100vh;background-color:var(--pp-bg-main);font-family:Poppins,sans-serif;padding-bottom:3rem;color:var(--pp-text-main)}.pp-max-w-6xl{max-width:72rem;margin-left:auto;margin-right:auto;padding:1.5rem}.pp-hero-section{background:var(--bg-card);border-radius:1.5rem;padding:2rem 2.5rem;color:var(--text-primary);box-shadow:0 4px 20px #0000000d;position:relative;overflow:hidden;border:1px solid var(--border-light);margin-bottom:1.5rem}.pp-hero-section:before{content:"";position:absolute;top:-60px;right:-60px;width:250px;height:250px;background:radial-gradient(circle,rgba(34,211,238,.15) 0%,transparent 70%);pointer-events:none}.pp-hero-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;position:relative;z-index:10;align-items:center}@media(min-width:768px){.pp-hero-grid{grid-template-columns:1fr auto;align-items:center}}.pp-hero-greeting{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;color:var(--text-primary);margin:0 0 .5rem;line-height:1.2;letter-spacing:-.02em}.pp-hero-greeting-sub{font-size:.9rem;color:var(--text-secondary);margin:0;line-height:1.5;max-width:480px}.pp-hero-progress-widget{background:var(--bg-main);border:1px solid var(--border-light);border-radius:1rem;padding:1.25rem 1.5rem;min-width:220px;flex-shrink:0;box-shadow:inset 0 2px 4px #00000005}.pp-hero-progress-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);margin-bottom:.75rem}.pp-hero-progress-pct{font-size:2rem;font-weight:900;color:var(--pp-blue-600);letter-spacing:-.03em;line-height:1;margin-bottom:.75rem;text-align:right}.pp-hero-progress-track-wrap{width:100%;height:6px;background:var(--bg-hover);border-radius:9999px;overflow:hidden}.pp-hero-progress-fill{height:100%;background:linear-gradient(90deg,#22d3ee,#06b6d4);border-radius:9999px;transition:width 1s ease-out;box-shadow:0 0 8px #22d3ee80}.pp-badge-vision{display:inline-flex;align-items:center;gap:.5rem;background-color:var(--blue-alpha-20);padding:.25rem .75rem;border-radius:9999px;margin-bottom:1rem;border:1px solid var(--blue-alpha-30)}.pp-badge-text{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--stoodia-cyan-bright)}.pp-hero-title{font-size:1.875rem;font-weight:900;margin-bottom:.75rem;line-height:1.25}@media(min-width:768px){.pp-hero-title{font-size:2.25rem}}.pp-hero-desc{color:var(--pp-slate-400);font-size:1.125rem;line-height:1.625;margin-bottom:1.5rem}.pp-hero-card-glass{background-color:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-radius:1.5rem;padding:1.5rem;border:1px solid var(--glass-border)}.pp-progress-track{height:1rem;width:100%;background-color:var(--vd-border-strong);border-radius:9999px;padding:.25rem;border:1px solid var(--vd-text-muted)}.pp-progress-fill{height:100%;background:var(--gradient-accent);border-radius:9999px;box-shadow:var(--shadow-glow-strong);transition:width 1s ease-out}.pp-indicators-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}@media(min-width:768px){.pp-indicators-grid{grid-template-columns:repeat(3,1fr)}}.pp-card{background-color:var(--bg-card);padding:1.5rem;border-radius:1.5rem;border:1px solid var(--border-light);box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s}.pp-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a}.pp-icon-box{padding:.75rem;background-color:var(--bg-main);border-radius:1rem;display:inline-flex;align-items:center;justify-content:center}.pp-trend-badge{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:700;padding:.25rem .5rem;border-radius:.5rem}.pp-trend-up{color:var(--success-color);background-color:var(--success-bg)}.pp-trend-stable{color:var(--warning-color);background-color:var(--warning-bg)}.pp-label-sm{font-weight:700;color:var(--text-secondary);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.pp-value-lg{font-size:2.25rem;font-weight:900;color:var(--pp-slate-900);margin-bottom:.5rem}.pp-desc-xs{font-size:.75rem;color:var(--text-secondary);line-height:1.5}.pp-main-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:1024px){.pp-main-grid{grid-template-columns:2fr 1fr;gap:2rem}}.pp-skills-container{background:var(--bg-card);padding:1.5rem;border-radius:1.25rem;border:1px solid var(--border-light);box-shadow:0 4px 16px #0000000a}.pp-skills-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.pp-skills-header-title{font-size:.9rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.pp-skills-header-count{font-size:.75rem;color:var(--text-secondary);font-weight:500}.pp-skill-card{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:.75rem;background:var(--bg-main);border:1px solid var(--border-light);transition:all .2s;margin-bottom:.5rem}.pp-skill-card:hover{background:var(--bg-hover);border-color:var(--blue-alpha-30)}.pp-skill-card.completed{border-color:#10b9814d}.pp-skill-card.in-progress{border-color:#22d3ee66;background:#22d3ee0d}.pp-skill-card.locked{opacity:.5;background:#00000005}.pp-skill-icon{width:2rem;height:2rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;font-size:1rem;background:var(--bg-card);flex-shrink:0;color:var(--pp-blue-600);box-shadow:0 2px 4px #0000000d}.pp-skill-info{flex:1;min-width:0}.pp-skill-name{font-size:.82rem;font-weight:600;color:var(--text-primary);margin:0 0 .35rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-skill-xp-track{width:100%;height:5px;background:var(--bg-hover);border-radius:9999px;overflow:hidden}.pp-skill-xp-fill{height:100%;border-radius:9999px;transition:width 1s ease-out;background:linear-gradient(90deg,#10b981,#34d399)}.pp-skill-xp-fill.in-progress{background:linear-gradient(90deg,#22d3ee,#06b6d4);box-shadow:0 0 6px #22d3ee66}.pp-skill-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.15rem;flex-shrink:0}.pp-skill-xp-label{font-size:.68rem;color:var(--text-tertiary);font-weight:500;white-space:nowrap}.pp-skill-pct{font-size:.78rem;font-weight:700;color:var(--text-secondary)}.pp-focus-card{background:var(--bg-card);padding:1.5rem;border-radius:2rem;border:1px solid var(--border-light);box-shadow:var(--shadow-sm);margin-bottom:1.5rem}.pp-coach-card{background-color:var(--pp-blue-600);border-radius:2rem;padding:1.5rem;color:#fff;box-shadow:0 20px 25px -5px #0000001a;position:relative;overflow:hidden}.pp-coach-btn{width:100%;background-color:#fff;color:var(--pp-blue-600);padding:.75rem;border-radius:.75rem;font-weight:900;font-size:.875rem;border:none;cursor:pointer;box-shadow:0 4px 6px -1px #0000001a;transition:transform .2s}.pp-coach-btn:hover{transform:translateY(-2px)}.pp-report-card{background-color:var(--vd-bg-card-alt, rgba(22, 33, 62, .8));border-radius:2.5rem;padding:2.5rem;border:1px solid var(--vd-border, rgba(255, 255, 255, .08));box-shadow:0 20px 25px -5px #0006;border-top:4px solid var(--vd-cyan, #22d3ee);display:flex;flex-direction:column;gap:2rem}@media(min-width:768px){.pp-report-card{flex-direction:row;align-items:center;justify-content:space-between}}.pp-report-btn{background-color:var(--pp-blue-600);color:#fff;padding:1rem 2rem;border-radius:1rem;font-weight:900;font-size:1.125rem;border:none;cursor:pointer;box-shadow:0 10px 15px -3px #0000001a;display:inline-flex;align-items:center;gap:.75rem;transition:background-color .2s}.pp-report-btn:hover{background-color:var(--stoodia-blue-darker)}.text-blue-600{color:var(--pp-blue-600)}.text-slate-500{color:#64748b}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.flex-col{flex-direction:column}.flex-1{flex:1 1 0%}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{inset:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-1{margin-top:.25rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mt-20{margin-top:5rem}.mt-24{margin-top:6rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.w-full{width:100%}.max-w-md{max-width:28rem}.max-w-4xl{max-width:56rem}.h-full{height:100%}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.bg-white{background-color:#fff}.bg-blue-50{background-color:var(--pp-blue-50)}.bg-blue-600{background-color:var(--pp-blue-600)}.bg-slate-50{background-color:#f8fafc}.bg-slate-100{background-color:#f1f5f9}.bg-slate-900{background-color:var(--pp-slate-900)}.bg-slate-950{background-color:var(--pp-slate-950)}.bg-slate-900\/50{background-color:#0f172a80}.bg-blue-500\/10{background-color:#3b82f61a}.bg-blue-500\/20{background-color:#3b82f633}.border-slate-800{border-color:var(--pp-slate-800)}.border-blue-500\/20{border-color:#3b82f633}.text-blue-400{color:#60a5fa}.text-blue-300{color:#93c5fd}.text-blue-50{color:#eff6ff}.text-amber-400{color:#fbbf24}.text-emerald-400{color:#34d399}.to-transparent{--tw-gradient-to: transparent}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-from),var(--tw-gradient-to, rgba(248, 250, 252, 0)))}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-from),var(--tw-gradient-to, rgba(2, 6, 23, 0)))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-from),var(--tw-gradient-via, rgba(165, 180, 252, 0)),var(--tw-gradient-to, rgba(99, 102, 241, 0)))}.from-slate-900{--tw-gradient-from: var(--pp-slate-900)}.from-slate-950{--tw-gradient-from: var(--pp-slate-950)}.via-slate-900{--tw-gradient-via: var(--pp-slate-900)}.to-slate-950{--tw-gradient-to: var(--pp-slate-950)}.from-blue-500\/20{--tw-gradient-from: rgba(59, 130, 246, .2)}.from-amber-500\/20{--tw-gradient-from: rgba(245, 158, 11, .2)}.from-emerald-500\/20{--tw-gradient-from: rgba(16, 185, 129, .2)}.from-blue-500{--tw-gradient-from: #3b82f6}.to-blue-500{--tw-gradient-to: #3b82f6}.animate-gradient-x{animation:gradient-x 15s ease infinite;background-size:200% 200%}@keyframes gradient-x{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.font-bold{font-weight:700}.font-black{font-weight:900}.uppercase{text-transform:uppercase}.italic{font-style:italic}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-white{color:#fff}.text-slate-400{color:var(--text-tertiary)}.text-slate-800{color:#1e293b}.text-slate-900{color:#0f172a}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.overflow-hidden{overflow:hidden}.pp-toggle-container{background:var(--bg-card);padding:.4rem;border-radius:9999px;box-shadow:0 2px 10px #0000000d;display:inline-flex;gap:.25rem;position:relative;border:1px solid var(--border-light)}.pp-toggle-btn{position:relative;padding:.65rem 1.75rem;border-radius:9999px;font-weight:700;font-size:.95rem;color:var(--text-secondary);z-index:10;transition:color .25s,background .25s;background:transparent;border:none;cursor:pointer;outline:none;letter-spacing:.01em}.pp-toggle-btn:hover:not(.active){color:var(--text-primary);background:var(--bg-hover)}.pp-toggle-btn.active{background:linear-gradient(135deg,#22d3ee,#3b82f6);color:#fff;box-shadow:0 4px 12px #3b82f64d;text-shadow:none}.pp-focus-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:1rem;padding:1.25rem;color:var(--text-primary);box-shadow:0 4px 16px #0000000a}.pp-main-grid .space-y-6>div{background:var(--bg-card);border:1px solid var(--border-light);border-radius:1rem;padding:1.25rem;color:var(--text-primary);box-shadow:0 4px 16px #0000000a}.pp-main-grid .space-y-6 .vd-coach-card{background:transparent;border:none;padding:0}:root{--vd-bg-base: #F8FAFC;--vd-bg-card: rgba(255, 255, 255, .9);--vd-bg-card-alt: rgba(248, 250, 252, .95);--vd-bg-input: #FFFFFF;--vd-bg-overlay: rgba(255, 255, 255, .85);--vd-border: rgba(15, 23, 42, .08);--vd-border-strong: rgba(15, 23, 42, .15);--vd-border-accent: rgba(59, 130, 246, .4);--vd-text-primary: #0F172A;--vd-text-secondary: #64748B;--vd-text-muted: #94A3B8;--vd-text-inverse: #FFFFFF;--vd-cyan: #3B82F6;--vd-cyan-dim: rgba(59, 130, 246, .15);--vd-cyan-glow: 0 0 20px rgba(59, 130, 246, .25);--vd-purple: #8B5CF6;--vd-purple-dim: rgba(139, 92, 246, .15);--vd-green: #10B981;--vd-green-dim: rgba(16, 185, 129, .15);--vd-green-glow: 0 0 16px rgba(16, 185, 129, .25);--vd-gold: #F59E0B;--vd-gold-dim: rgba(245, 158, 11, .15);--vd-red: #EF4444;--vd-red-dim: rgba(239, 68, 68, .15);--vd-coach-bg: linear-gradient(135deg, #EFF6FF 0%, #DBEAFE 100%);--vd-coach-border: rgba(59, 130, 246, .25);--vd-shadow-card: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--vd-shadow-float: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 10px 10px -5px rgba(0, 0, 0, .04);--vd-shadow-glow-cyan: 0 0 24px rgba(59, 130, 246, .2);--vd-shadow-glow-green: 0 0 20px rgba(16, 185, 129, .2);--vd-gradient-progress: linear-gradient(90deg, #3B82F6 0%, #10B981 100%);--vd-gradient-progress-green: linear-gradient(90deg, #10B981 0%, #34D399 100%);--vd-gradient-progress-gold: linear-gradient(90deg, #F59E0B 0%, #FBBF24 100%);--vd-gradient-hero: linear-gradient(135deg, #F8FAFC 0%, #F1F5F9 100%);--vd-gradient-skill-1: linear-gradient(90deg, #3B82F6, #60A5FA);--vd-gradient-skill-2: linear-gradient(90deg, #10B981, #34D399);--vd-gradient-skill-3: linear-gradient(90deg, #F59E0B, #FBBF24);--vd-space-1: 4px;--vd-space-2: 8px;--vd-space-3: 12px;--vd-space-4: 16px;--vd-space-5: 20px;--vd-space-6: 24px;--vd-space-8: 32px;--vd-space-10: 40px;--vd-radius-sm: 6px;--vd-radius: 10px;--vd-radius-md: 14px;--vd-radius-lg: 18px;--vd-radius-pill: 100px;--vd-font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--vd-tracking: -.02em;--vd-tracking-tight: -.03em;--vd-leading: 1.4;--vd-transition: all .2s cubic-bezier(.4, 0, .2, 1);--vd-transition-slow: all .4s cubic-bezier(.4, 0, .2, 1);--stoodia-blue-light: #60A5FA;--stoodia-blue-deep: #3B82F6;--stoodia-blue-darker: #1E3A8A;--bg-main: var(--vd-bg-base);--bg-card: var(--vd-bg-card);--text-primary: var(--vd-text-primary);--text-secondary: var(--vd-text-secondary);--border-light: var(--vd-border);--shadow-md: var(--vd-shadow-card);--color-success: var(--vd-green);--color-primary: var(--vd-cyan);--color-warning: var(--vd-gold);--gradient-portal-bg: var(--vd-gradient-hero);--bg-glass-strong: rgba(255, 255, 255, .85);--color-border: var(--vd-border);--color-border-weak: var(--vd-border);--color-primary-soft: var(--vd-cyan-dim);--color-primary-strong: #1E3A8A;--color-success-strong: #047857;--color-success-soft: var(--vd-green-dim);--color-warning-soft: var(--vd-gold-dim);--color-warning-strong: #B45309;--color-surface: var(--vd-bg-card);--color-surface-hover: var(--vd-bg-card-alt);--text-main: var(--vd-text-primary);--text-muted: var(--vd-text-muted);--color-white: #FFFFFF;--skill-available: #94A3B8;--shadow-text: none;--ease-out: cubic-bezier(.16, 1, .3, 1)}@keyframes vd-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes vd-scale-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes vd-glow-pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes vd-progress-fill{0%{width:0}to{width:var(--progress-width, 65%)}}@keyframes vd-bar-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.1s!important}}.trial-expired-banner{background:linear-gradient(135deg,#d97706,#92400e);color:#fff;padding:1rem;position:relative;box-shadow:0 4px 15px #b4530966;animation:slideDown .3s ease-out;border-bottom:2px solid rgba(255,255,255,.1);z-index:9}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.trial-expired-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.trial-expired-text{display:flex;align-items:center;gap:.75rem;flex:1;min-width:300px}.trial-expired-icon{font-size:1.5rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.trial-expired-cta{background:#fff;color:#92400e;border:none;padding:.625rem 1.5rem;border-radius:var(--radius-md, .5rem);font-weight:800;cursor:pointer;transition:all .3s var(--ease-out);font-size:.9rem;white-space:nowrap;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 10px #0003}.trial-expired-cta:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;background:#f8fafc}.trial-feedback-section{background:#fff;border:1px solid rgba(74,144,226,.2);border-radius:24px;padding:3rem;margin:0 auto 4rem;box-shadow:0 20px 40px -15px #0000000d,inset 0 0 0 1px #ffffff80;max-width:800px;position:relative;overflow:hidden}.trial-feedback-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#d97706,#4a90e2,#d97706);opacity:.8}.pp-indicators-grid .pp-card{background:#fff;border:1px solid var(--color-primary-soft, #f0f7ff);box-shadow:0 10px 30px -10px #00000014;transition:all .3s var(--ease-out);position:relative;overflow:hidden}.pp-indicators-grid .pp-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--branding-primary, #4A90E2);opacity:.8}.pp-indicators-grid .pp-card:nth-child(2):before{background:#f59e0b}.pp-indicators-grid .pp-card:nth-child(3):before{background:#10b981}.pp-indicators-grid .pp-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px -15px #0000001f;border-color:var(--color-primary-soft)}.pp-card .pp-value-lg{font-weight:900;color:#0f172a;line-height:1;margin-bottom:.25rem;letter-spacing:-.05em}.pp-card .pp-label-sm{font-weight:800;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.pp-card .pp-desc-xs{color:var(--color-text-secondary);font-size:.7rem;font-weight:500}.pp-focus-card{background:#fff;border:1px solid var(--color-border);padding:2rem;border-radius:24px;box-shadow:var(--shadow-lg)}.child-impact-box{background:linear-gradient(135deg,#f8fafc,#fff);border:1px solid var(--color-border);transition:all .2s}.child-impact-box:hover{border-color:var(--color-primary-soft);background:#fff;box-shadow:0 4px 12px #0000000d}.trial-feedback-prompt h3{font-size:1.5rem;color:var(--color-primary-dark, #1e3a8a);margin:0 0 2rem;font-weight:900;text-align:center;letter-spacing:-.02em}.trial-feedback-emoji-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.trial-feedback-emoji-btn{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:1rem 1.5rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;font-size:2.5rem}.trial-feedback-emoji-btn:hover{border-color:var(--color-primary, #4A90E2);background:var(--color-primary-soft, #f0f7ff);transform:translateY(-4px);box-shadow:0 8px 16px #4a90e226}.trial-feedback-emoji-btn:active{transform:translateY(-2px)}.trial-feedback-form{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.trial-feedback-form h3{font-size:1rem;color:#1e293b;margin:0 0 1rem;font-weight:700;text-align:center}.sentiment-label{color:var(--color-primary, #4A90E2);font-weight:700}.trial-feedback-textarea{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:.95rem;resize:vertical;min-height:100px;transition:all .2s}.trial-feedback-textarea:focus{outline:none;border-color:var(--color-primary, #4A90E2);box-shadow:0 0 0 4px #4a90e21a}.trial-feedback-actions{display:flex;gap:.75rem;margin-top:1rem;justify-content:flex-end}.trial-feedback-btn-cancel,.trial-feedback-btn-submit{padding:.625rem 1.25rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;border:none;font-size:.95rem}.trial-feedback-btn-cancel{background:#f1f5f9;color:#475569}.trial-feedback-btn-cancel:hover:not(:disabled){background:#e2e8f0;color:#1e293b}.trial-feedback-btn-submit{background:var(--color-primary, #4A90E2);color:#fff}.trial-feedback-btn-submit:hover:not(:disabled){background:var(--color-primary-dark, #1e3a8a);transform:translateY(-2px);box-shadow:0 4px 12px #1e3a8a40}.trial-feedback-btn-cancel:disabled,.trial-feedback-btn-submit:disabled{opacity:.5;cursor:not-allowed}.trial-feedback-success{background:#f0fdf4;border:2px solid #86efac;border-radius:12px;padding:1.5rem;margin:0 auto;text-align:center;animation:fadeIn .3s ease-out}.thanks-message{font-size:1rem;color:#15803d;margin:0;font-weight:600}@media(max-width:768px){.trial-expired-content{flex-direction:column;align-items:stretch;gap:.75rem}.trial-expired-text{flex-direction:column;text-align:center;min-width:unset}.trial-expired-cta{width:100%}.trial-feedback-emoji-row{grid-template-columns:repeat(2,1fr);gap:.5rem}.trial-feedback-emoji-btn{padding:1rem;font-size:1.75rem}.trial-feedback-section{margin:1rem;padding:1rem}}.child-change-password-panel{display:flex;flex-direction:column;gap:0;width:100%}.panel-header-collapsible{display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .2s ease}.panel-header-collapsible:hover .settings-panel-title{color:#4f46e5}.title-preview-group{display:flex;flex-direction:column;gap:4px}.password-preview-hint{font-size:.75rem;color:#94a3b8;margin-left:32px;font-family:monospace;letter-spacing:2px}.settings-panel-title{margin:0;display:flex;align-items:center;gap:8px;color:#1e293b;font-size:1.1rem;font-weight:700}.expand-icon{font-size:1.2rem;font-weight:700;color:#cbd5e1}.panel-header-collapsible.active .expand-icon{color:#4f46e5}.panel-content-collapsible{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.16,1,.3,1),opacity .3s ease;opacity:0;display:flex;flex-direction:column;gap:15px}.panel-content-collapsible.expanded{max-height:500px;opacity:1;margin-top:15px}.forgot-password-help{padding:12px;background:#eff6ff;border-radius:10px;font-size:.8rem;color:#1e40af;line-height:1.4;border-left:4px solid #3b82f6}.change-password-form{display:flex;flex-direction:column;gap:15px}.toggle-view-btn{font-size:.75rem;color:#6366f1;cursor:pointer;font-weight:700}.toggle-view-btn:hover{text-decoration:underline}.message-banner{padding:10px;border-radius:8px;font-size:.85rem;text-align:center}.message-banner.success{background:#ecfdf5;color:#10b981;border:1px solid #d1fae5}.message-banner.error{background:#fef2f2;color:#ef4444;border:1px solid #fee2e2}.suggested-skills-container{background:linear-gradient(135deg,#f0f4ff,#eefbf0);border-left:4px solid #667eea;border-radius:8px;padding:16px;margin-bottom:24px;box-shadow:0 2px 8px #0000000d}.suggested-skills-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.suggested-skills-icon{font-size:1.2rem;animation:pulse-idea 2s infinite ease-in-out}.suggested-skills-header h4{margin:0;color:#434190;font-size:1rem;font-weight:700}.suggested-skills-list{display:grid;gap:10px}.suggested-skill-card{background:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:6px;padding:10px 14px;border:1px solid rgba(163,191,250,.3);transition:transform .2s ease,box-shadow .2s ease}.suggested-skill-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea26;background:#fff}.suggested-skill-name{font-weight:600;color:#2d3748;margin-bottom:4px}.suggested-skill-reason{font-size:.9rem;color:#4a5568;font-style:italic;line-height:1.4}.suggested-skill-date{font-size:.75rem;color:#a0aec0;margin-top:6px;text-align:right}.suggested-skills-loading{padding:10px;text-align:center;color:#718096;font-size:.9rem;font-style:italic}@keyframes pulse-idea{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}.indicator-card{background:var(--vd-bg-card);border:1px solid var(--vd-border);border-radius:var(--vd-radius-lg);cursor:pointer;transition:all .4s cubic-bezier(.165,.84,.44,1);position:relative;overflow:hidden;box-shadow:var(--vd-shadow-card);height:100%}.indicator-card:hover{border-color:#fff3;transform:translateY(-4px);box-shadow:var(--vd-shadow-float);background:var(--vd-bg-card-alt)}.indicator-card-inner{padding:var(--vd-space-5);display:flex;flex-direction:column;gap:var(--vd-space-4);height:100%}.indicator-header{display:flex;flex-direction:column;gap:var(--vd-space-2)}.indicator-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--vd-space-3)}.indicator-title-row h3{margin:0;font-size:.85rem;font-weight:700;color:var(--vd-text-primary);line-height:1.3}.indicator-trend-badge{display:flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--vd-radius-pill);font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;white-space:nowrap}.indicator-trend-badge.positive{background:var(--vd-green-dim);color:var(--vd-green);border:1px solid rgba(0,255,127,.1)}.indicator-trend-badge.negative{background:var(--vd-red-dim);color:var(--vd-red);border:1px solid rgba(255,46,99,.1)}.indicator-trend-badge.neutral{background:#ffffff0d;color:var(--vd-text-muted);border:1px solid rgba(255,255,255,.05)}.indicator-sentence{font-size:.75rem;color:var(--vd-text-secondary);line-height:1.4;margin:0;opacity:.8}.indicator-main{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--vd-space-2) 0}.indicator-progress-wrapper{position:relative;width:120px;height:120px}.indicator-progress-circle{position:relative;width:100%;height:100%}.circular-chart{display:block;width:100%;height:100%;filter:drop-shadow(0 4px 6px rgba(0,0,0,.05))}.circle-bg{fill:none;stroke:#e2e8f0;stroke-width:3.5}.circle{fill:none;stroke-width:3;stroke-linecap:round;transition:stroke-dasharray 1.2s cubic-bezier(.19,1,.22,1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.indicator-value-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:2}.value-number{font-size:1.6rem;font-weight:900;color:var(--vd-text-primary);line-height:1;letter-spacing:-.04em}.value-label{font-size:.6rem;font-weight:700;text-transform:uppercase;color:var(--vd-text-muted);letter-spacing:.1em;margin-top:2px}.indicator-footer{display:flex;justify-content:center;padding-top:var(--vd-space-3);border-top:1px solid rgba(255,255,255,.05)}.action-hint{font-size:.75rem;font-weight:600;color:var(--vd-text-muted);transition:var(--vd-transition)}.indicator-card:hover .action-hint{color:var(--vd-cyan);transform:translate(2px)}@keyframes indicator-chart-draw{0%{stroke-dasharray:0,100}}.circle{animation:indicator-chart-draw 1.5s ease-out forwards}.indicator-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:2000;animation:vd-fade-in .3s ease-out}.indicator-modal-content{background:var(--vd-bg-card);width:95%;max-width:600px;max-height:85vh;border-radius:var(--vd-radius-lg);box-shadow:var(--vd-shadow-float);position:relative;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--vd-border);animation:vd-slide-up .4s cubic-bezier(.165,.84,.44,1)}.indicator-modal-header{padding:var(--vd-space-6);background:linear-gradient(to bottom,var(--vd-bg-card-alt) 0%,var(--vd-bg-card) 100%);border-bottom:1px solid var(--vd-border);position:relative;display:flex;justify-content:space-between;align-items:flex-start}.indicator-modal-title-section{flex:1}.indicator-modal-overline{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.15em;color:var(--vd-cyan);margin-bottom:4px}.indicator-modal-title{font-size:1.5rem;font-weight:900;color:var(--vd-text-primary);margin:0;letter-spacing:-.02em}.indicator-modal-desc{font-size:.85rem;color:var(--vd-text-secondary);margin-top:8px;line-height:1.5}.indicator-modal-close{background:#ffffff0d;border:1px solid var(--vd-border);width:36px;height:36px;border-radius:var(--vd-radius-pill);display:flex;align-items:center;justify-content:center;color:var(--vd-text-muted);cursor:pointer;transition:all .2s}.indicator-modal-close:hover{background:#ffffff1a;color:var(--vd-text-primary);transform:rotate(90deg)}.indicator-modal-body{padding:var(--vd-space-6);overflow-y:auto;flex:1}.indicator-info-box{background:#22d3ee0d;border:1px solid rgba(34,211,238,.2);padding:var(--vd-space-4);border-radius:var(--vd-radius-lg);margin-bottom:var(--vd-space-6)}.indicator-info-title{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:700;color:var(--vd-cyan);margin-bottom:8px}.indicator-info-text{font-size:.75rem;color:var(--vd-text-secondary);line-height:1.6;margin:0}.indicator-skills-list{display:flex;flex-direction:column;gap:var(--vd-space-4)}.indicator-skill-item{background:#ffffff05;border:1px solid var(--vd-border);padding:var(--vd-space-5);border-radius:var(--vd-radius-lg);transition:all .3s ease;display:flex;justify-content:space-between;gap:var(--vd-space-4)}.indicator-skill-item:hover{background:#ffffff0a;border-color:#ffffff26;transform:translate(4px)}.indicator-skill-main{flex:1}.indicator-skill-meta{display:flex;align-items:center;gap:8px;margin-bottom:8px}.indicator-skill-level{font-size:.6rem;font-weight:800;text-transform:uppercase;background:#ffffff0d;color:var(--vd-text-muted);padding:2px 8px;border-radius:var(--vd-radius-pill)}.indicator-skill-weight{font-size:.65rem;font-weight:700;color:var(--vd-cyan)}.indicator-skill-name{font-size:1rem;font-weight:700;color:var(--vd-text-primary);margin:0 0 6px}.indicator-skill-desc{font-size:.8rem;color:var(--vd-text-secondary);line-height:1.5;margin:0}.indicator-skill-impact{margin-top:12px;padding:12px 14px;background:#3b82f60f;border-left:3px solid var(--vd-cyan);border-radius:0 6px 6px 0;font-size:.8rem;color:var(--vd-text-primary);font-style:italic;font-weight:500}.indicator-skill-scores{display:flex;flex-direction:column;align-items:flex-end;gap:var(--vd-space-2);min-width:80px}.indicator-skill-value{font-size:1.5rem;font-weight:900;letter-spacing:-.02em}.indicator-skill-stats{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.indicator-skill-stat{font-size:.65rem;color:var(--vd-text-muted)}.indicator-skill-stat b{color:var(--vd-text-secondary)}.indicator-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--vd-space-12) 0;gap:var(--vd-space-4)}.indicator-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.05);border-top-color:var(--vd-cyan);border-radius:50%;animation:vd-spin 1s linear infinite}@keyframes vd-spin{to{transform:rotate(360deg)}}@keyframes vd-fade-in{0%{opacity:0}to{opacity:1}}@keyframes vd-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.calendar-modal-overlay{position:fixed;inset:0;background:var(--vd-bg-overlay, rgba(11, 17, 29, .85));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:var(--vd-space-5, 20px)}.calendar-modal-container{background:var(--vd-bg-card, #141C2E);border-radius:var(--vd-radius-lg, 18px);width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--vd-shadow-float);border:1px solid var(--vd-border);animation:vd-scale-in .3s ease-out;overflow:hidden}.calendar-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--vd-space-6, 24px);border-bottom:1px solid var(--vd-border);background:var(--vd-gradient-hero)}.calendar-modal-title{display:flex;align-items:center;gap:var(--vd-space-3, 12px);font-size:1.5rem;font-weight:800;color:var(--vd-text-primary);margin:0;letter-spacing:var(--vd-tracking-tight)}.calendar-modal-icon{color:var(--vd-cyan);filter:drop-shadow(var(--vd-cyan-glow))}.calendar-modal-subtitle{margin:var(--vd-space-1, 4px) 0 0 0;font-size:.875rem;color:var(--vd-text-secondary);font-weight:500}.calendar-modal-close{background:var(--vd-bg-input);border:1px solid var(--vd-border);width:36px;height:36px;border-radius:var(--vd-radius-pill);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--vd-text-secondary);transition:var(--vd-transition)}.calendar-modal-close:hover{background:var(--vd-bg-card-alt);color:var(--vd-text-primary);border-color:var(--vd-border-strong);transform:rotate(90deg)}.calendar-modal-body{flex:1;overflow-y:auto;padding:var(--vd-space-6, 24px);scrollbar-width:thin;scrollbar-color:var(--vd-border-strong) transparent}.calendar-modal-body::-webkit-scrollbar{width:6px}.calendar-modal-body::-webkit-scrollbar-thumb{background-color:var(--vd-border-strong);border-radius:var(--vd-radius-pill)}.calendar-modal-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--vd-space-10, 40px) var(--vd-space-5, 20px);text-align:center;animation:vd-fade-in .4s ease-out}.calendar-modal-empty-icon{color:var(--vd-text-muted);margin-bottom:var(--vd-space-4, 16px);opacity:.5}.calendar-modal-empty h3{font-size:1.125rem;font-weight:700;color:var(--vd-text-primary);margin:0 0 var(--vd-space-2, 8px) 0}.calendar-modal-empty p{font-size:.875rem;color:var(--vd-text-secondary);margin:0}.calendar-schedule-list{display:flex;flex-direction:column;gap:var(--vd-space-8, 32px)}.calendar-date-group{display:flex;flex-direction:column;gap:var(--vd-space-4, 16px)}.calendar-date-header{font-size:.75rem;font-weight:800;text-transform:uppercase;color:var(--vd-cyan);letter-spacing:.1em;padding-bottom:var(--vd-space-2, 8px);border-bottom:1px solid var(--vd-border);display:flex;align-items:center;gap:var(--vd-space-2, 8px)}.calendar-date-header:before{content:"";width:4px;height:4px;background:var(--vd-cyan);border-radius:50%;box-shadow:var(--vd-cyan-glow)}.calendar-events{display:flex;flex-direction:column;gap:var(--vd-space-3, 12px)}.calendar-event-card{display:flex;gap:var(--vd-space-5, 20px);padding:var(--vd-space-4, 16px);background:var(--vd-bg-card-alt);border:1px solid var(--vd-border);border-radius:var(--vd-radius-md, 14px);transition:var(--vd-transition);position:relative;overflow:hidden}.calendar-event-card:after{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--vd-purple);opacity:0;transition:var(--vd-transition)}.calendar-event-card:hover{background:var(--vd-bg-input);border-color:var(--vd-border-strong);transform:translate(4px);box-shadow:var(--vd-shadow-card)}.calendar-event-card:hover:after{opacity:1}.calendar-event-time{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:70px;padding:var(--vd-space-2, 8px);background:var(--vd-bg-input);border:1px solid var(--vd-border);border-radius:var(--vd-radius, 10px);color:var(--vd-text-primary);font-size:.875rem;font-weight:700}.calendar-event-time svg{color:var(--vd-purple);opacity:.8}.calendar-event-content{flex:1;min-width:0}.calendar-event-title{font-size:1rem;font-weight:700;color:var(--vd-text-primary);margin:0 0 var(--vd-space-2, 8px) 0;line-height:1.3}.calendar-event-meta{display:flex;align-items:center;gap:var(--vd-space-2, 8px);flex-wrap:wrap;margin-bottom:var(--vd-space-2, 8px)}.calendar-event-subject{font-size:.75rem;font-weight:700;color:var(--vd-purple);background:var(--vd-purple-dim);padding:2px 8px;border-radius:var(--vd-radius-sm, 6px)}.calendar-event-type{font-size:.7rem;font-weight:800;text-transform:uppercase;padding:2px 8px;background:var(--vd-cyan-dim);color:var(--vd-cyan);border-radius:var(--vd-radius-sm, 6px);border:1px solid rgba(34,211,238,.1)}.calendar-event-description{font-size:.8rem;color:var(--vd-text-secondary);margin:4px 0 0;line-height:1.5}.calendar-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:var(--vd-space-6, 24px);padding-top:var(--vd-space-5, 20px);border-top:1px solid var(--vd-border)}.calendar-pagination-btn{display:flex;align-items:center;gap:var(--vd-space-2, 8px);padding:8px 16px;background:var(--vd-bg-input);border:1px solid var(--vd-border);border-radius:var(--vd-radius, 10px);font-size:.875rem;font-weight:600;color:var(--vd-text-secondary);cursor:pointer;transition:var(--vd-transition)}.calendar-pagination-btn:hover:not(:disabled){background:var(--vd-bg-card-alt);border-color:var(--vd-border-strong);color:var(--vd-text-primary)}.calendar-pagination-btn:disabled{opacity:.3;cursor:not-allowed}.calendar-pagination-info{font-size:.875rem;font-weight:600;color:var(--vd-text-secondary);display:flex;flex-direction:column;align-items:center;gap:2px}.calendar-pagination-total{font-size:.75rem;color:var(--vd-text-muted);font-weight:500}.calendar-subscription-section{padding:var(--vd-space-6, 24px);border-top:1px solid var(--vd-border);background:var(--vd-bg-card-alt)}.calendar-subscription-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 20px;background:var(--vd-gradient-progress);border:none;border-radius:var(--vd-radius-md, 14px);font-size:.9rem;font-weight:700;color:#fff;cursor:pointer;transition:var(--vd-transition);box-shadow:var(--vd-shadow-glow-cyan)}.calendar-subscription-btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 0 30px #22d3ee66}.calendar-subscription-btn:disabled{opacity:.5;cursor:not-allowed}.calendar-subscription-content{display:flex;flex-direction:column;gap:var(--vd-space-4, 16px);animation:vd-fade-in .3s ease-out}.calendar-subscription-header{display:flex;align-items:center;gap:8px;font-size:.8rem;font-weight:800;color:var(--vd-cyan);text-transform:uppercase;letter-spacing:.05em}.calendar-subscription-url-container{display:flex;gap:var(--vd-space-2, 8px);width:100%}.calendar-subscription-url-input{flex:1;padding:12px 16px;background:var(--vd-bg-base);border:1px solid var(--vd-border-strong);border-radius:var(--vd-radius, 10px);font-size:.75rem;font-family:Courier New,monospace;color:var(--vd-text-primary);transition:var(--vd-transition)}.calendar-subscription-url-input:focus{outline:none;border-color:var(--vd-cyan);box-shadow:var(--vd-cyan-glow)}.calendar-subscription-copy-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 20px;background:var(--vd-bg-input);border:1px solid var(--vd-border-strong);border-radius:var(--vd-radius, 10px);font-size:.85rem;font-weight:700;color:var(--vd-text-primary);cursor:pointer;transition:var(--vd-transition);white-space:nowrap}.calendar-subscription-copy-btn:hover{background:var(--vd-bg-card);border-color:var(--vd-cyan);color:var(--vd-cyan)}.calendar-subscription-help-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;background:var(--vd-green-dim);border:1px solid var(--vd-green-dim);border-radius:var(--vd-radius, 10px);font-size:.85rem;font-weight:700;color:var(--vd-green);cursor:pointer;transition:var(--vd-transition)}.calendar-subscription-help-btn:hover{background:var(--vd-green-dim);border-color:var(--vd-green);transform:translateY(-2px)}.calendar-subscription-collapse-btn{align-self:center;padding:6px 16px;background:transparent;border:none;font-size:.75rem;font-weight:600;color:var(--vd-text-muted);cursor:pointer;transition:var(--vd-transition)}.calendar-subscription-collapse-btn:hover{color:var(--vd-text-secondary)}@media(max-width:640px){.calendar-modal-container{max-height:95vh;border-radius:20px}.calendar-modal-header{padding:var(--vd-space-5, 20px)}.calendar-modal-title{font-size:1.25rem}.calendar-modal-body{padding:var(--vd-space-4, 16px)}.calendar-event-card{flex-direction:column;gap:12px}.calendar-event-time{flex-direction:row;min-width:auto;width:100%;justify-content:center;padding:10px}.calendar-pagination{flex-direction:column;gap:12px}.calendar-pagination-btn{width:100%;justify-content:center}.calendar-subscription-url-container{flex-direction:column}.calendar-subscription-copy-btn{width:100%}}.sprint-report-modal{max-width:900px;width:95%;border-radius:32px;padding:0;overflow:hidden;background:#fff;font-family:Poppins,sans-serif;box-shadow:0 25px 50px -12px #00000040}.report-header{background:linear-gradient(135deg,#0f172a,#1e40af);padding:80px 40px 30px;color:#fff;position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.1)}.report-header:before{content:"";position:absolute;top:-100px;right:-50px;width:300px;height:300px;background:radial-gradient(circle,rgba(59,130,246,.4) 0%,rgba(16,185,129,.1) 70%,transparent 100%);filter:blur(60px);border-radius:50%;animation:pulseGlow 8s infinite alternate}@keyframes pulseGlow{0%{transform:scale(1);opacity:.6}to{transform:scale(1.2);opacity:.8}}.header-content{display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:10}.header-title-group{display:flex;flex-direction:column;gap:5px}.header-avatar{width:80px;height:80px;border-radius:20px;overflow:hidden;border:3px solid rgba(255,255,255,.2);box-shadow:0 8px 16px #0003}.header-avatar img{width:100%;height:100%;object-fit:cover}.header-avatar-placeholder{width:80px;height:80px;border-radius:20px;background:linear-gradient(135deg,#3b82f6,#10b981);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:800;color:#fff;border:3px solid rgba(255,255,255,.2);box-shadow:0 8px 16px #0003}.header-title-group h2{font-size:.85rem;text-transform:uppercase;letter-spacing:3px;color:#93c5fd;font-weight:700;margin:0;display:flex;align-items:center;gap:8px}.header-title-group h2:before{content:"";display:inline-block;width:20px;height:2px;background:#10b981}.header-title-group h1{font-size:2.5rem;font-weight:800;margin:5px 0 10px;line-height:1;background:linear-gradient(to right,#fff,#e2e8f0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 10px rgba(0,0,0,.1)}.period-pill{background:#0f172a66;border:1px solid rgba(148,163,184,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 16px;border-radius:99px;font-size:.85rem;color:#e2e8f0;font-weight:600;align-self:flex-start;display:flex;align-items:center;gap:8px;box-shadow:0 4px 6px -1px #0000001a}.close-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.1);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.close-btn:hover{background:#fff3;transform:rotate(90deg) scale(1.1);box-shadow:0 0 15px #3b82f666}.report-body{padding:40px;background:linear-gradient(to bottom,#f8fafc,#f1f5f9);overflow-y:auto;max-height:80vh}.report-grid{display:grid;grid-template-columns:300px 1fr;gap:30px;margin-bottom:40px}.maturity-gauge-card{background:#fff;border-radius:24px;padding:30px;text-align:center;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,inset 0 0 0 1px #e2e8f099;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.maturity-gauge-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000000d,0 0 20px #3b82f61a}.gauge-circle{width:180px;height:180px;position:relative;margin-bottom:20px;filter:drop-shadow(0 4px 6px rgba(59,130,246,.15))}.gauge-bg{fill:none;stroke:#e2e8f0;stroke-width:12;stroke-linecap:round}.gauge-fill{fill:none;stroke-width:12;stroke-linecap:round;transform:rotate(-90deg);transform-origin:center;transition:stroke-dashoffset 1.5s cubic-bezier(.34,1.56,.64,1)}.gauge-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.gauge-value{font-size:3.5rem;font-weight:800;color:#1e293b;line-height:1;letter-spacing:-1px;background:linear-gradient(135deg,#2563eb,#10b981);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.gauge-label{font-size:.75rem;color:#64748b;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-top:5px}.maturity-level-badge{background:linear-gradient(135deg,#eff6ff,#ecfdf5);color:#059669;padding:8px 16px;border-radius:12px;font-weight:700;font-size:.9rem;display:inline-flex;align-items:center;gap:6px;border:1px solid #D1FAE5;box-shadow:0 2px 4px #10b9810d}.metrics-card{background:#fff;border-radius:24px;padding:30px;box-shadow:0 4px 6px -1px #00000005;border:1px solid #F1F5F9}.section-title{font-size:1.1rem;font-weight:800;color:#1e293b;margin-bottom:24px;display:flex;align-items:center;gap:12px}.metrics-list{display:flex;flex-direction:column;gap:24px}.metric-item{display:flex;flex-direction:column;gap:8px}.metric-header{display:flex;justify-content:space-between;font-size:.9rem;font-weight:600;color:#475569}.metric-bar-bg{height:12px;background:#f1f5f9;border-radius:6px;overflow:hidden;position:relative;box-shadow:inset 0 1px 2px #0000000d}.metric-bar-fill{height:100%;border-radius:6px;width:0;transition:width 1.2s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.metric-bar-fill:after{content:"";position:absolute;top:0;left:0;bottom:0;width:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:translate(-100%);animation:shimmer 2s infinite}@keyframes shimmer{to{transform:translate(100%)}}.indicators-section{margin-bottom:30px}.indicators-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.indicator-pill{background:#fff;padding:24px;border-radius:20px;border:1px solid #E2E8F0;transition:all .3s ease;position:relative;overflow:hidden}.indicator-pill:hover{transform:translateY(-4px) scale(1.02);border-color:#3b82f6;box-shadow:0 10px 20px -5px #3b82f626}.ind-name{font-size:.85rem;font-weight:700;color:#64748b;margin-bottom:8px;display:block;text-transform:uppercase;letter-spacing:.05em}.ind-val{font-size:2rem;font-weight:800;color:#1e293b;display:block;line-height:1;margin-bottom:8px}.mini-trend{display:inline-block;padding:4px 50px 4px 0;font-size:.85rem;font-weight:600}.mini-trend.pos{color:#10b981}.mini-trend.neg{color:#ef4444}.coach-insight{background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:24px;padding:30px 40px;color:#fff;position:relative;overflow:hidden;box-shadow:0 10px 30px -5px #0f172a4d;border:1px solid rgba(255,255,255,.05)}.coach-insight:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#10b981)}.insight-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.bot-avatar{width:56px;height:56px;background:linear-gradient(135deg,#2563eb,#10b981);border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #10b9814d;border:2px solid rgba(255,255,255,.1)}.insight-text{font-size:1.1rem;line-height:1.7;color:#e2e8f0;font-weight:400;background:#ffffff08;padding:20px;border-radius:0 20px 20px;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.report-footer{margin-top:40px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #E2E8F0;padding-top:30px;color:#64748b;font-size:.9rem}.download-btn{background:#fff;color:#1e293b;border:1px solid #E2E8F0;padding:12px 24px;border-radius:12px;font-weight:700;display:flex;align-items:center;gap:10px;cursor:pointer;box-shadow:0 2px 4px #0000000d;transition:all .2s ease}.download-btn:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-2px);color:#2563eb}@media print{.sprint-report-modal{box-shadow:none;border-radius:0;width:100%;max-width:100%}.close-btn,.download-btn{display:none}}@media(max-width:768px){.report-grid{grid-template-columns:1fr}.header-content{flex-direction:column;text-align:left}.period-pill{margin-top:10px}}.pricing-page-wrapper{min-height:100vh;background:var(--color-body-bg);padding:30px 40px 100px;animation:fadeIn .8s ease}.pricing-page-container{max-width:1200px;margin:0 auto}.pricing-page-wrapper .back-btn{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-primary);padding:10px 20px;border-radius:var(--radius-full);cursor:pointer;font-weight:600;font-size:.95rem;margin-bottom:40px;display:inline-flex;align-items:center;transition:all .3s ease;box-shadow:var(--shadow-sm)}.pricing-page-wrapper .back-btn:hover{transform:translate(-5px);background:var(--color-surface-hover);box-shadow:var(--shadow-md);color:var(--color-primary-dark)}.pricing-header{text-align:center;margin-bottom:60px;max-width:800px;margin-left:auto;margin-right:auto}.pricing-header h1{color:var(--color-text-primary);margin-bottom:20px;font-family:var(--font-heading);font-size:2.5rem;font-weight:700;line-height:1.2}.pricing-header p{color:var(--color-text-secondary);font-size:1.15rem;line-height:1.6}@media(max-width:768px){.pricing-page-wrapper{padding:20px}.pricing-header h1{font-size:1.8rem}.pricing-header p{font-size:1rem}}.checkout-success-container{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:20px;background:#f8fafc}.success-card{background:#fff;padding:40px;border-radius:20px;box-shadow:0 10px 25px #0000000d;text-align:center;max-width:500px;width:100%}.success-icon{font-size:64px;margin-bottom:20px}.success-card h1{color:#1e293b;margin-bottom:16px;font-size:28px}.success-card p{color:#64748b;margin-bottom:32px;font-size:18px;line-height:1.6}.btn-primary{display:inline-block;padding:12px 32px;background:#3b82f6;color:#fff;text-decoration:none;border-radius:12px;font-weight:600;transition:all .2s}.btn-primary:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.arm-modal-overlay{position:fixed;inset:0;background:var(--color-surface-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:var(--spacing-lg)}.arm-modal-container{background:var(--bg-card);width:100%;max-width:650px;max-height:90vh;border-radius:var(--radius-2xl);position:relative;overflow-y:auto;box-shadow:var(--shadow-2xl);padding:var(--spacing-2xl);border:1px solid var(--color-border)}.arm-close-btn{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:var(--color-surface-dim);border:none;width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-tertiary);transition:all var(--transition-base)}.arm-close-btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary);transform:rotate(90deg)}.arm-success-state{text-align:center;padding:var(--spacing-xl) 0}.arm-success-icon{color:var(--color-success);margin-bottom:var(--spacing-lg)}.arm-success-state h2{font-size:1.75rem;color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.arm-success-note{background:var(--color-success-soft);border:1px solid var(--color-success-soft);padding:var(--spacing-lg);border-radius:var(--radius-lg);color:var(--color-success);margin:var(--spacing-xl) 0;line-height:1.6}.arm-done-btn{background:var(--color-text-primary);color:#fff;border:none;padding:.75rem 2rem;border-radius:var(--radius-lg);font-weight:700;cursor:pointer;transition:all var(--transition-base)}.arm-done-btn:hover{background:var(--color-primary);transform:translateY(-2px)}.arm-modal-header{display:flex;gap:var(--spacing-lg);align-items:center;margin-bottom:var(--spacing-2xl)}.arm-header-icon{width:60px;height:60px;background:var(--branding-gradient);color:#fff;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md)}.arm-header-text h2{font-size:1.5rem;color:var(--color-text-primary);margin:0}.arm-header-text p{color:var(--color-text-secondary);margin:var(--spacing-xs) 0 0;font-size:.9rem}.arm-info-alert{display:flex;gap:var(--spacing-sm);background:var(--color-info-soft);border:1px solid var(--color-info-soft);padding:var(--spacing-md);border-radius:var(--radius-lg);color:var(--color-primary-dark);font-size:.875rem;line-height:1.5}.arm-field-group{margin-top:var(--spacing-xl)}.arm-field-group label{display:flex;align-items:center;gap:var(--spacing-xs);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-xs);font-size:.9rem}.arm-field-group input,.arm-field-group textarea{width:100%;padding:.875rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-body-bg);color:var(--color-text-primary);font-family:inherit;font-size:1rem;transition:all var(--transition-base)}.arm-field-group input:hover,.arm-field-group textarea:hover{border-color:var(--color-text-tertiary)}.arm-field-group input:focus,.arm-field-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-soft)}.arm-slots-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.arm-day-column{display:flex;flex-direction:column;gap:var(--spacing-xs)}.arm-day-label{font-size:.7rem;text-transform:uppercase;font-weight:800;color:var(--color-text-tertiary);text-align:center;letter-spacing:.05em}.arm-day-slots{display:flex;flex-direction:column;gap:var(--spacing-xs)}.arm-slot-btn{padding:.5rem .25rem;font-size:.7rem;background:var(--color-surface-dim);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);color:var(--color-text-secondary);font-weight:600}.arm-slot-btn:hover{background:var(--color-surface-hover);border-color:var(--color-text-tertiary);color:var(--color-text-primary)}.arm-slot-btn.active{background:var(--color-text-primary);color:#fff;border-color:var(--color-text-primary)}.arm-field-hint{font-size:.8rem;color:var(--color-text-tertiary);margin-top:var(--spacing-sm);font-style:italic}.arm-error-message{margin-top:var(--spacing-xl);display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-error);font-size:.875rem;background:var(--color-error-soft);padding:var(--spacing-md);border-radius:var(--radius-lg)}.arm-form-footer{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-2xl)}.arm-cancel-btn{padding:.75rem 1.5rem;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-weight:700;cursor:pointer;transition:all var(--transition-base)}.arm-cancel-btn:hover{background:var(--color-surface-dim);color:var(--color-text-primary)}.arm-submit-btn{padding:.75rem 2rem;background:var(--branding-gradient);color:#fff;border:none;border-radius:var(--radius-lg);font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:180px;transition:all var(--transition-base);box-shadow:var(--shadow-md)}.arm-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg);filter:brightness(1.1)}.arm-spin{animation:arm-spin 1s linear infinite}@keyframes arm-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:600px){.arm-modal-container{padding:var(--spacing-xl)}.arm-slots-grid{grid-template-columns:repeat(3,1fr)}}.as-page-wrapper{min-height:100vh;background-color:var(--color-body-bg)}.as-page-wrapper .ph-wrapper{max-width:100%!important;padding:0!important;margin:0!important}.as-page-wrapper .ph-header{border-radius:0!important;max-width:100%!important;width:100%!important;margin:0!important}.as-main-content{max-width:1200px;margin:0 auto;padding:var(--spacing-3xl) var(--spacing-xl) var(--spacing-4xl)}.as-back-container{margin-bottom:var(--spacing-2xl)}.as-back-btn{display:flex;align-items:center;gap:var(--spacing-xs);background:none;border:none;color:var(--color-text-secondary);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.as-back-btn:hover{color:var(--color-primary);transform:translate(-4px)}.as-hero-section{position:relative;padding:var(--spacing-2xl) 0 var(--spacing-3xl);color:var(--color-text-primary);margin-bottom:var(--spacing-2xl)}.as-hero-section:before{display:none}.as-hero-content{display:flex;flex-wrap:wrap;gap:var(--spacing-xl);align-items:center;justify-content:space-between;position:relative;z-index:2}.as-balance-card{background:#fff;border-radius:40px;padding:32px 40px;display:flex;flex-direction:column;gap:24px;box-shadow:0 20px 60px #00000008;min-width:340px;border:1px solid rgba(0,0,0,.02)}.as-balance-top{display:flex;flex-direction:column;gap:4px}.as-balance-card .as-label{color:var(--color-primary);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.as-balance-value{font-size:4.5rem;font-weight:900;font-family:Outfit,sans-serif;color:var(--color-text-primary);display:flex;align-items:baseline;gap:12px;line-height:1;margin:0;letter-spacing:-.03em}.as-balance-value .as-unit{font-size:1.25rem;font-weight:700;color:var(--color-text-tertiary);margin:0;letter-spacing:0}.as-balance-actions{display:flex;gap:12px;margin-top:8px}.as-balance-btn{padding:.85rem 1.75rem;border-radius:9999px;font-weight:700;font-size:.95rem;cursor:pointer;border:none;display:flex;align-items:center;gap:8px;transition:all .2s ease}.as-balance-btn.primary{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;box-shadow:0 4px 15px #6366f133}.as-balance-btn.primary:hover{box-shadow:0 6px 20px #6366f166;transform:translateY(-2px)}.as-balance-btn.secondary{background:var(--color-surface-dim);color:var(--color-text-secondary)}.as-balance-btn.secondary:hover{background:var(--color-surface-hover)}.as-hero-text{flex:1;min-width:300px}.as-title-highlight{color:var(--color-primary)}.as-title{font-size:2.25rem;font-weight:800;margin:0 0 var(--spacing-sm);color:var(--color-text-primary);letter-spacing:-.02em}.as-description{font-size:1.1rem;color:var(--color-text-secondary);line-height:1.6;max-width:600px}.as-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xl)}.as-section-title-group{display:flex;align-items:center;gap:var(--spacing-sm)}.as-section-header h2{font-size:1.25rem;font-weight:800;color:var(--color-text-primary);margin:0;letter-spacing:-.01em}.as-view-all-link{font-size:.9rem;font-weight:600;color:var(--color-primary);text-decoration:none;transition:opacity .2s}.as-view-all-link:hover{opacity:.8}.as-icon-star{color:var(--color-warning)}.as-icon-package{color:var(--color-primary)}.as-icon-history{color:var(--color-text-secondary)}.as-services-grid,.as-packs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-xl)}.as-service-card{background:#fff;border-radius:var(--radius-3xl);border:1px solid rgba(0,0,0,.04);transition:all .3s ease;box-shadow:0 15px 35px #00000005;display:flex;flex-direction:column;overflow:hidden}.as-page-wrapper .as-section{margin-bottom:60px}.as-page-wrapper .as-section-header{margin-bottom:40px;display:flex;align-items:center;justify-content:space-between}.as-page-wrapper .as-section-title-group{display:flex;align-items:center;gap:var(--spacing-md)}.as-page-wrapper .as-section-title-group h2{font-size:1.8rem;font-weight:800;color:var(--color-text-primary);margin:0}.as-section-icon{color:var(--color-primary);width:28px;height:28px}.as-service-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000000f;border-color:#6366f14d}.as-service-cover{width:100%;height:220px;position:relative;background-size:cover;background-position:center}.as-service-cost-badge{position:absolute;top:20px;left:20px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:6px 16px;border-radius:9999px;display:flex;align-items:baseline;gap:4px;box-shadow:0 4px 15px #00000014}.as-cost-val{font-size:.85rem;font-weight:800;color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em}.as-service-content{padding:32px;display:flex;flex-direction:column;flex:1}.as-service-name{font-size:1.2rem;font-weight:800;color:var(--color-text-primary);margin:0 0 var(--spacing-xl) 0;text-align:center}.as-service-footer-buttons{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%;margin-top:auto}.as-info-toggle-btn,.as-redeem-btn{width:100%;border-radius:9999px;padding:.8rem 1.2rem;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;border:none}.as-info-toggle-btn{background:var(--color-surface-dim);color:var(--color-text-secondary)}.as-info-toggle-btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.as-redeem-btn{background:#0000000a;color:var(--color-text-tertiary)}.as-redeem-btn:not(.disabled){background:#fff;color:var(--color-text-primary);border:1px solid var(--color-border);box-shadow:0 2px 8px #00000008}.as-redeem-btn:hover:not(.disabled){background:var(--color-surface-hover);transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.as-service-explanation{padding:0;text-align:left;width:100%}.as-service-explanation-inner{padding-top:var(--spacing-lg);border-top:1px dashed var(--color-border);margin-top:var(--spacing-lg)}.as-exp-title{font-size:1rem;color:var(--color-text-primary);font-weight:700;margin:0 0 var(--spacing-sm) 0}.as-exp-subtitle{font-size:.9rem;color:var(--color-text-secondary);font-weight:700;margin:var(--spacing-lg) 0 var(--spacing-xs) 0}.as-exp-list{list-style:none;padding:0;margin:0}.as-exp-list li{font-size:.875rem;color:var(--color-text-secondary);line-height:1.5;margin-bottom:var(--spacing-xs);padding-left:1.25rem;position:relative}.as-exp-list li:before{content:"→";position:absolute;left:0;color:var(--color-primary);font-weight:700}.as-exp-list li strong{color:var(--color-text-primary);font-weight:600}.as-service-note{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--color-body-bg);border-radius:var(--radius-lg);font-size:.85rem;color:var(--color-text-secondary);border:1px solid var(--color-border);line-height:1.5}.as-service-note strong{color:var(--color-primary)}.as-pack-card{background:#fff;border-radius:40px;padding:32px;border:1px solid rgba(0,0,0,.04);display:flex;flex-direction:column;gap:24px;transition:all .3s ease;box-shadow:0 15px 35px #00000005;position:relative;margin-top:20px}.as-pack-card.popular{border:2px solid #8b5cf6;box-shadow:0 12px 35px #6366f11a}.as-pack-badge-popular{position:absolute;top:-14px;right:32px;background:var(--color-primary);color:#fff;font-size:.8rem;font-weight:800;padding:6px 16px;border-radius:9999px;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 12px #6366f140}.as-pack-card:hover{transform:translateY(-4px);box-shadow:0 15px 40px #0000000f}.as-pack-header{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:var(--spacing-sm)}.as-pack-icon-wrapper{width:48px;height:48px;border-radius:50%;background:var(--color-primary-soft);color:var(--color-primary);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-sm)}.as-pack-title-area{display:flex;flex-direction:column;gap:4px}.as-pack-title{font-weight:800;color:var(--color-text-primary);font-size:1.25rem;margin:0}.as-pack-subtitle{font-size:.85rem;color:var(--color-text-secondary);margin:0}.as-pack-credits-display{display:flex;align-items:baseline;gap:2px;margin-top:var(--spacing-md)}.as-pack-credits-plus{font-size:2.5rem;font-weight:900;font-family:Outfit,sans-serif;color:var(--color-text-primary);line-height:1}.as-pack-credits-text{font-size:.75rem;font-weight:800;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-left:8px}.as-pack-footer{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-top:auto;padding-top:var(--spacing-lg)}.as-pack-price{display:flex;align-items:baseline;gap:4px}.as-price-val{font-size:1.5rem;font-weight:800;font-family:Outfit,sans-serif;color:var(--color-primary);line-height:1}.as-purchase-btn{width:auto;background:var(--color-text-primary);color:var(--color-white, #ffffff);border-radius:9999px;padding:.75rem 2rem;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;border:none}.as-purchase-btn:hover{filter:brightness(1.2);box-shadow:0 4px 15px #0003}.as-pack-card.popular .as-purchase-btn{background:var(--color-primary);color:#fff}.as-pack-card.popular .as-purchase-btn:hover{box-shadow:0 4px 15px #6366f14d}.as-page-wrapper .as-history-section{margin-top:60px}.as-page-wrapper .as-history-table-container{background:#fff;border-radius:var(--radius-3xl);border:1px solid rgba(0,0,0,.05);overflow:hidden;box-shadow:0 20px 60px #00000008;padding:32px 48px;margin:20px 0}.as-page-wrapper .as-history-table{width:100%;border-collapse:collapse;text-align:left}.as-page-wrapper .as-history-table th{background:transparent;padding:20px 24px;font-size:1rem;font-weight:800;color:var(--color-text-secondary);border-bottom:2px solid var(--color-border);text-transform:uppercase;letter-spacing:.05em}.as-page-wrapper .as-history-table td{padding:24px;font-size:1.05rem;color:var(--color-text-primary);border-bottom:1px solid var(--color-border);font-weight:500}.as-page-wrapper .as-history-table tr:last-child td{border-bottom:none}.as-badge{padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.as-badge.purchase{background:var(--color-info-soft);color:var(--color-primary-dark)}.as-badge.redemption{background:var(--color-warning-soft);color:var(--color-warning)}.as-badge.adjustment{background:var(--color-surface-dim);color:var(--color-text-tertiary)}.as-positive{color:var(--color-success);font-weight:700}.as-negative{color:var(--color-error);font-weight:700}.as-empty-history{text-align:center;padding:var(--spacing-3xl)!important;color:var(--color-text-tertiary);font-style:italic}.as-spin-loader{animation:as-spin 1s linear infinite;color:var(--color-primary);margin-bottom:var(--spacing-md)}.as-loading-screen{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-body-bg);color:var(--color-text-secondary)}.as-spin-xs{animation:as-spin 1s linear infinite}@keyframes as-spin{0%{transform:rotate(0)}to{transform:rotate(3600deg)}}@media(max-width:768px){.as-hero-section{padding:var(--spacing-lg);border-radius:var(--radius-2xl)}.as-hero-content{gap:var(--spacing-lg)}.as-balance-card{background:#fff;border-radius:40px;padding:32px 40px;display:flex;flex-direction:column;gap:24px;box-shadow:0 20px 60px #00000008;min-width:340px;border:1px solid rgba(0,0,0,.02)}.as-title-highlight{color:var(--color-primary)}.as-title{font-size:1.75rem}.as-history-table-container{overflow-x:auto}.as-cards-grid{grid-template-columns:1fr}}.as-restricted-card{background:var(--bg-card);border-radius:var(--radius-3xl);padding:var(--spacing-3xl) var(--spacing-lg);text-align:center;border:1px solid var(--color-border);max-width:600px;margin:var(--spacing-3xl) auto;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.as-icon-alert{color:var(--color-warning);background:var(--color-warning-soft);padding:var(--spacing-md);border-radius:50%}.as-restricted-card h2{font-size:1.5rem;font-weight:800;color:var(--color-text-primary);margin:0}.as-restricted-card p{color:var(--color-text-secondary);line-height:1.6;margin:0}.as-upgrade-btn{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:none;padding:.875rem 2.5rem;border-radius:9999px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;margin-top:var(--spacing-md);box-shadow:0 4px 15px #6366f14d}.as-upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166;filter:brightness(1.1)}.beta-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;font-family:var(--font-primary, "Inter", sans-serif);background:var(--landing-bg-dark, #0b0f19);position:relative;overflow:hidden}.beta-login-page:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 0% 0%,rgba(59,130,246,.25) 0%,transparent 50%),radial-gradient(circle at 100% 100%,rgba(139,92,246,.25) 0%,transparent 50%);pointer-events:none;z-index:0}.beta-login-container{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:32px;width:100%;max-width:1000px;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080;animation:fadeInScale .6s cubic-bezier(.16,1,.3,1);z-index:1}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.beta-login-side{flex:1;padding:60px 40px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:background .3s ease}.beta-side-parent{background:#3b82f60d;border-right:1px solid rgba(255,255,255,.05)}.beta-side-student{background:#8b5cf60d}.beta-side-icon{font-size:3.5rem;margin-bottom:24px;filter:drop-shadow(0 0 15px rgba(255,255,255,.2))}.beta-login-side h1{font-size:2rem;font-weight:800;margin-bottom:12px;background:linear-gradient(to right,#fff,#cbd5e1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.beta-login-side p{font-size:1rem;color:#94a3b8;margin-bottom:40px;line-height:1.5}.beta-google-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;max-width:320px;padding:16px 24px;background:#fff;color:#1e293b;border:none;border-radius:14px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 15px -3px #0000001a}.beta-google-btn:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #0003;background:#f8fafc}.beta-google-btn img{width:24px;height:24px}.beta-student-form{width:100%;max-width:320px;display:flex;flex-direction:column;gap:16px}.beta-input-group{position:relative;text-align:left}.beta-input-group label{display:block;font-size:.85rem;color:#64748b;margin-bottom:6px;margin-left:4px}.beta-input{width:100%;padding:14px 18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg, 14px);color:#fff;font-size:1rem;transition:all .3s ease}.beta-input:focus{outline:none;border-color:var(--color-primary, #3b82f6);background:#ffffff14;box-shadow:0 0 0 4px #3b82f633}.beta-submit-btn{margin-top:8px;padding:14px;background:linear-gradient(135deg,#8b5cf6,#d946ef);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 15px -3px #8b5cf666}.beta-submit-btn:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #8b5cf680}.beta-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.beta-spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;display:inline-block}.beta-error-p{margin-top:20px;color:#fb7185;background:#fb71851a;padding:12px 16px;border-radius:12px;font-size:.9rem;border:1px solid rgba(251,113,133,.2);animation:shake .4s ease;max-width:320px}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.beta-back-link{position:absolute;top:40px;left:40px;color:#94a3b8;text-decoration:none;font-weight:600;display:flex;align-items:center;gap:8px;transition:color .3s ease}.beta-back-link:hover{color:#fff}@media(max-width:850px){.beta-login-container{flex-direction:column;max-width:500px}.beta-side-parent{border-right:none;border-bottom:1px solid rgba(255,255,255,.05)}.beta-login-side{padding:40px 20px}}.admin-portal-v2.admin-login-container{height:100vh;display:flex;align-items:center;justify-content:center;background:var(--admin-bg);color:var(--admin-text)}.admin-portal-v2 .admin-login-card{background:var(--admin-card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:3rem;border-radius:1.5rem;box-shadow:0 25px 50px -12px #0003;width:100%;max-width:400px;border:1px solid var(--admin-border);text-align:center}.admin-portal-v2 .admin-login-card h1{font-size:2rem;margin-bottom:.5rem;background:linear-gradient(to right,#60a5fa,#a855f7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}.admin-portal-v2 .admin-login-card p{color:var(--admin-text-muted);margin-bottom:2rem}.admin-portal-v2 .form-group label{display:block;margin-bottom:.5rem;color:var(--admin-text-muted);font-size:.9rem}.admin-portal-v2 .form-group input{width:100%;padding:.75rem 1rem;background:var(--admin-input-bg);border:1px solid var(--admin-input-border);border-radius:.75rem;color:var(--admin-text);outline:none}.admin-portal-v2 .form-group input:focus{border-color:var(--admin-input-focus);box-shadow:0 0 0 2px #60a5fa33;background:var(--admin-input-bg)}.admin-portal-v2 .login-error{background:#ef44441a;color:var(--admin-error);padding:.75rem;border-radius:.75rem;margin-bottom:1.5rem;font-size:.85rem;border:1px solid var(--admin-error)}.admin-portal-v2 .admin-login-card button{width:100%;padding:.75rem;background:linear-gradient(to right,#3b82f6,#8b5cf6);border:none;border-radius:.75rem;color:#fff;font-weight:600;cursor:pointer}.admin-portal-v2 .admin-tree-sidebar{width:200px;background:var(--admin-sidebar-bg);border-right:2px solid var(--color-border-weak);display:flex;flex-direction:column;color:var(--color-text-secondary);overflow-y:auto!important}.admin-portal-v2 .sidebar-header{padding:var(--space-sm) var(--space-md);border-bottom:2px solid var(--color-border-weak);background:var(--color-surface-bg)}.admin-portal-v2 .sidebar-header h2{margin:0;font-size:1rem;font-weight:800;color:var(--color-primary)}.admin-portal-v2 .sidebar-tree-nav{flex:1;padding:var(--space-xs) 0}.admin-portal-v2 .tree-item{display:flex;align-items:center;padding:var(--space-xs) var(--space-sm);cursor:pointer;transition:background .1s;gap:var(--space-xs);color:var(--color-text-secondary);position:relative}.admin-portal-v2 .tree-item.hovered{background:var(--color-surface-hover);color:var(--color-text-primary)}.admin-portal-v2 .tree-item.active{background:var(--color-primary-soft);color:var(--color-primary);border-right:3px solid var(--color-primary)}.admin-portal-v2 .tree-toggle{font-size:.5rem;color:var(--color-text-tertiary);width:10px}.admin-portal-v2 .tree-link{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none;color:inherit;font-size:.8rem;flex:1}.admin-portal-v2 .tree-icon{font-size:.9rem;width:16px;text-align:center}.admin-portal-v2 .level-1 .tree-item{padding-left:1.25rem}.admin-portal-v2 .level-2 .tree-item{padding-left:2rem}.admin-portal-v2 .level-3 .tree-item{padding-left:2.75rem}.admin-portal-v2 .sidebar-footer{padding:var(--space-sm) var(--space-md);border-top:2px solid var(--color-border-weak);background:var(--color-surface-bg)}.admin-portal-v2 .logout-btn{width:100%;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--color-error-soft);border:1px solid var(--color-error);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-size:.8rem;font-weight:700}.admin-portal-v2 .selection-stack{display:flex;flex-direction:column;gap:var(--space-xs);margin:var(--space-sm)}.admin-portal-v2 .selection-context{padding:var(--space-sm);background:var(--color-surface-bg);border:var(--admin-border);border-radius:var(--radius-sm);opacity:.7}.admin-portal-v2 .selection-context.current{opacity:1;border:2px solid var(--color-primary)}.admin-portal-v2 .selection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs)}.admin-portal-v2 .context-nav{display:flex;align-items:center;gap:var(--space-sm);background:var(--color-surface-hover);border-radius:var(--radius-sm);padding:2px 4px;border:1px solid var(--color-border-weak)}.admin-portal-v2 .context-nav button{background:transparent;border:none;color:var(--color-primary);cursor:pointer;font-size:1rem;line-height:1;padding:0 2px}.admin-portal-v2 .context-nav button:hover{color:var(--color-text-primary)}.admin-portal-v2 .nav-count{font-size:.6rem;color:var(--color-text-tertiary);font-family:var(--font-mono)}.admin-portal-v2 .selection-label{text-transform:uppercase;font-size:.6rem;font-weight:900;color:var(--color-primary)}.admin-portal-v2 .selection-value{color:var(--color-text-primary);font-weight:700;font-size:.8rem;word-break:break-all}.admin-portal-v2.admin-layout{display:flex;height:100vh;background:var(--admin-content-bg)!important;color:var(--color-text-primary);font-family:var(--font-primary);overflow:hidden;box-shadow:none!important;filter:none!important}.admin-portal-v2 .admin-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--admin-content-bg)!important}.admin-portal-v2 .content-body{flex:1;overflow:auto!important;padding:0;width:100%;height:100%;background:var(--admin-content-bg)!important}.admin-portal-v2 ::-webkit-scrollbar{width:10px;height:10px;display:block!important}.admin-portal-v2 ::-webkit-scrollbar-track{background:var(--color-surface-bg)!important}.admin-portal-v2 ::-webkit-scrollbar-thumb{background:var(--color-border-strong)!important;border-radius:var(--radius-sm);border:2px solid var(--color-surface-bg)}.admin-portal-v2 ::-webkit-scrollbar-thumb:hover{background:var(--color-primary-highlight, var(--color-primary))!important}.admin-modal-overlay{position:fixed;inset:0;background:var(--color-overlay);display:flex;align-items:center;justify-content:center;z-index:9999;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.admin-modal{background:var(--color-surface-card);border:var(--admin-border);border-radius:var(--radius-lg);padding:var(--space-xl);max-width:450px;width:90%;text-align:center;box-shadow:var(--shadow-lg)}.admin-modal h3{margin:0 0 var(--space-md) 0;color:var(--color-text-primary);font-size:1.5rem}.admin-modal p{color:var(--color-text-secondary);margin-bottom:var(--space-lg);line-height:1.5}.admin-modal .modal-actions{display:flex;justify-content:center}.admin-portal-v2{background-color:var(--admin-content-bg)!important;color:var(--color-text-primary)!important;min-height:100vh}.admin-portal-v2 input:not([type=checkbox]):not([type=radio]),.admin-portal-v2 button,.admin-portal-v2 select,.admin-portal-v2 textarea{background-color:var(--color-surface-bg);color:var(--color-text-primary);border:var(--admin-border);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md)}.admin-portal-v2 h1,.admin-portal-v2 h2,.admin-portal-v2 h3,.admin-portal-v2 h4{color:var(--color-text-primary);font-family:var(--font-primary)}.admin-dashboard-v2{padding:var(--space-xl);background:var(--admin-content-bg);min-height:100%;color:var(--color-text-secondary);font-family:var(--font-primary);width:100%;box-sizing:border-box}.admin-dashboard-v2 *{box-sizing:border-box}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-xl)}.header-text h1{font-size:2.2rem;font-weight:800;margin:0 0 var(--space-sm) 0;color:var(--color-text-primary)}.header-text p{color:var(--color-text-tertiary);font-size:1.1rem}.system-health-badges{display:flex;gap:var(--space-sm)}.health-pill{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);font-size:.85rem;font-weight:600;background:var(--color-surface-card);border:var(--admin-border);display:flex;align-items:center;gap:var(--space-sm)}.health-pill.ok{color:var(--color-success);border-color:var(--color-success-soft)}.health-pill.warning{color:var(--color-warning);border-color:var(--color-warning-soft)}.health-pill.error{color:var(--color-error);border-color:var(--color-error-soft)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.kpi-card{background:var(--admin-card-bg);border:var(--admin-border);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;gap:var(--space-lg);align-items:center;transition:transform .2s cubic-bezier(.4,0,.2,1),border-color .2s;position:relative;overflow:hidden;box-shadow:var(--shadow-md)}.kpi-card:hover{transform:translateY(-5px);border-color:var(--accent);box-shadow:var(--shadow-lg)}.kpi-card:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:4px;background:var(--accent)}.kpi-icon{font-size:2.8rem;filter:drop-shadow(0 0 8px var(--accent))}.kpi-data{display:flex;flex-direction:column}.kpi-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-tertiary);font-weight:700}.kpi-value{font-size:2.4rem;font-weight:900;color:var(--color-text-primary);margin:var(--space-xs) 0;line-height:1}.kpi-trend{font-size:.85rem;color:var(--accent);font-weight:700}.dashboard-main-content{display:flex;gap:var(--space-xl);flex-wrap:wrap}.content-column.main{flex:2;min-width:400px}.content-column.side{flex:1;min-width:300px}.dashboard-section{background:var(--admin-card-bg);border:var(--admin-border);border-radius:var(--radius-lg);padding:var(--space-xs);margin-bottom:var(--space-xl);overflow:hidden}.dashboard-section h3{margin:var(--space-lg);font-size:1.25rem;color:var(--color-text-primary);display:flex;align-items:center;gap:var(--space-sm)}.economy-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);padding:var(--space-lg)}.eco-item{background:var(--color-surface-bg);padding:var(--space-lg);border-radius:var(--radius-lg);display:flex;flex-direction:column;border:var(--admin-border);transition:background .2s}.eco-item:hover{background:var(--color-surface-hover)}.eco-item span{font-size:.9rem;color:var(--color-text-tertiary);margin-bottom:var(--space-xs)}.eco-item strong{font-size:1.5rem;color:var(--color-text-primary);font-weight:800}.activity-moderation{padding-bottom:0}.section-header-tabs{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-lg);border-bottom:2px solid var(--color-border-weak);background:var(--admin-card-bg);border-top:var(--admin-border)}.section-header-tabs h3{margin:0!important;color:var(--color-text-primary);font-size:1.1rem;font-weight:700}.source-badge{padding:4px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;text-transform:capitalize;display:inline-flex;align-items:center;gap:var(--space-xs)}.source-badge.multimedia{background:var(--color-primary-soft);color:var(--color-primary);border:1px solid var(--color-primary-soft)}.source-badge.community{background:var(--color-success-soft);color:var(--color-success);border:1px solid var(--color-success-soft)}.tabs-container{display:flex;gap:var(--space-sm)}.tab-btn{padding:var(--space-sm) var(--space-md);background:var(--color-surface-bg);border:var(--admin-border);color:var(--color-text-tertiary);border-radius:var(--radius-md);cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s}.tab-btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.tab-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 0 10px #6366f166}.feed-table-container{padding:0;overflow-x:auto}.feed-table{width:100%;border-collapse:collapse;font-size:.9rem}.feed-table th{text-align:left;padding:var(--space-md) var(--space-lg);background:var(--admin-table-header, var(--admin-card-bg));color:var(--color-text-tertiary);font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;border-bottom:2px solid var(--color-border-weak)}.feed-table td{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border-weak);color:var(--color-text-secondary)}.feed-table tr:nth-child(2n){background:var(--admin-table-row-even, transparent)}.feed-table tr.is-banned{opacity:.5;background:var(--color-error-soft)}.feed-table.fetching{filter:blur(1px);pointer-events:none}.moderation-btn.banned{background:var(--color-error)}.no-action{color:var(--color-text-tertiary);font-style:italic}.feed-table tr:hover{background:var(--color-surface-hover)}.content-cell{max-width:400px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-feed{padding:var(--space-xl)!important;text-align:center;color:var(--color-text-tertiary);font-style:italic}.type-badge{padding:4px 8px;border-radius:var(--radius-sm);font-size:.7rem;font-weight:800;text-transform:uppercase}.sync-progress-container{background:var(--admin-card-bg);border:var(--admin-border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-xl);animation:slideDown .3s ease-out;box-shadow:var(--shadow-md)}.sync-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.sync-header h4{margin:0;font-size:1.1rem;color:var(--color-text-primary);font-weight:700}.sync-status-badge{padding:4px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:800;text-transform:uppercase;background:var(--color-primary);color:#fff}.sync-status-badge.error{background:var(--color-error)}.sync-status-badge.success{background:var(--color-success)}.progress-bar-bg{height:14px;background:var(--color-surface-bg);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-sm);border:var(--admin-border)}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,#a855f7 100%);transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 20px #6366f166;position:relative}.sync-message{font-size:.9rem;color:var(--color-text-tertiary);display:block;margin-top:var(--space-sm);font-family:var(--font-mono)}.type-badge.bug{background:var(--color-error-soft);color:var(--color-error)}.type-badge.suggestion{background:var(--color-warning-soft);color:var(--color-warning)}.type-badge.reaction{background:var(--color-success-soft);color:var(--color-success)}.moderation-btn{background:var(--color-surface-bg);border:var(--admin-border);color:#fff;width:32px;height:32px;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.moderation-btn:hover{background:var(--color-surface-hover)}.action-groups-container{padding:0!important}.action-groups-list{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg)}.group-title{font-size:.8rem;text-transform:uppercase;color:var(--color-text-tertiary);font-weight:800;margin:0 0 var(--space-sm) 0;letter-spacing:.05em}.group-buttons{display:flex;flex-direction:column;gap:var(--space-sm)}.action-link-btn{width:100%;padding:var(--space-md);background:var(--color-surface-bg);border:var(--admin-border);border-radius:var(--radius-md);color:var(--color-text-secondary);display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:.95rem;transition:all .2s;font-weight:500}.action-link-btn:hover{background:var(--color-surface-hover);border-color:var(--color-primary);transform:translate(4px)}.action-link-btn .arrow{color:var(--color-primary);font-weight:900;opacity:0;transition:opacity .2s}.action-link-btn:hover .arrow{opacity:1}.economy-overview{padding:0!important}.economy-overview h3{padding:var(--space-lg);margin:0!important;border-bottom:2px solid var(--color-border-weak)}.economy-stats{padding:var(--space-lg)}.feed-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);background:var(--admin-table-header);border-top:2px solid var(--color-border-weak)}.pagination-controls{display:flex;align-items:center;gap:15px;color:var(--color-text-tertiary);font-size:.85rem}.pagination-controls button{background:var(--color-surface-bg);border:var(--admin-border);color:var(--color-text-secondary);padding:6px 14px;border-radius:var(--radius-md);cursor:pointer;font-size:.8rem;transition:all .2s}.pagination-controls button:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-primary)}.pagination-controls button:disabled{opacity:.3;cursor:not-allowed}.direct-links{display:flex;gap:var(--space-sm)}.table-link-btn{background:transparent;border:var(--admin-border);color:var(--color-text-tertiary);padding:6px 12px;border-radius:var(--radius-md);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.table-link-btn:hover{background:var(--color-primary-soft);color:var(--color-primary);border-color:var(--color-primary)}.admin-loading{display:flex;height:100vh;align-items:center;justify-content:center;background:var(--admin-content-bg);color:var(--color-primary);font-weight:800;font-size:1.5rem;letter-spacing:.05em;text-transform:uppercase}.sync-modal-overlay{position:fixed;inset:0;z-index:9999;background:#000000a6;display:flex;align-items:center;justify-content:center}.sync-modal{background:var(--admin-card-bg, #1e1e2e);border:1px solid var(--color-border, rgba(255, 255, 255, .12));border-radius:14px;padding:2rem 2.4rem;max-width:480px;width:90%;box-shadow:0 20px 60px #0009;color:var(--color-text-primary, #f0f0f0)}.sync-modal h3{margin:0 0 1rem;font-size:1.25rem;font-weight:700}.sync-modal p{margin:.5rem 0;color:var(--color-text-secondary, #9ca3af);font-size:.92rem;line-height:1.55}.sync-modal ol{margin:.75rem 0 1rem 1.2rem;padding:0;color:var(--color-text-secondary, #9ca3af);font-size:.9rem;line-height:1.7}.sync-modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.sync-modal-btn{padding:.55rem 1.3rem;border-radius:8px;border:none;font-size:.9rem;font-weight:600;cursor:pointer;transition:opacity .15s}.sync-modal-btn:hover{opacity:.85}.sync-modal-btn.cancel{background:#ffffff14;color:var(--color-text-secondary, #9ca3af)}.sync-modal-btn.confirm{background:var(--color-primary, #6366f1);color:#fff}.sync-modal-btn.danger{background:#dc2626;color:#fff}.action-link-btn{flex-direction:column;align-items:flex-start;gap:2px}.action-btn-label{font-size:.9rem;font-weight:600}.action-btn-sublabel{font-size:.71rem;font-weight:400;color:var(--color-text-secondary, #9ca3af);letter-spacing:0;opacity:.8}.sync-panel-fixed{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9990;width:340px;background:var(--admin-card-bg, #1e1e2e);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:1.2rem 1.4rem 1rem;box-shadow:0 12px 40px #0000008c;color:var(--color-text-primary, #f0f0f0);display:flex;flex-direction:column;gap:.6rem;animation:panel-slide-in .3s ease}@keyframes panel-slide-in{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.sync-panel--running{border-color:#6366f180}.sync-panel--success{border-color:#10b9818c}.sync-panel--error{border-color:#dc262680}.sync-panel-header{display:flex;align-items:center;gap:.5rem}.sync-panel-title{font-size:.92rem;font-weight:700;flex:1}.sync-panel-close{background:none;border:none;color:var(--color-text-secondary, #9ca3af);font-size:1.15rem;cursor:pointer;line-height:1;padding:0 4px;border-radius:4px;transition:background .15s}.sync-panel-close:hover{background:#ffffff14}.sync-panel-step{font-size:.8rem;font-weight:600;color:var(--color-primary, #6366f1);letter-spacing:.02em;text-transform:uppercase}.sync-panel-bar-bg{background:#ffffff14;border-radius:999px;height:8px;overflow:hidden}.sync-panel-bar-fill{height:100%;border-radius:999px;background:var(--color-primary, #6366f1);transition:width .6s ease}.sync-panel-bar-fill.animated{background:linear-gradient(90deg,#6366f1,#818cf8,#6366f1);background-size:200% 100%;animation:bar-shimmer 2s linear infinite}@keyframes bar-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sync-panel-progress-label{font-size:.72rem;text-align:right;color:var(--color-text-secondary, #9ca3af);margin-top:-4px}.sync-panel-message{font-size:.82rem;color:var(--color-text-secondary, #9ca3af);line-height:1.45;min-height:1.2em}.sync-panel-error-detail{font-size:.78rem;color:#f87171;margin-top:2px}.sync-panel-error-detail summary{cursor:pointer;font-weight:600;-webkit-user-select:none;user-select:none}.sync-panel-error-detail pre{margin:.4rem 0 0;white-space:pre-wrap;word-break:break-all;background:#dc262614;border-radius:6px;padding:.5rem;max-height:120px;overflow-y:auto}.sync-panel-footer{font-size:.75rem;color:var(--color-text-secondary, #9ca3af);border-top:1px solid rgba(255,255,255,.06);padding-top:.5rem;margin-top:2px}.sync-toast{position:fixed;top:1.25rem;right:1.5rem;z-index:10000;min-width:280px;max-width:400px;padding:.9rem 1.2rem;border-radius:10px;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:.75rem;box-shadow:0 8px 30px #00000073;animation:toast-in .3s ease}@keyframes toast-in{0%{transform:translateY(-12px);opacity:0}to{transform:translateY(0);opacity:1}}.sync-toast--success{background:#064e3b;border:1px solid rgba(16,185,129,.45);color:#6ee7b7}.sync-toast--error{background:#450a0a;border:1px solid rgba(220,38,38,.45);color:#fca5a5}.sync-toast-close{background:none;border:none;color:inherit;font-size:1.1rem;cursor:pointer;margin-left:auto;opacity:.7;line-height:1}.sync-toast-close:hover{opacity:1}.chat-inspection-container{margin-top:2rem;padding:1.5rem;background:#1f2937;border:1px solid #374151;border-radius:12px;color:#fff;box-shadow:0 4px 6px -1px #0000001a}.header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:1px solid #374151;padding-bottom:1rem}.header-row h3{margin:0;color:#fff;font-size:1.25rem}.logs-table-wrapper{overflow-x:auto;border:1px solid #374151;border-radius:8px;background:#111827}.logs-table{width:100%;border-collapse:collapse;color:#e5e7eb}.logs-table th{background-color:#374151;font-weight:700;color:#fff;padding:12px 16px;text-align:left;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #4b5563}.logs-table td{padding:12px 16px;border-bottom:1px solid #374151;font-size:.9rem;color:#d1d5db}.clickable-row{cursor:pointer;transition:background-color .2s}.clickable-row:hover{background-color:#1f2937}.truncate-cell{max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#9ca3af}.btn-sm{padding:6px 12px;font-size:.8rem;background:#374151;border:1px solid #4b5563;border-radius:6px;cursor:pointer;color:#e5e7eb;transition:all .2s}.btn-sm:hover{background:#4b5563;color:#fff;border-color:#6b7280}.pagination{display:flex;justify-content:center;gap:10px;margin-top:20px;align-items:center}.pagination button{padding:6px 12px;border:1px solid #4b5563;background:#1f2937;color:#e5e7eb;cursor:pointer;border-radius:6px;transition:all .2s}.pagination button:hover:not(:disabled){background:#374151;border-color:#6366f1}.pagination button:disabled{opacity:.5;cursor:not-allowed;background:#111827}.modal-overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:9999}.modal-content.large-modal{width:90%;max-width:1200px;height:90vh;background:var(--admin-card-bg, #1f2937);border:var(--admin-border, 1px solid #374151);color:var(--color-text-primary, #ffffff);box-shadow:var(--shadow-xl, 0 25px 50px -12px rgba(0, 0, 0, .5));display:flex;flex-direction:column;border-radius:var(--radius-lg, 12px);overflow:hidden}.modal-header{padding:var(--space-md) var(--space-lg);border-bottom:var(--admin-border, 1px solid #374151);background:var(--admin-table-header, #111827);display:flex;justify-content:space-between;align-items:center}.modal-header h4{margin:0;color:var(--color-text-primary, #ffffff);font-size:1.25rem}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-tertiary, #9ca3af);transition:color .2s}.close-btn:hover{color:var(--color-error, #ef4444)}.modal-body{flex:1;overflow-y:auto;padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg);background:var(--admin-card-bg, #1f2937)}.split-view{display:flex;gap:var(--space-lg)}.left-panel{flex:2;display:flex;flex-direction:column;gap:var(--space-lg)}.right-panel{flex:1;background:var(--admin-content-bg, #111827);border:var(--admin-border, 1px solid #374151);padding:var(--space-lg);border-radius:var(--radius-md);height:fit-content}.detail-section h5{color:var(--color-text-tertiary, #9ca3af);border-bottom:1px solid var(--color-border-weak, #374151);padding-bottom:var(--space-xs);margin-bottom:var(--space-md);text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;font-weight:700}.code-block{background:#0b0e14;border:1px solid var(--color-border-weak, #374151);color:var(--color-text-secondary, #e5e7eb);padding:var(--space-md);border-radius:var(--radius-md);font-family:var(--font-mono, monospace);white-space:pre-wrap;max-height:250px;overflow-y:auto;font-size:.9rem}.json-viewer pre{background:#0b0e14;color:#d4d4d4;padding:var(--space-md);border-radius:var(--radius-md);overflow:auto;font-size:.85rem;font-family:var(--font-mono, monospace);max-height:500px;border:1px solid var(--color-border-weak, #374151)}.skill-badge{display:inline-block;padding:4px 8px;border-radius:var(--radius-sm);margin-right:5px;margin-bottom:5px;font-size:.8rem;border:1px solid transparent}.skill-badge.active{background:var(--color-success-soft, rgba(16, 185, 129, .15));color:var(--color-success, #34d399);border-color:var(--color-success, rgba(16, 185, 129, .3))}.skill-badge.inactive{background:var(--color-surface-hover, #374151);color:var(--color-text-tertiary, #9ca3af);border-color:var(--color-border-weak, #4b5563);opacity:.5}.right-panel ul{list-style:none;padding:0;margin:0}.right-panel li{margin-bottom:var(--space-sm);font-size:.9rem;border-bottom:1px solid var(--color-border-weak, #374151);padding-bottom:var(--space-sm);color:var(--color-text-secondary, #d1d5db)}.right-panel li:last-child{border-bottom:none}.logs-table-wrapper::-webkit-scrollbar,.modal-body::-webkit-scrollbar,.code-block::-webkit-scrollbar{width:8px;height:8px}.logs-table-wrapper::-webkit-scrollbar-track,.modal-body::-webkit-scrollbar-track,.code-block::-webkit-scrollbar-track{background:var(--admin-content-bg, #111827)}.logs-table-wrapper::-webkit-scrollbar-thumb,.modal-body::-webkit-scrollbar-thumb,.code-block::-webkit-scrollbar-thumb{background:var(--color-border-strong, #4b5563);border-radius:var(--radius-full)}.logs-table-wrapper::-webkit-scrollbar-thumb:hover,.modal-body::-webkit-scrollbar-thumb:hover,.code-block::-webkit-scrollbar-thumb:hover{background:var(--color-primary, #6366f1)}.admin-portal-v2 .user-details-view{padding:var(--space-xl);max-width:1200px;margin:0 auto;background:var(--admin-content-bg)}.admin-portal-v2 .details-header{display:flex;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-xl)}.admin-portal-v2 .back-btn{background:var(--color-surface-bg);color:var(--color-text-secondary);border:var(--admin-border);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);cursor:pointer;width:auto!important;transition:all .2s}.admin-portal-v2 .back-btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary);border-color:var(--color-primary)}.admin-portal-v2 .details-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);margin-bottom:var(--space-xl)}.admin-portal-v2 .card{background:var(--admin-card-bg);padding:var(--space-lg);border-radius:var(--radius-lg);border:var(--admin-border);box-shadow:var(--shadow-md)}.admin-portal-v2 .card h3{font-size:1.1rem;margin-bottom:var(--space-lg);color:var(--color-text-primary);border-bottom:2px solid var(--color-border-weak);padding-bottom:var(--space-sm)}.admin-portal-v2 .info-group{display:flex;justify-content:space-between;margin-bottom:var(--space-sm)}.admin-portal-v2 .info-group label{font-weight:600;color:var(--color-text-tertiary)}.admin-portal-v2 .info-group span{color:var(--color-text-secondary)}.admin-portal-v2 .status-pill{font-size:.75rem;padding:.2rem .6rem;border-radius:var(--radius-full);font-weight:700;text-transform:uppercase}.admin-portal-v2 .status-pill.COMPLETED{background:var(--color-success-soft);color:var(--color-success)}.admin-portal-v2 .status-pill.PENDING{background:var(--color-error-soft);color:var(--color-error)}.admin-portal-v2 .details-table{width:100%;border-collapse:collapse}.admin-portal-v2 .details-table th{background:var(--admin-table-header);color:var(--color-text-tertiary);font-weight:700;text-transform:uppercase;font-size:.75rem;padding:var(--space-md);text-align:left;border-bottom:2px solid var(--color-border-weak)}.admin-portal-v2 .details-table td{padding:var(--space-md);text-align:left;border-bottom:1px solid var(--color-border-weak);color:var(--color-text-secondary)}.admin-portal-v2 .details-table tr:hover{background:var(--color-surface-hover)}.admin-portal-v2 .status-mark{font-size:.8rem;font-weight:600}.admin-portal-v2 .status-mark.CONFIRMED{color:var(--color-success)}.admin-portal-v2 .status-mark.PENDING{color:var(--color-warning)}.admin-portal-v2 .empty-msg{color:var(--color-text-tertiary);font-style:italic;padding:var(--space-md)}.admin-portal-v2 .entity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:2px solid var(--color-border-weak)}.admin-portal-v2 .entity-header h2{font-size:1.5rem;font-weight:800;color:var(--color-text-primary);margin:0}.admin-portal-v2 .sql-btn{background:var(--color-surface-bg);color:var(--color-text-primary);border:var(--admin-border);padding:.6rem 1.25rem;border-radius:var(--radius-md);font-weight:700;cursor:pointer;transition:all .2s}.admin-portal-v2 .sql-btn:hover{background:var(--color-surface-hover);border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.admin-portal-v2 .entity-controls{display:flex;justify-content:space-between;margin-bottom:var(--space-xl);align-items:center;gap:var(--space-md)}.admin-portal-v2 .left-controls{display:flex;gap:var(--space-lg);align-items:center}.admin-portal-v2 .search-box input{padding:.75rem 1.25rem;border:var(--admin-border);border-radius:var(--radius-md);width:280px;font-size:.95rem;outline:none;transition:all .2s;background:var(--color-surface-input);color:var(--color-text-primary)}.admin-portal-v2 .search-box input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-soft)}.admin-portal-v2 .table-container{background:var(--admin-card-bg);padding:var(--space-md);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:var(--admin-border);overflow-x:auto}.admin-portal-v2 table{width:100%;border-collapse:separate;border-spacing:0;text-align:left}.admin-portal-v2 th{padding:var(--space-md);background:var(--admin-table-header);color:var(--color-text-tertiary);font-size:.75rem;text-transform:uppercase;font-weight:800;letter-spacing:.05em;border-bottom:2px solid var(--color-border-weak)}.admin-portal-v2 td{padding:var(--space-md);border-bottom:1px solid var(--color-border-weak);font-size:.95rem;color:var(--color-text-secondary)}.admin-portal-v2 tr:last-child td{border-bottom:none}.admin-portal-v2 tr:hover td{background:var(--color-surface-hover);color:var(--color-text-primary)}.admin-portal-v2 .edit-link,.admin-portal-v2 .details-link{color:var(--color-primary);background:none;border:none;cursor:pointer;font-weight:700;padding:0;text-decoration:none;display:flex;align-items:center;gap:.25rem;transition:color .2s}.admin-portal-v2 .edit-link:hover,.admin-portal-v2 .details-link:hover{color:var(--color-primary-strong);text-decoration:underline}.admin-portal-v2 .entity-form{background:var(--admin-card-bg);padding:var(--space-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:var(--admin-border)}.admin-portal-v2 .entity-form h3{margin-bottom:var(--space-xl);font-size:1.5rem;font-weight:800;color:var(--color-text-primary);border-bottom:2px solid var(--color-border-weak);padding-bottom:var(--space-sm)}.admin-portal-v2 .form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-xl);margin-bottom:var(--space-xl)}.admin-portal-v2 .form-group label{display:block;margin-bottom:var(--space-xs);font-weight:700;color:var(--color-text-secondary);font-size:.9rem}.admin-portal-v2 .form-group input,.admin-portal-v2 .form-group textarea,.admin-portal-v2 .form-group select{width:100%;padding:.85rem 1.25rem;border:var(--admin-border);border-radius:var(--radius-md);outline:none;font-size:1rem;background:var(--color-surface-input);color:var(--color-text-primary);transition:all .2s}.admin-portal-v2 .form-group input:focus,.admin-portal-v2 .form-group textarea:focus,.admin-portal-v2 .form-group select:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-soft)}.admin-portal-v2 .form-group textarea{min-height:100px;max-height:300px;overflow-y:auto;white-space:pre-wrap;word-wrap:break-word;resize:vertical;font-family:var(--font-primary);line-height:1.6}.admin-portal-v2 .form-actions{display:flex;gap:var(--space-md);justify-content:flex-end;margin-top:var(--space-xl)}.admin-portal-v2 .cancel-btn{background:var(--color-surface-bg);color:var(--color-text-secondary);border:var(--admin-border);padding:.85rem 1.75rem;border-radius:var(--radius-md);cursor:pointer;font-weight:700;transition:all .2s}.admin-portal-v2 .save-btn,.admin-portal-v2 .add-btn{background:var(--color-primary);color:#fff;border:none;padding:.85rem 1.75rem;border-radius:var(--radius-md);cursor:pointer;font-weight:800;box-shadow:var(--shadow-md);transition:all .2s}.admin-portal-v2 .save-btn:hover,.admin-portal-v2 .add-btn:hover{transform:translateY(-2px);background:var(--color-primary-strong);box-shadow:var(--shadow-lg)}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;margin-top:1rem;border-top:1px solid rgba(255,255,255,.1);gap:1rem;flex-wrap:wrap}.pagination-info{font-size:.875rem;color:var(--text-muted, #888)}.pagination-controls{display:flex;gap:.5rem;align-items:center}.pagination-btn{padding:.5rem .75rem;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:#fff;cursor:pointer;font-size:.875rem;transition:all .2s ease;min-width:2.5rem;display:flex;justify-content:center;align-items:center}.pagination-btn:hover:not(:disabled):not(.dots){background:var(--accent-color, #6b46c1);border-color:var(--accent-color, #6b46c1)}.pagination-btn.active{background:var(--accent-color, #6b46c1);border-color:var(--accent-color, #6b46c1);font-weight:700}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.dots{border:none;background:transparent;cursor:default}.pagination-size select{padding:.5rem;border-radius:6px;background:#0003;color:#fff;border:1px solid rgba(255,255,255,.2);font-size:.875rem;outline:none;cursor:pointer}.pagination-size select:focus{border-color:var(--accent-color, #6b46c1)}@media(max-width:768px){.pagination-container{flex-direction:column;align-items:center}}.admin-portal-v2 .career-management{width:100%;max-width:100%;background:transparent;padding:var(--space-xl)}.admin-portal-v2 .career-management>h1,.admin-portal-v2 .career-management>h2{color:var(--color-text-primary);margin-bottom:var(--space-xl);font-size:2rem;font-weight:800}.admin-portal-v2 .tab-navigation{display:flex;gap:var(--space-sm);margin-bottom:var(--space-xl);flex-wrap:wrap;border-bottom:2px solid var(--color-border-weak);padding-bottom:var(--space-xs)}.admin-portal-v2 .tab-btn{padding:var(--space-sm) var(--space-lg);border:none;border-radius:var(--radius-md) var(--radius-md) 0 0;background:transparent;color:var(--color-text-tertiary);font-weight:700;font-size:.95rem;cursor:pointer;transition:all .2s;position:relative}.admin-portal-v2 .tab-btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.admin-portal-v2 .tab-btn.active{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-md)}.admin-portal-v2 .tab-btn.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--color-primary)}.admin-portal-v2 .replan-form-container{background:var(--admin-card-bg);padding:var(--space-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:var(--admin-border)}.admin-portal-v2 .replan-form-container h3{margin-bottom:var(--space-md);font-size:1.5rem;font-weight:800;color:var(--color-text-primary)}.admin-portal-v2 .replan-description{color:var(--color-text-tertiary);margin-bottom:var(--space-xl);font-size:.95rem}.admin-portal-v2 .replan-form-container .form-group{margin-bottom:var(--space-lg)}.admin-portal-v2 .replan-form-container label{display:block;margin-bottom:var(--space-xs);font-weight:700;color:var(--color-text-secondary);font-size:.9rem}.admin-portal-v2 .replan-form-container .form-control{width:100%;padding:var(--space-md);border:var(--admin-border);border-radius:var(--radius-md);outline:none;font-size:1rem;background:var(--color-surface-input);color:var(--color-text-primary);transition:all .2s}.admin-portal-v2 .replan-form-container .form-control:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-soft)}.admin-portal-v2 .replan-form-container textarea.form-control{min-height:120px}.admin-portal-v2 .replan-form-container .form-actions{display:flex;gap:var(--space-md);justify-content:flex-end;margin-top:var(--space-xl)}.admin-portal-v2 .replan-btn,.admin-portal-v2 .action-btn.replan-btn{background:var(--color-primary);color:#fff;border:none;padding:8px 16px;border-radius:var(--radius-sm);cursor:pointer;font-weight:700;transition:all .2s}.admin-portal-v2 .replan-btn:hover,.admin-portal-v2 .action-btn.replan-btn:hover{transform:translateY(-1px);background:var(--color-primary-strong);box-shadow:var(--shadow-md)}.admin-portal-v2 .cancel-btn{background:var(--color-surface-bg);color:var(--color-text-secondary);border:var(--admin-border);padding:10px 20px;border-radius:var(--radius-md);cursor:pointer;font-weight:700;transition:all .2s}.admin-portal-v2 .cancel-btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.admin-portal-v2 .save-btn{background:var(--color-primary);color:#fff;border:none;padding:10px 20px;border-radius:var(--radius-md);cursor:pointer;font-weight:800;box-shadow:var(--shadow-sm);transition:all .2s}.admin-portal-v2 .save-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:var(--color-primary-strong)}.admin-portal-v2 .career-management .entity-header{border-bottom:2px solid var(--color-border-weak)!important;padding-bottom:var(--space-md)}.admin-portal-v2 .career-management .entity-header h2{color:var(--color-text-primary)!important}.admin-portal-v2 .career-management .sql-btn{background:var(--color-surface-bg)!important;color:var(--color-text-primary)!important;border:var(--admin-border)!important}.admin-portal-v2 .career-management table{background:var(--admin-card-bg);border-radius:var(--radius-lg);overflow:hidden;border:var(--admin-border)}.admin-portal-v2 .career-management table thead{background:var(--admin-table-header)}.admin-portal-v2 .career-management table th{color:var(--color-text-tertiary);border-bottom:2px solid var(--color-border-weak);padding:var(--space-md)}.admin-portal-v2 .career-management table td{color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-weak);padding:var(--space-md)}.admin-portal-v2 .career-management table tr:hover{background:var(--color-surface-hover)}.admin-portal-v2 .career-management .form-container{background:var(--admin-card-bg);border-radius:var(--radius-lg);padding:var(--space-xl);border:var(--admin-border)}.admin-portal-v2 .career-management .form-group label{color:var(--color-text-secondary)}.admin-portal-v2 .career-management .search-box input{background:var(--color-surface-input);border:var(--admin-border);color:var(--color-text-primary);padding:8px 16px;border-radius:var(--radius-md)}.admin-db-sync-tool{padding:var(--space-xl);background:var(--admin-content-bg);min-height:100vh;color:var(--color-text-primary);font-family:var(--font-primary)}.tool-header{margin-bottom:var(--space-xl);border-bottom:2px solid var(--color-border-weak);padding-bottom:var(--space-md)}.tool-header h1{font-size:2.2rem;font-weight:800;margin:0 0 var(--space-xs) 0;color:var(--color-text-primary)}.tool-header p{color:var(--color-text-tertiary);font-size:1.1rem}.dual-view{display:grid;grid-template-columns:1fr 40px 1fr;gap:var(--space-lg);align-items:start;margin-bottom:var(--space-lg)}.view-divider{display:flex;align-items:center;justify-content:center;height:100%;font-size:1.5rem;color:var(--color-text-tertiary)}.db-sync-panel{background:var(--admin-card-bg);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-md);border:var(--admin-border)}.db-sync-panel h3{margin-bottom:var(--space-lg);color:var(--color-text-primary);font-size:1.25rem;font-weight:800}.section-label{font-size:.75rem;text-transform:uppercase;font-weight:800;color:var(--color-primary);letter-spacing:.1em;margin-bottom:var(--space-xs);display:block}.section-label-ssh{font-size:.75rem;text-transform:uppercase;font-weight:800;color:var(--color-success);letter-spacing:.1em;margin-bottom:var(--space-xs);display:block}.saved-conn-selector{margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:2px solid var(--color-border-weak)}.saved-conn-selector label{display:block;font-size:.8rem;font-weight:700;color:var(--color-text-tertiary);margin-bottom:var(--space-xs);text-transform:uppercase}.saved-row{display:flex;gap:var(--space-xs)}.saved-row select{flex:1;padding:var(--space-sm);border:var(--admin-border);border-radius:var(--radius-md);font-size:.9rem;background:var(--color-surface-input);color:var(--color-text-primary);outline:none}.remove-btn{padding:0 var(--space-md);border:1px solid var(--color-error);background:transparent;color:var(--color-error);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.remove-btn:hover{background:var(--color-error);color:#fff}.connection-summary-box{background:var(--color-surface-bg);padding:var(--space-lg);border-radius:var(--radius-lg);border:var(--admin-border);display:flex;flex-direction:column;gap:var(--space-md);animation:fadeIn .3s ease-out}.active-conn-info{display:flex;align-items:center;gap:var(--space-md);font-size:1rem;color:var(--color-text-primary)}.active-conn-info strong{color:var(--color-primary)}.conn-host{color:var(--color-text-tertiary);font-size:.85rem;margin-left:var(--space-xs)}.dot{height:10px;width:10px;border-radius:var(--radius-full);display:inline-block}.dot.online{background-color:var(--color-success);box-shadow:0 0 8px var(--color-success)}.disconnect-btn{padding:var(--space-sm) var(--space-lg);background:transparent;border:1px solid var(--color-error);color:var(--color-error);border-radius:var(--radius-md);font-weight:800;cursor:pointer;transition:all .2s;font-size:.85rem}.disconnect-btn:hover{background:var(--color-error-soft);color:var(--color-error)}.connection-form{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.save-action-row{display:flex;gap:var(--space-xs);margin-top:var(--space-xs)}.save-action-row input{flex:1;font-size:.85rem;border-style:dashed!important}.save-btn{padding:var(--space-xs) var(--space-md);background:var(--color-success);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:800}.form-row{display:flex;gap:var(--space-sm)}.connection-form input{padding:var(--space-md);border:var(--admin-border);border-radius:var(--radius-md);font-size:.9rem;background:var(--color-surface-input);color:var(--color-text-primary);width:100%;outline:none;transition:all .2s}.connection-form input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-soft)}.connect-btn{padding:var(--space-md);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:800;cursor:pointer;transition:all .2s}.connect-btn:hover{background:var(--color-primary-strong);box-shadow:var(--shadow-md)}.ssh-toggle-row{margin:var(--space-xs) 0}.ssh-checkbox{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;font-size:.85rem;color:var(--color-text-primary);font-weight:700}.ssh-form-box{background:var(--color-surface-bg);padding:var(--space-lg);border-radius:var(--radius-lg);border:var(--admin-border);margin-bottom:var(--space-md);animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sync-checkbox{width:20px;height:20px;cursor:pointer;accent-color:var(--color-primary);margin-right:var(--space-xs);transition:transform .2s}.list-actions-header{background:var(--color-surface-bg);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-sm);display:flex;align-items:center;border:var(--admin-border)}.select-all-label{display:flex;align-items:center;color:var(--color-text-primary);font-weight:800;font-size:.9rem;cursor:pointer}.sync-checkbox{width:20px;height:20px;cursor:pointer;accent-color:#6366f1;margin-right:.5rem;transition:transform .2s}.sync-checkbox:hover{transform:scale(1.1)}.table-selector-section{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:2px solid var(--color-border-weak)}.table-selector label,.filter-box-compact label{display:block;margin-bottom:var(--space-xs);font-weight:800;color:var(--color-text-tertiary);font-size:.85rem;text-transform:uppercase;letter-spacing:.1em}.table-selector select{width:100%;padding:var(--space-md);border:var(--admin-border);border-radius:var(--radius-md);margin-bottom:var(--space-lg);background:var(--color-surface-input);color:var(--color-text-primary);outline:none}.filter-box-compact{background:var(--color-surface-bg);padding:var(--space-md);border-radius:var(--radius-lg);border:var(--admin-border)}.filter-row{display:flex;gap:var(--space-sm)}.filter-row input{flex:1;padding:var(--space-md);border:var(--admin-border);border-radius:var(--radius-md);background:var(--color-surface-input);color:var(--color-success);font-family:var(--font-mono);font-size:.85rem;outline:none}.apply-btn{padding:0 var(--space-lg);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:800;cursor:pointer}.sync-top-actions{display:flex;justify-content:space-between;align-items:center;background:var(--admin-card-bg);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);border:var(--admin-border);margin-bottom:var(--space-lg);box-shadow:var(--shadow-md)}.action-buttons-main{display:flex;gap:var(--space-sm)}.dual-data-view{display:flex;flex-direction:column;gap:var(--space-xl)}.data-preview-panel{background:var(--admin-card-bg);border-radius:var(--radius-lg);border:var(--admin-border);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;min-height:300px}.panel-header{padding:var(--space-md) var(--space-lg);border-bottom:2px solid var(--color-border-weak);display:flex;justify-content:space-between;align-items:center}.panel-header h4{margin:0;color:var(--color-text-primary);font-weight:800}.data-preview-table-container{max-height:500px;overflow:auto;background:var(--color-surface-bg)}.data-preview-table-container table{width:100%;border-collapse:collapse;font-size:.85rem}.data-preview-table-container th{background:var(--color-surface-bg);padding:var(--space-md) var(--space-sm);text-align:left;border-bottom:2px solid var(--color-border-medium);position:sticky;top:0;z-index:10;color:var(--color-text-tertiary);text-transform:uppercase;font-size:.75rem;letter-spacing:.1em;white-space:nowrap}.data-preview-table-container td{padding:var(--space-sm);border-bottom:var(--admin-border);white-space:nowrap;max-width:300px;overflow:hidden;text-overflow:ellipsis;color:var(--color-text-secondary);transition:background .2s}.editable-cell:hover{background:var(--color-surface-hover);cursor:text;box-shadow:inset 0 0 0 1px var(--color-primary)}.pk-cell{background:var(--color-primary-soft);color:var(--color-primary)!important;font-weight:800}.pk-header{color:var(--color-primary)!important}.dirty-cell{background:var(--color-success-soft)!important;color:var(--color-success)!important;font-weight:800;box-shadow:inset 0 0 0 1px var(--color-success)}.cell-editor{width:100%;background:var(--color-surface-input);border:2px solid var(--color-primary);color:#fff;padding:4px;border-radius:var(--radius-sm);outline:none;font-family:inherit;font-size:inherit}.dirty-indicator{display:inline-block;color:var(--color-success);font-size:.75rem;margin-left:var(--space-xs);vertical-align:middle}.panel-actions-compact{display:flex;gap:var(--space-sm);align-items:center}.sync-btn.delete-btn{background:var(--color-error);color:#fff;padding:var(--space-xs) var(--space-md);font-size:.8rem}.sync-btn.delete-btn:hover{background:var(--color-error-strong)}.sync-btn.save-mini-btn{background:var(--color-success);color:#fff;padding:var(--space-xs) var(--space-md);font-size:.8rem}.sync-btn.save-mini-btn:hover{background:var(--color-success-strong)}.panel-footer{padding:var(--space-md) var(--space-lg);border-top:2px solid var(--color-border-weak);font-size:.85rem;color:var(--color-text-tertiary);background:var(--admin-card-bg)}.pagination-controls{display:flex;align-items:center;gap:var(--space-md);font-size:.85rem}.pagination-controls select{padding:var(--space-xs);border-radius:var(--radius-sm);border:var(--admin-border);background:var(--color-surface-input);color:#fff;outline:none}.page-nav{display:flex;align-items:center;gap:var(--space-md)}.page-nav button{padding:var(--space-xs) var(--space-md);border:var(--admin-border);background:var(--color-surface-bg);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.page-nav button:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-primary)}.page-nav button:disabled{opacity:.3;cursor:not-allowed}.dest-table-status{margin-top:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);font-size:.9rem;font-weight:800}.dest-table-status.success{background:var(--color-success-soft);color:var(--color-success);border:2px solid var(--color-success)}.dest-table-status.error{background:var(--color-error-soft);color:var(--color-error);border:2px solid var(--color-error)}.schema-info{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:2px solid var(--color-border-weak)}.column-list{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.col-pill{background:var(--color-surface-bg);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:.75rem;color:var(--color-text-primary);border:var(--admin-border)}.schema-warning-banner-compact{background:#f59e0b1a;color:#fbbf24;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);border-left:4px solid #fbbf24;font-size:.9rem;font-weight:800}.sync-btn{padding:var(--space-sm) var(--space-xl);border:none;border-radius:var(--radius-md);font-weight:800;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:var(--space-sm);font-size:.95rem}.sync-btn.copy{background:var(--color-primary);color:#fff}.sync-btn.replace{background:var(--color-error);color:#fff}.sync-btn.secondary{background:var(--color-surface-bg);color:var(--color-text-tertiary);border:var(--admin-border)}.sync-btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.2)}.sync-btn.warning{border:2px solid #fbbf24!important;box-shadow:0 0 10px #fbbf2466}.empty-msg,.empty-state{padding:3rem;text-align:center;color:#6b7280;font-size:1rem}.error-text{color:#f87171;text-align:center;padding:2rem;font-weight:600}.sync-btn.compare-btn{background:#6366f1;color:#fff}.sync-btn.compare-btn:hover{background:#4f46e5}.comparison-legend{display:flex;gap:1.5rem;padding:.5rem 1rem;background:#111827;border-radius:8px;border:1px solid #1f2937;font-size:.8rem;margin-bottom:.5rem}.legend-item{display:flex;align-items:center;gap:.5rem;color:#9ca3af}.legend-item.mismatch:before{content:"";display:block;width:8px;height:8px;border-radius:50%;background:#ef4444}.legend-item.only:before{content:"";display:block;width:8px;height:8px;border-radius:50%;background:#fbbf24}.row-only-side{background:#fbbf240d!important}.row-mismatch{background:#ef444408!important}.mismatch-cell{color:#f87171!important;background:#ef44441a!important;font-weight:600;box-shadow:inset 0 0 0 1px #ef44444d}.row-only-side{background:#f59e0b14!important}.row-mismatch{background:#ef44440d!important}.mismatch-cell{color:#fca5a5!important;background:#991b1b66!important;font-weight:700!important;box-shadow:inset 0 0 0 2px #ef4444!important}.ghost-cell{background:#1f293780!important;opacity:.5;font-style:italic}.null-val{color:#4b5563;font-size:.7rem;font-weight:400}.legend-item.mismatch{color:var(--color-error);font-weight:800}.legend-item.only{color:#f59e0b;font-weight:800}.header-main-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.view-mode-toggle{display:flex;background:var(--color-surface-bg);padding:4px;border-radius:var(--radius-md);border:var(--admin-border)}.view-mode-toggle button{background:transparent;color:var(--color-text-tertiary);border:none;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);font-weight:800;cursor:pointer;transition:all .2s}.view-mode-toggle button.active{background:var(--color-surface-hover);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.open-builder-btn{background:var(--color-success);color:#fff;border:none;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-weight:800;cursor:pointer;margin-top:var(--space-xs);transition:all .2s}.open-builder-btn:hover{background:var(--color-success-strong);transform:translateY(-2px)}.modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.entity-builder-modal{background:var(--admin-card-bg);width:90%;max-width:800px;max-height:85vh;padding:var(--space-xl);border-radius:var(--radius-lg);border:var(--admin-border);box-shadow:var(--shadow-xl);display:flex;flex-direction:column}.builder-header-fields{display:flex;gap:var(--space-md);margin-bottom:var(--space-lg)}.builder-header-fields input,.builder-header-fields select{background:var(--color-surface-input);border:var(--admin-border);color:var(--color-text-primary);padding:var(--space-md);border-radius:var(--radius-md);flex:1}.builder-relations-list{flex:1;overflow-y:auto;margin-bottom:var(--space-lg)}.relation-item{background:var(--color-surface-bg);padding:var(--space-md);border-radius:var(--radius-lg);border:var(--admin-border);margin-bottom:var(--space-md)}.relation-main-fields{display:flex;gap:var(--space-xs);margin-bottom:var(--space-xs)}.relation-main-fields input,.relation-main-fields select{background:var(--color-surface-input);border:var(--admin-border);color:var(--color-text-primary);padding:var(--space-sm);border-radius:var(--radius-sm);font-size:.85rem}.sub-relations{margin-left:var(--space-xl);padding-left:var(--space-md);border-left:2px dashed var(--color-border-medium)}.add-sub-btn,.add-root-rel-btn{background:var(--color-surface-bg);color:var(--color-text-tertiary);border:1px dashed var(--color-border-medium);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);cursor:pointer;font-size:.8rem;font-weight:800}.modal-actions{display:flex;justify-content:flex-end;gap:1rem}.primary-btn{background:#6366f1;color:#fff;padding:.7rem 1.5rem;border-radius:8px;font-weight:700}.secondary-btn{background:transparent;color:#9ca3af;border:1px solid #374151;padding:.7rem 1.5rem;border-radius:8px}.entity-results-container h3{margin:1.5rem 0;color:#6366f1;text-transform:uppercase;letter-spacing:.05em}.entity-side-by-side{display:flex;gap:2rem}.entity-column{flex:1;display:flex;flex-direction:column;gap:1rem}.entity-column h4{color:#9ca3af;border-bottom:1px solid #1f2937;padding-bottom:.5rem}.entity-panel{background:#111827!important;border:1px solid #1f2937!important}.discovering-loader{color:#6366f1;font-size:.85rem;font-style:italic;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.entity-header-actions{display:flex;gap:.75rem;margin-top:.5rem}.open-builder-btn.edit-btn{background:#4b5563}.open-builder-btn.edit-btn:hover{background:#374151}.file-management-box{display:flex;align-items:center;gap:var(--space-xs);background:var(--color-surface-bg);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);border:var(--admin-border);margin-right:var(--space-md)}.file-management-box label{font-size:.75rem;color:var(--color-text-tertiary);font-weight:800;text-transform:uppercase}.file-management-box select{background:transparent;border:none;color:var(--color-text-primary);font-size:.85rem;cursor:pointer;padding:2px;outline:none;font-weight:700}.save-file-btn{background:transparent;border:none;color:var(--color-text-tertiary);cursor:pointer;font-size:1rem;padding:2px;transition:.2s}.save-file-btn:hover{color:var(--color-primary);transform:scale(1.1)}.path-settings-btn{background:transparent;border:none;cursor:pointer;font-size:.9rem;padding:2px;transition:.2s;opacity:.6}.path-settings-btn:hover{opacity:1;transform:rotate(45deg);color:var(--color-primary)}.deployment-panel{padding:var(--space-lg);animation:fadeIn .4s ease-out}.deployment-panel h2{margin-bottom:var(--space-lg);color:var(--color-text-primary);font-size:1.5rem;font-weight:800}.instructions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:var(--space-lg)}.instruction-card{background:var(--admin-card-bg);border:var(--admin-border);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);box-shadow:var(--shadow-md)}.instruction-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--color-border-weak);padding-bottom:var(--space-sm)}.instruction-header h3{margin:0;font-size:1.1rem;color:var(--color-primary);font-weight:800}.timestamp{font-size:.75rem;color:var(--color-text-tertiary)}.instruction-meta{font-size:.8rem;display:flex;flex-direction:column;gap:4px;font-weight:700}.instruction-meta a{color:var(--color-primary);text-decoration:none}.file-origin{color:var(--color-text-tertiary);font-family:var(--font-mono)}.commands-list{display:flex;flex-direction:column;gap:var(--space-sm)}.command-item{background:var(--color-surface-bg);border-radius:var(--radius-md);padding:var(--space-md);display:flex;justify-content:space-between;align-items:center;border-left:4px solid var(--color-border-weak);transition:.2s}.command-item.executed{border-left-color:var(--color-success);opacity:.6}.command-item.error{border-left-color:var(--color-error)}.command-item.pending{border-left-color:#f59e0b}.command-item.selected{background:var(--color-primary-soft);border-right:3px solid var(--color-primary)}.cmd-selection{margin-right:var(--space-md);display:flex;align-items:center}.cmd-selection input[type=checkbox]{width:18px;height:18px}.cmd-main-row{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:2px}.type-badge{font-size:.6rem;padding:2px 6px;border-radius:4px;font-weight:800;color:#fff;text-transform:uppercase}.type-badge.entity{background:#8b5cf6}.type-badge.table{background:var(--color-text-tertiary)}.deployment-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.bulk-actions{display:flex;align-items:center;gap:var(--space-md);background:var(--color-primary-soft);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);border:1px solid var(--color-primary)}.selection-count{font-weight:800;color:var(--color-primary);font-size:.9rem}.bulk-load-btn{background:var(--color-primary);color:#fff;border:none;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);font-weight:800;cursor:pointer;transition:.2s}.bulk-load-btn:hover{background:var(--color-primary-strong);transform:translateY(-1px)}.cmd-info{display:flex;flex-direction:column;gap:4px;flex:1}.filter-chip{font-size:.75rem;background:var(--admin-content-bg);padding:2px 8px;border-radius:var(--radius-full);color:var(--color-success);font-family:var(--font-mono);overflow:hidden;text-overflow:ellipsis;display:inline-block;max-width:250px;border:var(--admin-border)}.mode-badge{font-size:.65rem;text-transform:uppercase;color:var(--color-text-tertiary);font-weight:800}.cmd-actions{display:flex;gap:var(--space-xs);margin-left:var(--space-md)}.cmd-actions button{padding:var(--space-xs);border-radius:var(--radius-sm);border:var(--admin-border);cursor:pointer;font-size:.85rem;transition:.2s;display:flex;align-items:center;justify-content:center;background:var(--color-surface-bg);color:var(--color-text-tertiary)}.run-cmd-btn{background:var(--color-primary)!important;color:#fff!important;padding:var(--space-xs) var(--space-md)!important;border:none!important}.run-cmd-btn:hover{background:var(--color-primary-strong)!important}.mark-done-btn{background:var(--color-success-soft);color:var(--color-success)}.mark-done-btn:hover{background:var(--color-success);color:#fff}.mark-error-btn{background:var(--color-error-soft);color:var(--color-error)}.mark-error-btn:hover{background:var(--color-error);color:#fff}.deployment-header{border-top:1px solid #1f2937;margin-top:5px}.bulk-btns-group{display:flex;gap:10px}.bulk-load-btn.secondary{background:#374151;color:#9ca3af}.bulk-load-btn.secondary:hover{background:#4b5563;color:#fff}.tool-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:1px solid #374151;padding-bottom:.5rem}.tab-btn{background:transparent;color:#9ca3af;border:none;padding:.75rem 1.5rem;font-weight:600;cursor:pointer;border-radius:8px 8px 0 0;transition:all .2s;position:relative}.tab-btn:hover{color:#fff;background:#6366f11a}.tab-btn.active{color:#6366f1}.tab-btn.active:after{content:"";position:absolute;bottom:-.5rem;left:0;right:0;height:3px;background:#6366f1;box-shadow:0 0 10px #6366f180}.history-list{display:flex;flex-direction:column;gap:var(--space-lg);animation:fadeIn .3s ease-out}.history-item{background:var(--admin-card-bg);border:var(--admin-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:transform .2s,box-shadow .2s}.history-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-border-medium)}.history-item.rolled-back{opacity:.7;border-style:dashed;background:var(--color-surface-bg)}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);border-bottom:2px solid var(--color-border-weak);padding-bottom:var(--space-sm)}.history-id{font-family:var(--font-mono);color:var(--color-primary);font-size:.85rem;font-weight:800}.history-date{color:var(--color-text-tertiary);font-size:.85rem}.op-tag{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);font-size:.7rem;font-weight:800;text-transform:uppercase}.op-tag.sync,.op-tag.copy{background:var(--color-primary-soft);color:var(--color-primary)}.op-tag.replace,.op-tag.delete{background:var(--color-error-soft);color:var(--color-error)}.op-tag.update{background:var(--color-success-soft);color:var(--color-success)}.history-context{margin:var(--space-md) 0;font-size:.95rem;color:var(--color-text-primary);display:flex;flex-direction:column;gap:var(--space-xs)}.us-link{color:var(--color-primary);text-decoration:none;font-size:.85rem;font-weight:800}.us-link:hover{text-decoration:underline}.history-stats{display:flex;gap:var(--space-lg);font-size:.85rem;color:var(--color-text-tertiary);background:var(--color-surface-bg);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md)}.history-footer{margin-top:var(--space-md);display:flex;justify-content:flex-end}.rollback-btn{background:transparent;border:1px solid var(--color-error);color:var(--color-error);padding:var(--space-xs) var(--space-lg);border-radius:var(--radius-md);font-weight:800;cursor:pointer;transition:all .2s;font-size:.85rem}.rollback-btn:hover:not(:disabled){background:var(--color-error);color:#fff;box-shadow:0 0 10px #ef444466}.rollback-btn:disabled{opacity:.5;cursor:not-allowed}.rolled-back-label{color:var(--color-success);font-weight:800;font-size:.9rem}.empty-history{text-align:center;padding:var(--space-xl);background:var(--admin-card-bg);border-radius:var(--radius-lg);border:var(--admin-border);color:var(--color-text-tertiary)}.stoodia-toast{position:fixed;bottom:24px;right:24px;background:#0f0f19f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);color:var(--color-text-primary);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;align-items:center;gap:var(--space-sm);z-index:10000;animation:toast-slide-in .4s cubic-bezier(.175,.885,.32,1.275);font-size:.9rem;min-width:280px}.stoodia-toast.toast-success{border-left:4px solid var(--color-success)}.stoodia-toast.toast-error{border-left:4px solid var(--color-error)}.stoodia-toast.toast-info{border-left:4px solid var(--color-primary)}.toast-fade-out{animation:toast-slide-out .5s ease-in forwards!important}@keyframes toast-slide-in{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toast-slide-out{0%{transform:translate(0);opacity:1}to{transform:translate(120%);opacity:0}}.wizard-overlay{position:fixed;inset:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000d9;z-index:2000;display:flex;align-items:center;justify-content:center}.wizard-modal{background:var(--admin-card-bg);width:900px;max-width:95vw;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:var(--admin-border);display:flex;flex-direction:column;max-height:90vh;animation:wizardPop .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.wizard-header{padding:var(--space-lg) var(--space-xl);border-bottom:2px solid var(--color-border-weak);display:flex;justify-content:space-between;align-items:center;background:var(--color-surface-bg)}.wizard-header h2{margin:0;font-size:1.5rem;color:var(--color-text-primary);font-weight:800}.wizard-steps-indicator{display:flex;align-items:center;gap:var(--space-md);margin-right:var(--space-xl)}.step-pill{padding:var(--space-xs) var(--space-lg);background:var(--color-surface-bg);color:var(--color-text-tertiary);border-radius:var(--radius-full);font-size:.75rem;font-weight:800;transition:all .3s;border:var(--admin-border)}.step-pill.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 0 15px var(--color-primary-soft)}.step-line{width:24px;height:2px;background:var(--color-border-weak)}.wizard-body{flex:1;overflow-y:auto;padding:var(--space-xl);background:var(--admin-content-bg)}.wizard-step-content h3{margin-top:0;margin-bottom:var(--space-xs);color:var(--color-text-primary);font-weight:800}.wizard-step-content p{color:var(--color-text-tertiary);margin-bottom:var(--space-lg)}.wizard-loader{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.1rem;color:var(--color-primary);font-weight:800}.schema-table-list,.data-comp-list{display:flex;flex-direction:column;gap:var(--space-md)}.schema-item,.data-comp-item{background:var(--admin-card-bg);border:var(--admin-border);border-radius:var(--radius-lg);padding:var(--space-md);transition:all .2s}.schema-item.mismatch{border-left:4px solid var(--color-error)}.schema-item.equal{border-left:4px solid var(--color-success)}.schema-item.missing_in_dest{border-left:4px solid #f59e0b}.schema-item-main{display:flex;align-items:center;gap:var(--space-md)}.schema-item-main input[type=checkbox]{width:18px;height:18px;cursor:pointer}.schema-item .table-name{flex:1;font-weight:800;font-size:1rem;color:var(--color-text-primary)}.status-badge{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);font-size:.7rem;font-weight:800;text-transform:uppercase}.status-badge.equal,.status-badge.match{background:var(--color-success-soft);color:var(--color-success)}.status-badge.mismatch{background:var(--color-error-soft);color:var(--color-error)}.schema-detail{margin-top:var(--space-sm);padding:var(--space-sm);background:var(--color-error-soft);border-radius:var(--radius-md);font-size:.8rem;color:var(--color-error);font-family:var(--font-mono)}.data-comp-item.mismatch{border-left:4px solid #ef4444;background:#ef444405}.data-comp-item.equal{border-left:4px solid #10b981}.data-comp-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.data-comp-counts{display:flex;gap:1.5rem;font-size:.85rem;color:#9ca3af;align-items:center}.diff-pills{display:flex;gap:.5rem}.pill{padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.pill.src{background:#3b82f61a;color:#60a5fa}.pill.dest{background:#f59e0b1a;color:#fbbf24}.pill.diff{background:#ef44441a;color:#f87171}.config-row{background:#1f2937;padding:1rem;border-radius:12px;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center}.exclude-toggle{display:flex;align-items:center;gap:.75rem;font-size:.9rem;color:#d1d5db;cursor:pointer}.refresh-mini-btn{background:transparent;border:1px solid #4b5563;color:#d1d5db;padding:.4rem .8rem;border-radius:6px;cursor:pointer;font-size:.8rem}.sync-log-container{background:#000;padding:1.5rem;border-radius:12px;font-family:Fira Code,monospace;font-size:.85rem;min-height:300px;max-height:400px;overflow-y:auto;border:1px solid #1f2937}.log-line{margin-bottom:.4rem;color:#d1d5db}.log-line.pulse{color:#6366f1;animation:wizardPulse 1.5s infinite}@keyframes wizardPulse{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.retry-banner{margin-top:1rem;padding:1rem;background:#f59e0b1a;border:1px solid #f59e0b;border-radius:12px;display:flex;justify-content:space-between;align-items:center;color:#fbbf24;font-size:.9rem}.wizard-footer{padding:1.5rem 2rem;border-top:1px solid #1f2937;display:flex;justify-content:flex-end;gap:1rem}.primary-btn{background:#6366f1;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:10px;font-weight:700;cursor:pointer;transition:all .2s}.primary-btn:hover:not(:disabled){background:#4f46e5;transform:translateY(-2px)}.primary-btn:disabled{opacity:.5;cursor:not-allowed}.secondary-btn{background:#374151;color:#d1d5db;border:none;padding:.75rem 1.5rem;border-radius:10px;font-weight:700;cursor:pointer}.secondary-btn:hover{background:#4b5563}.wizard-trigger-btn{background:linear-gradient(135deg,#6366f1,#a855f7)!important;border:none!important}.data-comp-item.expanded{border:2px solid var(--color-primary);background:var(--admin-card-bg)}.data-comp-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}.data-comp-header:hover{background:var(--color-surface-hover)}.data-comp-header .header-left{display:flex;align-items:center;gap:var(--space-md)}.expand-btn{background:var(--color-surface-bg);border:var(--admin-border);color:var(--color-text-tertiary);padding:4px var(--space-sm);border-radius:var(--radius-sm);font-size:.8rem;cursor:pointer;transition:all .2s}.expand-btn:hover{border-color:var(--color-primary);color:var(--color-text-primary)}.data-comp-details-area{margin-top:var(--space-md);padding:var(--space-md);background:var(--admin-content-bg);border-radius:var(--radius-md);border:var(--admin-border)}.detail-section label{display:block;font-size:.75rem;text-transform:uppercase;color:var(--color-text-tertiary);font-weight:800;margin-bottom:var(--space-xs);letter-spacing:.1em}.diff-list{display:flex;flex-direction:column;gap:var(--space-xs);max-height:300px;overflow-y:auto}.diff-row{padding:var(--space-sm);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.8rem;border:1px solid transparent}.diff-row.only-src{background:var(--color-success-soft);border-color:var(--color-success);color:var(--color-success)}.diff-row.only-dest{background:#f59e0b1a;border-color:#f59e0b;color:#fbbf24}.diff-row.mismatch{background:var(--color-error-soft);border-color:var(--color-error);color:var(--color-text-primary)}.mismatch-pk{font-weight:800;color:var(--color-primary);margin-bottom:var(--space-xs);border-bottom:2px solid var(--color-border-weak);padding-bottom:2px}.field-diffs{display:flex;flex-direction:column;gap:2px}.field-diff-item{display:flex;gap:var(--space-sm);align-items:center;flex-wrap:wrap}.field-diff-item .field-name{color:var(--color-text-tertiary);font-weight:800;min-width:80px}.field-diff-item .source-val{color:var(--color-success);background:var(--color-success-soft);padding:0 4px;border-radius:2px;font-weight:700}.field-diff-item .dest-val{color:var(--color-error);background:var(--color-error-soft);padding:0 4px;border-radius:2px;font-weight:700}.field-diff-item .arrow{color:var(--color-border-medium)}@keyframes slideDownDetails{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.multimedia-admin{padding:var(--space-xl);background:var(--admin-content-bg);min-height:100vh;color:var(--color-text-primary)}.multimedia-admin .header-actions{display:flex;gap:var(--space-sm)}.multimedia-admin .create-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:800;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-md)}.multimedia-admin .create-btn:hover{transform:translateY(-2px);background:var(--color-primary-strong);box-shadow:var(--shadow-lg)}.multimedia-admin .filter-btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:var(--color-surface-bg);color:var(--color-text-secondary);border:var(--admin-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.multimedia-admin .filter-btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.contents-table-section{margin-top:var(--space-lg)}.contents-table-section h3{margin-bottom:var(--space-lg)!important;font-weight:800;color:var(--color-text-primary)}.multimedia-admin .table-container{background:var(--admin-card-bg);border-radius:var(--radius-lg);overflow:hidden;border:var(--admin-border);box-shadow:var(--shadow-sm)}.multimedia-admin .contents-table{width:100%;border-collapse:collapse;text-align:left}.multimedia-admin .contents-table th{padding:var(--space-md) var(--space-lg);background:var(--color-surface-bg);color:var(--color-text-tertiary);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800;border-bottom:var(--admin-border)}.multimedia-admin .contents-table td{padding:var(--space-md) var(--space-lg);border-bottom:var(--admin-border);color:var(--color-text-secondary);font-size:.95rem}.multimedia-admin .contents-table tr:hover td{background:var(--color-surface-hover)}.multimedia-admin .title-cell{font-weight:800;color:var(--color-text-primary)!important}.multimedia-admin .stats-cell{font-family:var(--font-mono);color:var(--color-primary-soft)}.multimedia-admin .status-pill{display:inline-flex;padding:6px 14px;border-radius:var(--radius-full);font-size:.75rem;font-weight:800;text-transform:uppercase}.multimedia-admin .status-pill.active{background:var(--color-success-soft);color:var(--color-success);border:1px solid var(--color-success)}.multimedia-admin .status-pill.inactive{background:var(--color-surface-bg);color:var(--color-text-tertiary);border:var(--admin-border)}.multimedia-admin .table-actions{display:flex;gap:var(--space-xs)}.multimedia-admin .table-actions button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0!important;background:var(--color-surface-bg, #0F1218);color:var(--color-text-primary, #F8FAFC);border:1px solid var(--color-border, #2D3436);border-radius:var(--radius-sm, 4px);cursor:pointer;transition:all .2s}.multimedia-admin .table-actions button:hover{background:var(--color-surface-hover);color:var(--color-text-primary);border-color:var(--color-border-medium)}.multimedia-admin .table-actions button.delete:hover{background:var(--color-error-soft);color:var(--color-error);border-color:var(--color-error)}.multimedia-admin .empty-message{text-align:center;padding:var(--space-xl)!important;color:var(--color-text-tertiary);font-style:italic}.modal-overlay{position:fixed;inset:0;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background-color:var(--admin-card-bg);border:var(--admin-border);border-radius:var(--radius-lg);width:650px;max-width:95%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1);position:relative;padding:0}@keyframes modalSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:var(--space-lg) var(--space-xl);border-bottom:2px solid var(--color-border-weak);display:flex;justify-content:space-between;align-items:center;background:var(--color-surface-bg);position:sticky;top:0;z-index:10}.modal-header h2{margin:0;font-size:1.5rem;color:var(--color-text-primary);font-weight:800}.close-btn{background:transparent;border:none;color:var(--color-text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:var(--space-xs);border-radius:var(--radius-full);transition:all .2s}.close-btn:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary)}.modal-form{padding:var(--space-xl)}.form-group{margin-bottom:var(--space-lg)}.form-group label{display:block;margin-bottom:var(--space-xs);font-weight:800;color:var(--color-text-tertiary);font-size:.85rem;text-transform:uppercase}.form-group input,.form-group textarea,.form-group select{width:100%;padding:var(--space-md);background-color:var(--color-surface-input);border:var(--admin-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:1rem;transition:all .2s}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-tertiary)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon svg{position:absolute;left:12px;color:var(--color-primary)}.input-with-icon input{padding-left:40px}.checkbox-group{display:flex;align-items:flex-end;padding-bottom:var(--space-sm)}.checkbox-label{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--color-text-secondary);font-weight:700}.checkbox-label input[type=checkbox]{width:20px;height:20px;accent-color:var(--color-primary);cursor:pointer}.error{border-color:var(--color-error)!important}.error-msg{display:block;margin-top:6px;font-size:.8rem;color:var(--color-error);font-weight:800}.modal-footer{padding:var(--space-lg) var(--space-xl);border-top:2px solid var(--color-border-weak);display:flex;justify-content:flex-end;gap:var(--space-md);background-color:var(--color-surface-bg);position:sticky;bottom:0}.modal-footer button{padding:var(--space-sm) var(--space-xl);border-radius:var(--radius-md);font-weight:800;cursor:pointer;transition:all .2s;font-size:.95rem}.cancel-btn-modal{background-color:transparent;border:var(--admin-border);color:var(--color-text-tertiary)}.cancel-btn-modal:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary)}.submit-btn{background:var(--color-primary);border:none;color:#fff;box-shadow:var(--shadow-md)}.submit-btn:hover:not(:disabled){transform:translateY(-2px);background:var(--color-primary-strong);box-shadow:var(--shadow-lg)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:var(--admin-content-bg)}.modal-content::-webkit-scrollbar-thumb{background:var(--color-border-medium);border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.admin-image-generator{padding:var(--space-xl);background:var(--admin-content-bg);min-height:100%;color:var(--color-text-primary)}.generator-content{display:flex;gap:var(--space-xl);align-items:flex-start}.config-panel{flex:1;background:var(--admin-card-bg);border:var(--admin-border);border-radius:var(--radius-lg);padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-lg);box-shadow:var(--shadow-md)}.checkbox-label{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;font-size:.95rem;color:var(--color-text-secondary)}.checkbox-label input{width:18px;height:18px;accent-color:var(--color-primary)}.generate-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--color-surface-bg);box-shadow:none}.preview-panel{flex:1;display:flex;justify-content:center;align-items:flex-start}.preview-placeholder{width:100%;aspect-ratio:1024 / 1792;max-width:400px;background:var(--admin-card-bg);border:2px dashed var(--color-border-weak);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--color-text-tertiary);padding:var(--space-xl)}.preview-placeholder.loading{border-style:solid;border-color:var(--color-primary);box-shadow:0 0 30px var(--color-primary-soft)}.spinner{width:50px;height:50px;border:3px solid var(--color-primary-soft);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:spin 1s infinite linear;margin-bottom:var(--space-md)}.preview-container{width:100%;max-width:450px;display:flex;flex-direction:column;gap:var(--space-lg)}.image-preview{width:100%;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:var(--admin-border)}.preview-actions{display:flex;justify-content:center}.download-btn{padding:12px 24px;background:var(--color-success);color:#fff;border:none;border-radius:var(--radius-md);font-weight:700;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-md)}.download-btn:hover{background:#059669;transform:translateY(-1px);box-shadow:var(--shadow-lg)}@media(max-width:1024px){.generator-content{flex-direction:column;align-items:stretch}}.admin-carousel-generator{padding:var(--space-xl);background:var(--admin-content-bg);min-height:100%;color:var(--color-text-primary)}.page-header h1{font-size:2.2rem;font-weight:800;margin:0 0 var(--space-xs) 0;color:var(--color-text-primary)}.page-header p{color:var(--color-text-tertiary);font-size:1.1rem;margin-bottom:var(--space-xl)}.generator-layout{display:flex;gap:var(--space-xl);align-items:flex-start}.config-panel{flex:0 0 400px;background:var(--admin-card-bg);border:var(--admin-border);border-radius:var(--radius-lg);padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-lg);box-shadow:var(--shadow-md)}.input-group{display:flex;flex-direction:column;gap:var(--space-xs)}.input-group label{font-size:.9rem;font-weight:700;color:var(--color-text-secondary)}.input-group input,.input-group textarea,.input-group select{background:var(--color-surface-input);border:var(--admin-border);border-radius:var(--radius-md);padding:var(--space-md);color:var(--color-text-primary);font-family:var(--font-primary);font-size:1rem;transition:all .2s}.input-group input:focus,.input-group textarea:focus,.input-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-soft)}.input-group small{font-size:.8rem;color:var(--color-text-tertiary)}.radio-group{display:flex;flex-direction:column;gap:var(--space-sm)}.radio-label{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;font-size:.95rem;color:var(--color-text-secondary)}.radio-label input{width:18px;height:18px;accent-color:var(--color-primary)}.generate-btn{padding:var(--space-md);border-radius:var(--radius-md);border:none;background:var(--color-primary);color:#fff;font-size:1.1rem;font-weight:800;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-md)}.generate-btn:hover:not(:disabled){transform:translateY(-2px);background:var(--color-primary-strong);box-shadow:var(--shadow-lg)}.generate-btn:disabled{opacity:.5;cursor:not-allowed}.error-message{padding:var(--space-sm);background:var(--color-error-soft);border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);font-size:.9rem}.preview-panel{flex:1;min-height:600px}.preview-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;background:var(--admin-card-bg);border:2px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center}.spinner{width:60px;height:60px;border:4px solid var(--color-primary-soft);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:spin 1s infinite linear;margin-bottom:var(--space-md)}.preview-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;background:var(--admin-card-bg);border:2px dashed var(--color-border-weak);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;color:var(--color-text-tertiary)}.carousel-preview{background:var(--admin-card-bg);border:var(--admin-border);border-radius:var(--radius-lg);padding:var(--space-xl)}.preview-header{margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:2px solid var(--color-border-weak)}.preview-header h3{font-size:1.5rem;color:var(--color-text-primary);margin:0 0 var(--space-xs) 0;font-weight:800}.preview-header p{color:var(--color-text-tertiary);margin:0}.slides-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.slide-preview{background:var(--color-surface-bg);border:var(--admin-border);border-radius:var(--radius-md);overflow:hidden;transition:all .2s}.slide-preview:hover{transform:translateY(-4px);border-color:var(--color-primary);box-shadow:var(--shadow-md)}.slide-number{background:var(--color-primary);color:#fff;padding:6px 12px;font-size:.8rem;font-weight:800;text-align:center}.slide-preview img{width:100%;display:block}.slide-info{padding:var(--space-md)}.slide-info strong{display:block;color:var(--color-text-primary);font-size:.9rem;margin-bottom:var(--space-xs)}.slide-info p{color:var(--color-text-tertiary);font-size:.8rem;margin:0;line-height:1.5}.preview-actions{display:flex;gap:var(--space-md);justify-content:center;padding-top:var(--space-xl);border-top:2px solid var(--color-border-weak)}.publish-btn{padding:14px 32px;background:var(--color-success);color:#fff;border:none;border-radius:var(--radius-md);font-weight:800;font-size:1rem;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-md)}.publish-btn:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:var(--shadow-lg)}.cancel-btn{padding:14px 32px;background:var(--color-surface-bg);color:var(--color-text-secondary);border:var(--admin-border);border-radius:var(--radius-md);font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s}.cancel-btn:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text-primary)}@media(max-width:1200px){.generator-layout{flex-direction:column}.config-panel{flex:1;width:100%}.slides-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.admin-log-stream{display:flex;flex-direction:column;height:100vh;background:var(--admin-content-bg);color:var(--color-text-primary);font-family:var(--font-primary);overflow:hidden}.stream-header{background:var(--admin-card-bg);padding:var(--space-md) var(--space-xl);border-bottom:2px solid var(--color-border-weak);display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-md);z-index:10}.header-left{display:flex;align-items:center;gap:var(--space-md)}.header-left h2{margin:0;font-size:1.25rem;color:var(--color-text-primary);letter-spacing:-.025em;font-weight:800}.status-badge{font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:var(--radius-full);letter-spacing:.05em;text-transform:uppercase}.status-badge.connected{background:var(--color-success-soft);color:var(--color-success);border:1px solid var(--color-success)}.status-badge.connecting{background:var(--color-warning-soft);color:var(--color-warning);border:1px solid var(--color-warning)}.status-badge.error{background:var(--color-error-soft);color:var(--color-error);border:1px solid var(--color-error)}.status-badge.paused{background:var(--color-surface-bg);color:var(--color-text-tertiary);border:1px solid var(--color-border-weak)}.header-controls{display:flex;gap:var(--space-md)}.control-input,.control-select{background:var(--color-surface-input);border:var(--admin-border);color:var(--color-text-primary);padding:8px 12px;border-radius:var(--radius-sm);font-size:.9rem;outline:none;transition:border-color .2s}.control-input:focus,.control-select:focus{border-color:var(--color-primary)}.control-btn{padding:8px 16px;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;font-weight:700;font-size:.9rem;transition:all .2s}.control-btn.pause{background:var(--color-surface-bg);color:var(--color-text-secondary);border-color:var(--color-border-weak)}.control-btn.resume{background:var(--color-success);color:#fff}.control-btn.clear{background:transparent;color:var(--color-text-tertiary);border:var(--admin-border)}.control-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.logs-display{flex:1;overflow-y:auto;padding:var(--space-lg);font-family:var(--font-mono);font-size:.85rem;background:var(--color-body-bg)}.empty-logs{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-tertiary);font-style:italic}.log-line{padding:2px 8px;border-left:3px solid transparent;margin-bottom:2px;line-height:1.6;word-wrap:break-word;display:flex;gap:var(--space-md);align-items:flex-start;border-radius:2px}.log-line:hover{background:var(--color-surface-hover)}.log-time{color:var(--color-text-tertiary);flex-shrink:0;min-width:70px;font-size:.8rem;padding-top:1px}.log-level{font-weight:700;min-width:65px;text-align:center;border-radius:var(--radius-sm);padding:1px 4px;font-size:.75rem;text-transform:uppercase}.log-message{color:var(--color-text-primary);word-break:break-word}.log-meta{color:var(--color-text-tertiary);font-size:.8rem}.hl-err{color:var(--color-error);font-weight:800}.hl-warn{color:var(--color-warning);font-weight:800}.hl-success{color:var(--color-success);font-weight:800}.hl-method{color:var(--color-primary);font-weight:800}.hl-primary{color:var(--color-info)}.hl-string{color:var(--color-primary-soft)}.hl-number{color:var(--color-warning)}.log-line.error .log-level{background:var(--color-error-soft);color:var(--color-error);border:1px solid var(--color-error)}.log-line.error{border-left-color:var(--color-error);background:var(--color-error-soft)}.log-line.warning .log-level{background:var(--color-warning-soft);color:var(--color-warning);border:1px solid var(--color-warning)}.log-line.warning{border-left-color:var(--color-warning);background:var(--color-warning-soft)}.log-line.info .log-level{background:var(--color-info-soft);color:var(--color-info);border:1px solid var(--color-info)}.log-line.info{border-left-color:var(--color-info)}.log-line.success .log-level{background:var(--color-success-soft);color:var(--color-success);border:1px solid var(--color-success)}.log-line.success{border-left-color:var(--color-success)}.logs-display::-webkit-scrollbar{width:8px}.logs-display::-webkit-scrollbar-track{background:var(--admin-content-bg)}.logs-display::-webkit-scrollbar-thumb{background:var(--color-border-weak);border-radius:var(--radius-full)}.logs-display::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.admin-lifecycle-container{padding:var(--space-xl);background:var(--admin-content-bg);min-height:calc(100vh - 80px);color:var(--color-text-primary);font-family:var(--font-primary);animation:fadeIn .4s ease-out}.lifecycle-header{margin-bottom:var(--space-xl)}.lifecycle-header h1{font-size:2.2rem;font-weight:800;margin:0 0 var(--space-xs) 0;color:var(--color-text-primary)}.lifecycle-header p{color:var(--color-text-tertiary);font-size:1.1rem}.lifecycle-controls{display:flex;gap:var(--space-md);align-items:center;margin-bottom:var(--space-xl);background:var(--admin-card-bg);padding:var(--space-md);border-radius:var(--radius-lg);border:var(--admin-border);box-shadow:var(--shadow-sm)}.search-box{flex:1}.search-box input{width:100%;padding:var(--space-md) var(--space-lg);background:var(--color-surface-input);border:var(--admin-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:1rem;transition:all .2s}.search-box input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-soft)}.refresh-btn{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);background:var(--color-primary);color:#fff;border:none;font-weight:800;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:var(--space-xs);white-space:nowrap}.refresh-btn:hover{transform:translateY(-2px);background:var(--color-primary-strong);box-shadow:var(--shadow-md)}.lifecycle-table-wrapper{background:var(--admin-card-bg);border-radius:var(--radius-lg);border:var(--admin-border);overflow:hidden;box-shadow:var(--shadow-md)}.lifecycle-table{width:100%;border-collapse:separate;border-spacing:0;text-align:left}.lifecycle-table th{background:var(--color-surface-bg);padding:var(--space-md) var(--space-lg);font-size:.75rem;font-weight:800;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.1em;border-bottom:var(--admin-border)}.lifecycle-table td{padding:var(--space-lg);border-bottom:var(--admin-border);font-size:1rem;color:var(--color-text-secondary);vertical-align:middle}.lifecycle-table tr:hover{background:var(--color-surface-hover)}.status-badge{padding:6px 14px;border-radius:var(--radius-md);font-size:.85rem;font-weight:800;display:inline-block;text-transform:uppercase;letter-spacing:.05em}.status-badge.trial{background:var(--color-success-soft);color:var(--color-success);border:1px solid var(--color-success)}.status-badge.beta{background:var(--color-primary-soft);color:var(--color-primary);border:1px solid var(--color-primary)}.status-badge.premium{background:#f59e0b1a;color:#fbbf24;border:1px solid #fbbf24}.status-badge.suspended{background:var(--color-error-soft);color:var(--color-error);border:1px solid var(--color-error)}.status-badge.cancelled{background:var(--color-surface-bg);color:var(--color-text-tertiary);border:var(--admin-border)}.lifecycle-action-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xs)}.btn-transition{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.8rem;font-weight:700;cursor:pointer;border:var(--admin-border);transition:all .2s;text-align:center;background:var(--color-surface-bg);color:var(--color-text-tertiary)}.btn-transition:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text-primary);border-color:var(--color-border-medium)}.btn-transition.beta:hover:not(:disabled){background:var(--color-primary);color:#fff;border-color:var(--color-primary-strong)}.btn-transition.trial:hover:not(:disabled){background:var(--color-success);color:#fff;border-color:var(--color-success-strong)}.btn-transition.expired:hover:not(:disabled){background:var(--color-error);color:#fff;border-color:var(--color-error-strong)}.btn-transition:disabled{opacity:.3;cursor:not-allowed}.lifecycle-tabs{display:flex;gap:var(--space-xs);margin-bottom:var(--space-lg);background:var(--admin-card-bg);padding:4px;border-radius:var(--radius-md);width:fit-content;border:var(--admin-border)}.tab-btn{padding:10px 20px;background:transparent;border:none;color:var(--color-text-tertiary);font-weight:700;cursor:pointer;border-radius:var(--radius-sm);transition:all .2s}.tab-btn:hover{color:var(--color-text-primary);background:var(--color-surface-hover)}.tab-btn.active{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.user-identifier{font-weight:800;color:var(--color-primary);font-size:1rem;margin-bottom:2px}.user-name{font-size:.85rem;color:var(--color-text-tertiary)}.btn-danger-reset{background:var(--color-error-soft);color:var(--color-error);border:1px solid var(--color-error);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-weight:800;cursor:pointer;transition:all .2s;text-transform:uppercase;font-size:.75rem;letter-spacing:.1em;width:100%}.btn-danger-reset:hover:not(:disabled){background:var(--color-error);color:#fff;box-shadow:0 0 15px var(--color-error-soft)}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.btn-tool{padding:6px;font-size:.7rem;background:var(--color-surface-bg);border:var(--admin-border);color:var(--color-text-tertiary);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.btn-tool:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-primary);color:var(--color-text-primary)}.skill-actions{display:flex;flex-direction:column;gap:var(--space-xs)}.skill-select{background:var(--color-surface-input);border:var(--admin-border);color:var(--color-text-primary);padding:6px;border-radius:var(--radius-sm);font-size:.8rem;width:100%}.btn-skill.complete{background:var(--color-success-soft);color:var(--color-success);border:1px solid var(--color-success)}.btn-skill.complete:hover:not(:disabled){background:var(--color-success);color:#fff}.btn-skill.regress{background:#f59e0b1a;color:#fbbf24;border:1px solid #fbbf24}.btn-skill.regress:hover:not(:disabled){background:#fbbf24;color:#000}.migration-section{margin:var(--space-lg) 0;padding:var(--space-md);background:var(--color-surface-bg);border:1px solid var(--color-primary-soft);border-radius:var(--radius-lg);border-left:4px solid var(--color-primary)}.migration-section h3{margin:0 0 var(--space-sm) 0;font-size:1.1rem;color:var(--color-primary);font-weight:800}.migration-controls{display:flex;gap:var(--space-sm);align-items:center}.migration-controls input{padding:var(--space-sm);background:var(--color-surface-input);border:var(--admin-border);border-radius:var(--radius-md);color:var(--color-text-primary);width:300px;font-size:.9rem}.migration-controls input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.migration-controls .btn-primary{padding:var(--space-sm) var(--space-lg);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:700;cursor:pointer;transition:all .2s}.migration-controls .btn-primary:hover{background:var(--color-primary-strong);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.migration-hint{margin-top:var(--space-xs);font-size:.8rem;color:var(--color-text-tertiary);font-style:italic}.admin-portal-v2 .admin-toolbar{display:flex;align-items:center;gap:var(--space-xs);padding:4px var(--space-md);background:var(--admin-sidebar-bg);border-bottom:2px solid var(--color-border-weak);color:var(--color-text-primary);min-height:36px;width:100%;flex-wrap:nowrap;overflow-x:auto}.admin-portal-v2 .toolbar-group{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0}.admin-portal-v2 .toolbar-group button{background:var(--color-surface-bg);border:var(--admin-border);color:var(--color-text-primary);padding:3px var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;font-size:.75rem;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);font-weight:800;transition:all .2s cubic-bezier(.4,0,.2,1)}.admin-portal-v2 .toolbar-group button:hover{background:var(--color-primary)!important;border-color:var(--color-primary-strong);transform:translateY(-1px)}.admin-portal-v2 .toolbar-divider{width:2px;height:16px;background:var(--color-border-weak);margin:0 var(--space-xs)}.admin-portal-v2 .toolbar-search{background:var(--color-surface-input);border:var(--admin-border);border-radius:var(--radius-sm);padding:4px var(--space-sm);color:var(--color-text-primary);font-size:.8rem;width:180px;outline:none;transition:border-color .2s}.admin-portal-v2 .toolbar-search:focus{border-color:var(--color-primary)}.admin-portal-v2 .nav-indicator{font-size:.8rem;color:var(--color-text-primary);font-weight:800;white-space:nowrap;padding:0 var(--space-sm);display:flex;align-items:center;min-width:50px;justify-content:center}.admin-portal-v2 .view-toggle{background:var(--color-body-bg);padding:2px;border-radius:var(--radius-md);border:var(--admin-border);display:flex;gap:2px}.admin-portal-v2 .view-toggle button{background:transparent!important;border:none!important;padding:2px var(--space-sm)!important;font-size:.7rem!important;color:var(--color-text-tertiary)!important;font-weight:700;text-transform:uppercase}.admin-portal-v2 .view-toggle button.active{background:var(--color-primary)!important;color:#fff!important;border-radius:var(--radius-sm)}.admin-portal-v2 .admin-table-view{width:100%;height:100%;overflow:auto;background:#0b0e14!important}.admin-portal-v2 .admin-table-view table{width:max-content;min-width:100%;border-collapse:collapse!important;border-spacing:0;background:#0b0e14!important}.admin-portal-v2 .admin-table-view th{position:sticky;top:0;background:#1f2937!important;padding:0;text-align:left;border:1px solid #4b5563!important;color:#fff!important;font-size:10px;font-weight:900;text-transform:uppercase;z-index:10}.admin-portal-v2 .th-content{padding:.25rem .5rem;cursor:pointer;width:100%;height:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:60px}.admin-portal-v2 .col-resizer{position:absolute;right:0;top:0;width:5px;height:100%;cursor:col-resize;z-index:11}.admin-portal-v2 .col-resizer:hover{background-color:#6366f1}.admin-portal-v2 .admin-table-view td{padding:0;border:1px solid #374151!important;background:#0b0e14!important;min-width:60px}.admin-portal-v2 .cell-input{width:100%;height:24px;border:none!important;background:#0b0e14!important;color:#fff!important;padding:0 .5rem;font-size:11px;display:flex;align-items:center;outline:none!important;line-height:normal}.admin-portal-v2 .cell-input:focus{background:#1e293b!important}.admin-portal-v2 tr:hover td,.admin-portal-v2 tr:hover .cell-input{background:#1e293b!important}.admin-portal-v2 tr.selected td,.admin-portal-v2 tr.selected .cell-input{background:#312e81!important;font-weight:700!important}.admin-portal-v2 .admin-form-view{padding:1.25rem;max-width:900px;margin:0;background:#0b0e14;color:#fff}.admin-portal-v2 .form-field{display:flex;flex-direction:column;gap:.3rem;margin-bottom:1rem}.admin-portal-v2 .field-label{font-size:.75rem;font-weight:800;color:#818cf8;text-transform:uppercase;letter-spacing:.1em}.admin-portal-v2 .field-input{width:100%;padding:.5rem .75rem;background:#111827;border:2px solid #374151;border-radius:4px;color:#fff;font-size:.9rem}.admin-portal-v2 .field-input:focus,.admin-portal-v2 .field-textarea:focus,.admin-portal-v2 .field-select:focus{outline:none;border-color:#6366f1;background:#1e293b}.admin-portal-v2 .field-select{width:100%;padding:.5rem .75rem;background:#111827;border:2px solid #374151;border-radius:4px;color:#fff;font-size:.9rem;cursor:pointer}.admin-portal-v2 .field-textarea{width:100%;padding:.5rem .75rem;background:#111827;border:2px solid #374151;border-radius:4px;color:#fff;font-size:.85rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;resize:vertical;min-height:100px;line-height:1.4}.admin-portal-v2 .json-field{grid-column:1 / -1}.admin-portal-v2 .entity-form h3{font-size:1.1rem;margin-bottom:1rem}.admin-portal-v2 .form-actions{margin-top:1.5rem;display:flex;gap:.75rem}.admin-chat-view-container{padding:20px;background-color:#1e1e1e;color:#d4d4d4;font-family:Consolas,Monaco,Courier New,monospace;height:100%;overflow-y:auto;border-radius:4px;box-shadow:inset 0 0 10px #00000080}.admin-chat-view{display:flex;flex-direction:column;gap:4px}.irc-line{display:flex;align-items:flex-start;line-height:1.4;word-break:break-word}.irc-timestamp{color:#888;margin-right:8px;flex-shrink:0;font-size:.9em}.irc-role{font-weight:700;margin-right:4px;flex-shrink:0}.irc-role.role-user{color:#4ec9b0}.irc-role.role-assistant{color:#ce9178}.irc-role.role-system{color:#569cd6}.irc-role.role-unknown{color:#d4d4d4}.irc-separator{color:#666;margin-right:8px}.irc-message{white-space:pre-wrap;flex:1}.irc-empty{color:#666;font-style:italic;padding:20px;text-align:center}.admin-portal-v2 .admin-data-panel{display:flex;flex-direction:column;height:100%;width:100%;background:#0b0e14!important;box-shadow:none!important;margin:0!important;padding:0!important}.admin-portal-v2 .data-view-container{flex:1;overflow:hidden;position:relative;background:#0b0e14!important;width:100%;height:100%}.admin-portal-v2 .loading-area,.admin-portal-v2 .error-area{display:flex;justify-content:center;align-items:center;height:100%;color:#fff;font-size:1.1rem;background:#0b0e14}.admin-portal-v2 .visual-view{padding:var(--space-xl);background:var(--admin-content-bg)!important;color:var(--color-text-primary);font-family:var(--font-primary);height:100%;overflow-y:auto}.admin-portal-v2 .visual-header{margin-bottom:var(--space-xl);border-bottom:2px solid var(--color-border-weak);padding-bottom:var(--space-lg)}.admin-portal-v2 .visual-header h3{margin:0 0 var(--space-sm) 0;color:var(--color-text-primary);font-size:1.5rem;font-weight:700}.admin-portal-v2 .visual-header p{margin:0;color:var(--color-text-tertiary);font-size:.95rem}.admin-portal-v2 .tour-step-card,.admin-portal-v2 .customization-card,.admin-portal-v2 .broadcast-editor-card,.admin-portal-v2 .history-item{background:var(--admin-card-bg)!important;border:var(--admin-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:transform .2s,border-color .2s}.admin-portal-v2 .tour-step-card:hover,.admin-portal-v2 .customization-card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.admin-portal-v2 .tour-steps-list{display:flex;flex-direction:column;gap:var(--space-lg)}.admin-portal-v2 .tour-step-card{padding:var(--space-lg);display:flex;gap:var(--space-lg);align-items:flex-start}.admin-portal-v2 .step-order-badge{background:var(--color-primary);color:#fff;width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:800;flex-shrink:0;font-size:1.1rem}.admin-portal-v2 .step-content{flex:1;display:grid;gap:var(--space-md)}.admin-portal-v2 .customization-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-lg)}.admin-portal-v2 .card-header{padding:var(--space-sm) var(--space-md);background:var(--color-surface-bg);border-bottom:1px solid var(--color-border-weak);color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:.8rem}.admin-portal-v2 .preview-area{height:180px;background:var(--color-body-bg);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;border-radius:var(--radius-md)}.admin-portal-v2 .preview-mascot img{max-height:140px;width:auto;object-fit:contain;filter:drop-shadow(0 4px 12px var(--color-primary-soft))}.admin-portal-v2 .placeholder{color:var(--color-text-tertiary);font-style:italic;font-size:.9rem}.admin-portal-v2 .card-form{padding:var(--space-lg);display:grid;gap:var(--space-md)}.admin-portal-v2 .broadcast-editor-card{padding:var(--space-lg);margin-bottom:var(--space-xl)}.admin-portal-v2 .editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.admin-portal-v2 .markdown-editor{font-family:var(--font-mono);background:var(--color-surface-input)!important}.admin-portal-v2 .preview-box{margin-top:var(--space-lg);padding:var(--space-lg);background:var(--color-surface-bg);border:1px dashed var(--color-border);border-radius:var(--radius-md)}.admin-portal-v2 .message-preview-container{color:var(--color-text-primary);margin-top:var(--space-sm);line-height:1.6}.admin-portal-v2 .history-item{margin-bottom:var(--space-md);padding:var(--space-md)}.admin-portal-v2 .status-badge{padding:4px 8px;border-radius:var(--radius-sm);font-weight:700}.admin-portal-v2 .status-badge.sent{background:var(--color-success-soft);color:var(--color-success)}.admin-portal-v2 .status-badge.draft{background:var(--color-surface-bg);color:var(--color-text-tertiary)}.admin-portal-v2 .form-group label{color:var(--color-text-secondary);font-size:.85rem;margin-bottom:var(--space-xs);display:block;font-weight:600}.admin-portal-v2 .form-group input,.admin-portal-v2 .form-group select,.admin-portal-v2 .form-group textarea{background:var(--color-surface-input)!important;border:var(--admin-border)!important;color:var(--color-text-primary)!important;padding:10px 14px;border-radius:var(--radius-md);width:100%;outline:none!important;transition:border-color .2s,box-shadow .2s}.admin-portal-v2 .form-group input:focus,.admin-portal-v2 .form-group select:focus,.admin-portal-v2 .form-group textarea:focus{border-color:var(--color-primary)!important;box-shadow:0 0 0 2px var(--color-primary-soft)}.admin-portal-v2 select option{background:var(--color-surface-card);color:var(--color-text-primary)}.admin-portal-v2 .color-input-wrapper{display:flex;align-items:center;gap:var(--space-md);background:var(--color-surface-input);padding:6px;border-radius:var(--radius-md);border:var(--admin-border)}.admin-portal-v2 input[type=color]{width:40px;height:40px;padding:0;border:none!important;background:transparent!important;cursor:pointer}.admin-portal-v2 .moderation-list{display:flex;flex-direction:column;gap:var(--space-md)}.admin-portal-v2 .moderation-card{background:var(--admin-card-bg);padding:var(--space-lg);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-md);border:var(--admin-border)}.admin-portal-v2 .card-content-top{display:flex;justify-content:space-between;font-size:.8rem;color:var(--color-text-tertiary)}.admin-portal-v2 .topic-badge{background:var(--color-surface-bg);padding:2px 8px;border-radius:var(--radius-sm);color:var(--color-text-secondary)}.admin-portal-v2 .item-body h4{margin:0 0 var(--space-sm) 0;color:var(--color-text-primary)}.admin-portal-v2 .item-text{color:var(--color-text-secondary);font-size:.95rem;line-height:1.5}.admin-portal-v2 .visual-modal-overlay{position:fixed;inset:0;background:var(--color-overlay);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000}.admin-portal-v2 .visual-modal-content{background:var(--color-surface-card);border:var(--admin-border);border-radius:var(--radius-lg);padding:var(--space-xl);width:600px;max-width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);color:var(--color-text-primary);animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.admin-portal-v2 .visual-modal-header{margin-bottom:var(--space-lg);border-bottom:2px solid var(--color-border-weak);padding-bottom:var(--space-md)}.admin-portal-v2 .visual-modal-header h3{margin:0;font-size:1.5rem;font-weight:700}.admin-portal-v2 .visual-modal-actions{display:flex;justify-content:flex-end;gap:var(--space-md);margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:2px solid var(--color-border-weak)}.admin-portal-v2 .btn-secondary{background:transparent;border:var(--admin-border);color:var(--color-text-secondary);padding:8px 16px;border-radius:var(--radius-sm);cursor:pointer;font-weight:600;transition:all .2s}.admin-portal-v2 .btn-secondary:hover{border-color:var(--color-text-tertiary);color:var(--color-text-primary);background:var(--color-surface-bg)}.admin-portal-v2 .btn-primary{background:var(--color-primary);border:1px solid var(--color-primary-strong);color:#fff;padding:8px 16px;border-radius:var(--radius-sm);cursor:pointer;font-weight:600;transition:all .2s}.admin-portal-v2 .btn-primary:hover{background:var(--color-primary-strong);transform:translateY(-1px);box-shadow:var(--shadow-md)}.admin-portal-v2 .form-row{display:flex;gap:var(--space-lg);margin-bottom:var(--space-md)}.admin-portal-v2 .form-col{flex:1}.admin-portal-v2 .item-meta{display:flex;gap:var(--space-md);font-size:.85rem;color:var(--color-text-tertiary);margin-top:var(--space-sm)}.admin-portal-v2 .moderation-actions{display:flex;gap:var(--space-md);margin-top:var(--space-md);padding-top:var(--space-md);border-top:2px solid var(--color-border-weak)}.admin-portal-v2 .action-btn{padding:6px 12px;border-radius:var(--radius-sm);border:none;font-weight:600;cursor:pointer;font-size:.85rem;transition:opacity .2s}.admin-portal-v2 .action-btn.danger{background:var(--color-error);color:#fff}.admin-portal-v2 .action-btn.success{background:var(--color-success);color:#fff}.admin-portal-v2 .action-btn.active{background:var(--color-primary);color:#fff}.admin-portal-v2 .metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.admin-portal-v2 .metric-card{background:var(--admin-card-bg);padding:var(--space-xl);border-radius:var(--radius-lg);text-align:center;border:var(--admin-border)}.admin-portal-v2 .metric-card .label{display:block;color:var(--color-text-tertiary);font-size:.85rem;margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.05em}.admin-portal-v2 .metric-card .value{display:block;color:var(--color-text-primary);font-size:2rem;font-weight:800}.admin-portal-v2 .funnel-container{background:var(--color-surface-bg);padding:var(--space-xl);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);border:var(--admin-border)}.admin-portal-v2 .funnel-viz{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);margin-top:var(--space-lg)}.admin-portal-v2 .funnel-step{background:var(--color-primary-soft);border:1px solid var(--color-primary);color:var(--color-primary);padding:12px;text-align:center;border-radius:var(--radius-sm);font-weight:600;min-width:100px;transition:width .5s ease-out}.admin-portal-v2 .analytics-table{width:100%;border-collapse:collapse;margin-top:var(--space-lg)}.admin-portal-v2 .analytics-table th{text-align:left;padding:var(--space-md);border-bottom:2px solid var(--color-border-weak);color:var(--color-text-tertiary);font-size:.8rem;text-transform:uppercase}.admin-portal-v2 .analytics-table td{padding:var(--space-md);border-bottom:1px solid var(--color-border-weak);color:var(--color-text-secondary)}.admin-portal-v2 .status-pill{padding:2px 8px;border-radius:var(--radius-full);font-size:.75rem;font-weight:700}.admin-portal-v2 .status-pill.active{background:var(--color-success-soft);color:var(--color-success)}.admin-portal-v2 .status-pill.inactive{background:var(--color-surface-bg);color:var(--color-text-tertiary)}.admin-portal-v2 .skill-ranking{display:flex;flex-direction:column;gap:var(--space-lg);margin-top:var(--space-lg)}.admin-portal-v2 .ranking-item{display:flex;align-items:center;gap:var(--space-lg)}.admin-portal-v2 .ranking-item span:first-child{width:150px;font-size:.9rem}.admin-portal-v2 .bar-bg{flex:1;height:12px;background:var(--color-surface-bg);border-radius:var(--radius-full);overflow:hidden;border:var(--admin-border)}.admin-portal-v2 .bar-fill{height:100%;background:var(--color-primary);border-radius:var(--radius-full)}.broadcast-visual .smart-presets{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);margin-top:var(--space-sm);padding:var(--space-sm);background:var(--color-primary-soft);border-radius:var(--radius-md);border:1px dashed var(--color-primary)}.broadcast-visual .preset-label{font-size:.75rem;font-weight:800;color:var(--color-primary);text-transform:uppercase;margin-right:4px}.broadcast-visual .smart-presets button{background:var(--color-surface-bg);border:var(--admin-border);color:var(--color-text-secondary);padding:6px 12px;border-radius:var(--radius-sm);font-size:.75rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.broadcast-visual .smart-presets button:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.broadcast-visual .json-editor-area{font-family:var(--font-mono);font-size:.85rem;line-height:1.5;tab-size:2;min-height:100px}.broadcast-visual .input-error{border-color:var(--color-error)!important;background:var(--color-error-soft)!important;box-shadow:0 0 0 2px #ef44441a}.broadcast-visual .error-hint{color:var(--color-error);font-size:.75rem;font-weight:700;margin-left:var(--space-sm)}.anim-fade-in{animation:fadeIn .4s cubic-bezier(.4,0,.2,1)}.history-item-v2{background:var(--admin-card-bg);border:var(--admin-border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg);transition:all .3s ease;cursor:default}.history-item-v2:hover{box-shadow:var(--shadow-lg);border-color:var(--color-text-tertiary);background:var(--color-surface-hover)}.history-item-v2 .header-row{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.status-tag{padding:5px 12px;border-radius:var(--radius-full);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.status-active{background:var(--color-success-soft);color:var(--color-success);border:1px solid var(--color-success)}.status-pending{background:var(--color-warning-soft);color:var(--color-warning);border:1px solid var(--color-warning)}.status-expired{background:var(--color-error-soft);color:var(--color-error);border:1px solid var(--color-error)}.status-sent{background:var(--color-info-soft);color:var(--color-info);border:1px solid var(--color-info)}.id-tag,.trigger-tag{font-family:var(--font-mono);font-size:.7rem;color:var(--color-text-tertiary);background:var(--color-surface-bg);padding:3px 8px;border-radius:var(--radius-sm);border:var(--admin-border)}.item-content{color:var(--color-text-primary);margin:var(--space-md) 0;line-height:1.6;font-size:.95rem}.item-meta{display:flex;flex-wrap:wrap;gap:var(--space-md);font-size:.8rem;color:var(--color-text-tertiary);margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:2px solid var(--color-border-weak)}.item-meta code{background:var(--color-surface-bg);padding:2px 6px;border-radius:var(--radius-sm);color:var(--color-primary);border:1px solid var(--color-primary-soft)}.message-preview-bubble-container{display:flex;gap:var(--space-lg);align-items:flex-start;background:var(--color-body-bg);padding:var(--space-xl);border-radius:var(--radius-lg);border:var(--admin-border)}.bot-avatar{font-size:1.4rem;background:linear-gradient(135deg,var(--color-primary),#a855f7);width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px #6366f14d}.message-preview-bubble-container .bubble{background:var(--admin-card-bg);padding:var(--space-lg);border-radius:4px var(--radius-lg) var(--radius-lg) var(--radius-lg);max-width:85%;border:var(--admin-border);position:relative;box-shadow:var(--shadow-md)}.message-preview-bubble-container .bot-name{display:block;font-weight:800;font-size:.75rem;color:var(--color-primary);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.05em}.message-preview-bubble-container .content{font-size:.9rem;color:var(--color-text-primary);line-height:1.5}.gem-toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.gem-toast{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:12px 20px;display:flex;align-items:center;gap:15px;box-shadow:0 8px 32px #1f268726;border:1px solid rgba(255,255,255,.18);min-width:280px;animation:slideIn .5s cubic-bezier(.175,.885,.32,1.275) forwards,fadeOut .5s ease-in 3.5s forwards;transform-origin:right center}.gem-icon-wrapper{background:linear-gradient(135deg,gold,orange);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #ffd70066;animation:bounce .6s infinite alternate ease-in-out}.gem-icon{font-size:20px}.gem-info{display:flex;flex-direction:column}.gem-amount{font-weight:800;font-size:1.2rem;color:#daa520;background:linear-gradient(to right,#daa520,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.gem-desc{font-size:.85rem;color:#666;font-weight:500}@keyframes slideIn{0%{opacity:0;transform:translate(100px) scale(.8)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-3px)}}.feedback-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease}.feedback-modal-content{background:#fff;padding:30px;border-radius:20px;width:90%;max-width:500px;box-shadow:0 10px 40px #0003;position:relative;animation:slideUp .3s ease;border:1px solid rgba(255,255,255,.2)}.feedback-close-btn{position:absolute;top:15px;right:15px;background:none;border:none;font-size:24px;color:#888;cursor:pointer;transition:color .2s;line-height:1}.feedback-close-btn:hover{color:#333}.feedback-step-title{font-size:1.5rem;font-weight:700;text-align:center;margin-bottom:20px;color:#333}.feedback-emojis-grid{display:flex;justify-content:center;gap:15px;margin-bottom:20px}.feedback-emoji-btn{font-size:2.5rem;background:#f8f9fa;border:2px solid transparent;border-radius:15px;width:70px;height:70px;cursor:pointer;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex;justify-content:center;align-items:center}.feedback-emoji-btn:hover{transform:scale(1.1) translateY(-5px);background:#fff;box-shadow:0 5px 15px #0000001a}.feedback-emoji-btn.selected{background:#eef2ff;border-color:#6366f1;transform:scale(1.1)}.feedback-form-container{animation:fadeIn .3s ease}.feedback-textarea{width:100%;min-height:120px;padding:15px;border-radius:12px;border:1px solid #e2e8f0;margin-bottom:20px;font-family:inherit;resize:vertical;transition:border-color .2s}.feedback-textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.feedback-actions{display:flex;justify-content:flex-end;gap:10px}.feedback-btn-back{padding:10px 20px;border-radius:10px;border:none;background:#f1f5f9;color:#64748b;font-weight:600;cursor:pointer;transition:background .2s}.feedback-btn-back:hover{background:#e2e8f0}.feedback-btn-submit{padding:10px 25px;border-radius:10px;border:none;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #4f46e54d}.feedback-btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 15px #4f46e566}.feedback-btn-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.feedback-success-message{text-align:center;padding:30px;animation:fadeIn .3s ease}.feedback-success-icon{font-size:3rem;margin-bottom:15px;display:block;animation:bounce .6s cubic-bezier(.175,.885,.32,1.275)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.social-planner{padding:2rem;color:#fff;min-height:80vh}.planner-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.planner-header h1{font-size:2.5rem;margin:0;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.header-controls{display:flex;gap:1rem;align-items:center}.weekly-selector{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.6rem 1rem;border-radius:12px;outline:none;cursor:pointer;transition:all .3s ease}.weekly-selector:hover{background:#ffffff1a;border-color:#6366f1}.planner-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;text-align:center;border:2px dashed rgba(255,255,255,.1);border-radius:20px;margin-top:2rem}.planner-empty-state h2{font-size:1.8rem;color:#a5b4fc;margin-bottom:1rem}.planner-empty-state p{color:#94a3b8;max-width:500px;margin-bottom:2rem}.active-plan-container{animation:fadeIn .5s ease-out}.plan-strategy-card{background:#6366f11a;border:1px solid rgba(99,102,241,.3);border-radius:16px;padding:1.5rem;margin-bottom:2.5rem;display:flex;justify-content:space-between;align-items:center}.strategy-info h3{font-size:1.4rem;margin-bottom:.5rem;color:#c7d2fe}.strategy-info .theme{font-size:1.1rem;font-weight:500}.strategy-info .mode-tag{display:inline-block;padding:.2rem .6rem;background:#8b5cf633;color:#a78bfa;border-radius:6px;font-size:.8rem;margin-left:1rem;vertical-align:middle}.planner-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.planner-item-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;height:100%;transition:transform .3s ease,border-color .3s ease;position:relative;overflow:hidden}.planner-item-card:hover{transform:translateY(-5px);border-color:#6366f180;background:#ffffff0d}.item-day{font-weight:700;color:#6366f1;margin-bottom:.5rem;text-transform:uppercase;font-size:.85rem;letter-spacing:1px}.item-pilar{font-size:.75rem;background:#ffffff14;padding:.2rem .5rem;border-radius:4px;color:#94a3b8;margin-bottom:1rem;display:inline-block}.item-topic{font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:#f1f5f9;line-height:1.4}.item-angle{font-size:.9rem;color:#94a3b8;margin-bottom:1.5rem;flex-grow:1;font-style:italic}.item-footer{border-top:1px solid rgba(255,255,255,.05);padding-top:1rem;display:flex;justify-content:space-between;align-items:center}.item-platform{font-size:.85rem;color:#cbd5e1}.gen-post-btn{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;padding:.5rem 1rem;border-radius:10px;font-weight:600;cursor:pointer;font-size:.85rem;transition:all .3s ease}.gen-post-btn:hover:not(:disabled){box-shadow:0 4px 12px #6366f166;transform:scale(1.02)}.gen-post-btn:disabled{opacity:.5;cursor:not-allowed;background:#475569}.item-status-pill{padding:.3rem .8rem;border-radius:20px;font-size:.75rem;font-weight:600}.status-planned{background:#1e293b80;color:#94a3b8;border:1px solid #475569}.status-generated{background:#10b98133;color:#10b981;border:1px solid #10b981}.planner-modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000}.planner-modal{width:100%;max-width:500px;background:#0f172a;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:2.5rem;box-shadow:0 25px 50px -12px #00000080}.planner-modal h2{font-size:1.8rem;margin-bottom:.5rem}.planner-modal p{color:#94a3b8;margin-bottom:2rem}.form-group label{display:block;margin-bottom:.5rem;color:#cbd5e1;font-weight:500}.form-select{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.8rem;border-radius:12px;outline:none;transition:all .3s ease}.form-select:focus{border-color:#6366f1;background:#ffffff1a}.topic-source-options{display:flex;flex-direction:column;gap:.8rem;margin-top:.5rem}.source-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#94a3b8;padding:.8rem 1rem;border-radius:12px;cursor:pointer;text-align:left;transition:all .3s ease;font-size:.9rem}.source-btn:hover{background:#ffffff1a;border-color:#6366f14d;color:#fff}.source-btn.active{background:#6366f11a;border-color:#6366f1;color:#fff;font-weight:600}.custom-topic-input-area{margin-top:1rem}.custom-topic-textarea{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:1rem;border-radius:12px;outline:none;resize:none;font-family:inherit;font-size:.95rem;transition:all .3s ease}.custom-topic-textarea:focus{border-color:#8b5cf6;background:#ffffff1a;box-shadow:0 0 15px #8b5cf633}.slide-in{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modal-footer{display:flex;gap:1rem;margin-top:2rem}.secondary-btn{flex:1;background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.8rem;border-radius:12px;cursor:pointer;transition:all .3s ease}.secondary-btn:hover{background:#ffffff0d}.primary-btn{flex:2;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff;padding:.8rem;border-radius:12px;font-weight:700;cursor:pointer;transition:all .3s ease}.primary-btn:hover:not(:disabled){box-shadow:0 10px 15px -3px #6366f166;transform:translateY(-2px)}.debug-panel{margin-bottom:2rem;padding:1.5rem;background:#00f3ff08;border:1px solid rgba(0,243,255,.2);border-radius:16px;animation:slideDown .4s ease-out}.debug-panel h3{color:#00f3ff;margin-bottom:1.2rem;font-size:1.1rem;display:flex;align-items:center;gap:.5rem}.debug-content{display:grid;grid-template-columns:1fr 2fr 1fr;gap:2rem}.debug-section h4{font-size:.8rem;color:#ffffff80;margin-bottom:.8rem;text-transform:uppercase;letter-spacing:.1em}.debug-section p,.debug-section li{font-size:.9rem;line-height:1.5;color:#ffffffd9}.debug-section ul{padding-left:1.2rem;margin:0}.platform-selector{display:flex;gap:1rem;margin:2rem 0;flex-wrap:wrap;justify-content:center}.platform-chip{padding:.7rem 1.5rem;border-radius:50px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:500;color:#ffffffb3}.platform-chip:hover{background:#ffffff1a;border-color:#00f3ff4d;color:#fff}.platform-chip.active{background:linear-gradient(135deg,#00f3ff,#07f);color:#000;font-weight:700;border-color:transparent;box-shadow:0 0 20px #00f3ff4d}.item-reasoning{margin-top:1.2rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.05);font-size:.85rem;color:#94a3b8;line-height:1.4}.item-reasoning p{margin:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.debug-content{grid-template-columns:1fr;gap:1.5rem}}@media(max-width:768px){.planner-header{flex-direction:column;align-items:flex-start;gap:1rem}.planner-grid{grid-template-columns:1fr}}.delete-plan-btn{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444;padding:.6rem;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.delete-plan-btn:hover{background:#ef4444;color:#fff;box-shadow:0 0 15px #ef444466}.item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.item-delete-btn{background:transparent;border:none;color:#ffffff4d;font-size:1.5rem;line-height:1;padding:0 .5rem;cursor:pointer;transition:all .2s ease;margin-top:-.5rem;margin-right:-.5rem}.item-delete-btn:hover{color:#ef4444;transform:scale(1.2)}.planner-item-card:hover .item-delete-btn{color:#fff9}.planner-item-card:hover .item-delete-btn:hover{color:#ef4444}.performance-insight-panel{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid rgba(99,102,241,.3);padding:1.5rem;border-radius:20px;margin-bottom:2rem;position:relative;overflow:hidden}.insight-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.insight-title-area h3{font-size:1.2rem;color:#fff;margin:0}.insight-date{font-size:.8rem;color:#94a3b8;margin:.2rem 0 0}.refresh-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#a5b4fc;padding:.4rem 1rem;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease}.refresh-btn:hover:not(:disabled){background:#6366f133;border-color:#6366f1;color:#fff}.insight-body{display:flex;flex-direction:column;gap:1rem}.insight-summary p{font-size:.95rem;line-height:1.6;color:#cbd5e1;margin:0}.insight-pills{display:flex;flex-wrap:wrap;gap:.8rem}.insight-pill{padding:.3rem .8rem;border-radius:50px;font-size:.8rem;font-weight:500}.insight-pill.positive{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.insight-pill.negative{background:#f59e0b1a;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.smm-dashboard{padding:var(--space-xl);color:var(--color-text-primary);animation:fadeIn .5s ease-out}.smm-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl)}.header-title h1{font-size:3rem;font-weight:800;background:linear-gradient(110deg,#fff,#b2d9ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--space-xs);letter-spacing:-1px}.subtitle{color:#8da4be;font-size:1.1rem;font-weight:500}.neon-btn{background:#06b6d41a;border:1px solid #06b6d4;color:#06b6d4;padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);font-weight:600;transition:all .3s ease;box-shadow:0 0 15px #06b6d433}.neon-btn:hover{background:#06b6d4;color:#fff;box-shadow:0 0 25px #06b6d480;transform:translateY(-2px)}.smm-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.stat-card{display:flex;align-items:center;gap:var(--space-md);padding:2rem;border:1px solid #222a33;border-radius:24px;background:#11161b;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 10px 30px -10px #00000080}.stat-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px -15px #000000b3;border-color:var(--accent)}.stat-icon{font-size:2.2rem;background:#ffffff0d;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:16px;color:var(--accent)}.stat-info h3{font-size:2.2rem;font-weight:700;margin:0;color:#fff}.stat-info p{margin:0;color:var(--color-text-secondary);font-size:.9rem}.stat-card:after{content:"";position:absolute;top:0;right:0;width:30%;height:100%;background:linear-gradient(90deg,transparent,var(--accent));opacity:.05}.smm-filters{display:flex;gap:var(--space-xl);padding:var(--space-lg);margin-bottom:var(--space-lg);align-items:center;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:var(--space-xs)}.filter-group label{font-size:.8rem;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-secondary)}.platform-toggles{display:flex;gap:var(--space-sm)}.platform-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--color-text-secondary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.platform-btn:hover{background:#ffffff1a}.platform-btn.active{background:#8b5cf633;border-color:#8b5cf6;color:#fff}.smm-content{overflow-x:auto;padding:0}.smm-table{width:100%;border-collapse:collapse;text-align:left}.smm-table th{padding:var(--space-lg);background:#ffffff05;color:var(--color-text-secondary);font-weight:500;font-size:.9rem}.smm-table td{padding:var(--space-lg);border-bottom:1px solid rgba(255,255,255,.05)}.status-chip{padding:4px 10px;border-radius:var(--radius-xl);font-size:.75rem;font-weight:600;text-transform:uppercase;border:1px solid}.platform-cell{display:flex;align-items:center;gap:8px}.topic-cell{max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-text-primary)}.details-btn{background:none;border:none;cursor:pointer;font-weight:600;transition:all .2s ease}.details-btn:hover{padding-left:5px;color:#06b6d4}.glass-morphism{background:#11161b;border:1px solid #222a33;border-radius:28px;box-shadow:0 25px 40px -15px #000000b3}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin-top:2rem}.post-card{background:#11161b;border:1px solid #222a33;border-radius:24px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.post-card:hover{border-color:#2f7cf0;transform:translateY(-8px);box-shadow:0 15px 30px #0006}.post-card-header{display:flex;justify-content:space-between;align-items:center}.card-header-right{display:flex;align-items:center;gap:12px}.format-badge{background:#ffffff0d;padding:8px;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #0000004d;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.post-card:hover .format-badge{background:#ffffff1a;transform:scale(1.1)}.platform-badge{padding:8px 16px;background:#1a212a;border:1px solid #2d3846;border-radius:50px;font-size:1.1rem;font-weight:700;display:flex;align-items:center;gap:8px;box-shadow:0 4px 10px #0000004d}.post-card-content{flex:1}.post-copy{font-size:.95rem;line-height:1.6;color:#b2d9ff;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:1rem}.post-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid rgba(255,255,255,.05)}.post-date{font-size:.8rem;color:#8da4be}.action-btn{padding:8px 16px;border-radius:12px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s;background:#2f7cf0;color:#fff;border:none}.action-btn:hover{background:#1e62d0;box-shadow:0 0 15px #2f7cf066}.header-actions{display:flex;align-items:center;gap:var(--space-md)}.view-mode-toggle{display:flex;padding:4px;border-radius:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.view-mode-toggle button{background:none;border:none;color:#8da4be;padding:8px 14px;border-radius:10px;cursor:pointer;font-size:1.1rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.view-mode-toggle button:hover{color:#fff;background:#ffffff0d}.view-mode-toggle button.active{background:#8b5cf6;color:#fff;box-shadow:0 4px 12px #8b5cf64d}.tab-toggle{display:flex;padding:4px;border-radius:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.tab-toggle button{background:none;border:none;color:#8da4be;padding:8px 20px;border-radius:10px;cursor:pointer;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.tab-toggle button:hover{color:#fff;background:#ffffff0d}.tab-toggle button.active{background:#06b6d433;color:#06b6d4;border:1px solid #06b6d4;box-shadow:0 4px 12px #06b6d433}.kanban-board{display:flex;gap:1.5rem;overflow-x:auto;padding-bottom:2rem;min-height:65vh;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.kanban-column{min-width:320px;max-width:320px;background:#11161b66;border-radius:24px;display:flex;flex-direction:column;gap:1.2rem;border:1px solid rgba(255,255,255,.03)}.column-header{padding:1.2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--col-accent);background:linear-gradient(to bottom,rgba(255,255,255,.02),transparent);border-radius:24px 24px 0 0}.column-header h3{font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#fff;margin:0}.column-header .count{background:#ffffff0d;padding:2px 10px;border-radius:10px;font-size:.8rem;color:#8da4be;font-weight:600}.column-refresh-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-left:12px;box-shadow:0 4px 12px #0003}.column-refresh-btn:hover{background:#6366f1;color:#fff;border-color:#8183f4;transform:rotate(30deg) translateY(-2px);box-shadow:0 0 15px #6366f166}.column-refresh-btn.syncing{background:#6366f1;color:#fff;cursor:not-allowed}.column-refresh-btn.syncing svg{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.column-content{padding:1rem;display:flex;flex-direction:column;gap:1rem;overflow-y:auto;flex:1}.kanban-card{padding:1.2rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;border-color:#ffffff0d}.kanban-card:hover{transform:scale(1.02);border-color:#8b5cf666;background:#ffffff08}.card-top{display:flex;justify-content:space-between;margin-bottom:.8rem;align-items:center}.card-top-left{display:flex;align-items:center;gap:8px}.format-mini{background:#ffffff0d;padding:2px;border-radius:4px;display:flex;align-items:center;justify-content:center;opacity:.8}.platform-mini{font-size:1.6rem;background:#ffffff0d;padding:4px;border-radius:8px}.date-mini{font-size:.75rem;color:#8da4be}.card-title{font-size:.95rem;margin-bottom:.5rem;color:#fff;font-weight:600}.card-excerpt{font-size:.85rem;color:#b2d9ff;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:.5rem}.card-status-dot{width:8px;height:8px;border-radius:50%;position:absolute;bottom:1.2rem;right:1.2rem;box-shadow:0 0 10px currentColor}.status-filters{display:flex;align-items:center;gap:var(--space-lg)}.status-filters select{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:10px 16px;border-radius:12px;outline:none;cursor:pointer}.discarded-toggle{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.9rem;color:#8da4be;transition:color .2s;-webkit-user-select:none;user-select:none}.discarded-toggle:hover{color:#fff}.discarded-toggle input{appearance:none;width:38px;height:20px;background:#ffffff1a;border-radius:20px;position:relative;cursor:pointer;transition:all .3s;border:1px solid rgba(255,255,255,.1)}.discarded-toggle input:before{content:"";position:absolute;width:14px;height:14px;background:#8da4be;border-radius:50%;top:2px;left:2px;transition:all .3s cubic-bezier(.4,0,.2,1)}.discarded-toggle input:checked{background:#8b5cf644;border-color:#8b5cf6}.discarded-toggle input:checked:before{background:#8b5cf6;left:20px;box-shadow:0 0 8px #8b5cf6}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.propose-modal{max-width:500px;width:90%}.topic-input{width:100%;padding:12px;margin:15px 0;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff;border-radius:8px;font-size:1rem}.topic-input:focus{border-color:#8b5cf6;outline:none;background:#ffffff1a}.platform-selector-modal{margin:20px 0;text-align:left}.platform-selector-modal label{display:block;margin-bottom:8px;font-size:.9rem;color:#94a3b8}.modal-platform-options{display:flex;gap:12px}.opt-btn{flex:1;padding:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.opt-btn:hover{background:#ffffff1a}.opt-btn.active{background:#8b5cf6;border-color:#a78bfa;box-shadow:0 0 15px #8b5cf64d}.transparency-panel{margin-top:2rem;padding:1.5rem;border-radius:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#e0e0e0}.transparency-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.transparency-header h3{margin:0;font-size:1.25rem;color:#00ffd2;text-transform:uppercase;letter-spacing:1px}.source-tag{background:#00ffd21a;color:#00ffd2;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;margin-left:.5rem;border:1px solid rgba(0,255,210,.2)}.transparency-section{margin-bottom:2.5rem}.transparency-section h4{color:#fff;font-size:1.1rem;margin-bottom:.5rem}.section-desc{color:#a0a0a0;font-size:.9rem;margin-bottom:1.5rem}.discovery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.source-card{background:#0003;padding:1rem;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.source-card label{display:block;color:#888;font-size:.75rem;font-weight:700;text-transform:uppercase;margin-bottom:.75rem}.source-card ul{list-style:none;padding:0;margin:0}.source-card li{font-size:.85rem;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05);color:#ccc;line-height:1.4}.source-card li:last-child{border-bottom:none}.source-card li.empty{color:#666;font-style:italic}.metrics-summary pre{font-size:.75rem;color:#00ffd2;background:#0000004d;padding:.5rem;border-radius:4px;max-height:150px;overflow-y:auto}.reasoning-box{padding:1.5rem;background:#ffffff05;border-radius:12px}.ai-thought{font-size:.95rem;line-height:1.6;color:#d0d0d0;white-space:pre-wrap;margin-bottom:1.5rem;padding:1rem;border-left:3px solid #00ffd2;background:#00ffd208}.selected-points label{display:block;font-size:.8rem;color:#888;margin-bottom:.75rem}.pill-container{display:flex;flex-wrap:wrap;gap:.5rem}.strategy-pill{background:#ffffff1a;color:#fff;padding:4px 12px;border-radius:4px;font-size:.8rem}.source-badge-count{display:inline-block;margin-left:.5rem;padding:1px 7px;border-radius:20px;font-size:.7rem;font-weight:700;vertical-align:middle}.source-badge-count.has-results{background:#00ffd233;color:#00ffd2}.source-badge-count.no-results{background:#ffffff12;color:#666}.expand-toggle{font-size:.78rem;color:#00ffd2;margin-left:1rem;opacity:.7;-webkit-user-select:none;user-select:none}.strategy-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.source-link{color:#00ffd2;font-size:.78rem;margin-left:4px;text-decoration:none;opacity:.7}.source-link:hover{opacity:1}.excerpt{margin:4px 0 0;font-size:.8rem;color:#888;line-height:1.4}.proposal-breakdown{display:flex;flex-direction:column;gap:1rem}.proposal-block{background:#0003;border-radius:10px;padding:1rem;border-left:3px solid rgba(0,255,210,.4)}.proposal-block label{display:block;font-size:.72rem;font-weight:700;color:#888;text-transform:uppercase;margin-bottom:.5rem;letter-spacing:.06em}.proposal-block p{margin:0;font-size:.9rem;color:#d0d0d0;line-height:1.55}.proposal-block .guion{margin-top:.4rem;font-size:.82rem;color:#aaa;font-style:italic}.hashtags{color:#00ffd2!important;font-size:.88rem!important}.source-card .empty{color:#666;font-style:italic;font-size:.82rem;margin:0}.social-detail{padding:var(--space-xl);animation:fadeIn .4s ease-out}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl)}.back-link{background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;font-weight:600}.back-link:hover{color:var(--color-primary)}.title-area h1{font-size:2.2rem;font-weight:800;margin:0;background:linear-gradient(110deg,#fff,#b2d9ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-1px}.platform-tag{font-size:.8rem;background:#1a212a;border:1px solid #2d3846;padding:4px 12px;border-radius:50px;color:#b2d9ff;font-weight:600}.status-badge{padding:10px 24px;border-radius:50px;font-weight:700;text-transform:uppercase;font-size:.8rem;letter-spacing:1px;background:#11161b;border:1px solid #222a33;box-shadow:0 4px 12px #00000080}.status-badge[data-status=PENDING_REVIEW]{color:#f59e0b;border-color:#f59e0b4d}.status-badge[data-status=MEDIA_READY]{color:#10b981;border-color:#10b9814d}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);margin-bottom:var(--space-xl)}.section-title{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:1px solid rgba(255,255,255,.05)}.status-label{font-size:.7rem;color:var(--color-text-tertiary)}.content-box{padding:var(--space-lg)}.post-content-preview{width:100%;min-height:200px;background:#0003;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md);color:var(--color-text-primary);padding:var(--space-md);font-family:var(--font-primary);line-height:1.5;resize:vertical;overflow-y:auto;cursor:text;scrollbar-width:thin;scrollbar-color:var(--color-primary) transparent}.scheduled-indicator{display:flex;align-items:center;gap:12px;padding:15px;background:#ffab001a;border-radius:8px;border:1px solid rgba(255,171,0,.3);color:#ffca28;margin-bottom:20px}.spinner-small{width:20px;height:20px;border:2px solid rgba(255,202,40,.3);border-top:2px solid #ffca28;border-radius:50%;animation:spin 1s linear infinite}.published-indicator{display:flex;justify-content:center;margin-top:15px}.view-live-btn{text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:8px;background:#00ffaa26;color:#0fa;text-shadow:0 0 5px rgba(0,255,170,.5);font-weight:600}.view-live-btn:hover{background:#00ffaa40;color:#fff}.char-count{font-size:.8rem;color:var(--color-text-tertiary);text-align:right;margin-top:var(--space-sm)}.feedback-area{padding:var(--space-lg);background:#ffffff05}.feedback-area textarea{width:100%;height:80px;background:var(--color-surface-bg);border:var(--admin-border);border-radius:var(--radius-sm);padding:var(--space-sm);color:var(--color-text-primary);margin-top:var(--space-sm)}.feedback-actions{display:flex;justify-content:space-between;margin-top:var(--space-md)}.discard-btn{color:#ef4444;background:none;border:none;cursor:pointer}.adjust-btn{background:#f59e0b;color:#000;border:none;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-sm);font-weight:700;cursor:pointer}.assets-container{padding:var(--space-lg);display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-md)}.asset-card{position:relative;border-radius:var(--radius-md);overflow:hidden;transition:transform .3s ease}.asset-card:hover{transform:scale(1.02)}.asset-card img{width:100%;display:block;border:1px solid rgba(255,255,255,.1)}.action-panel{padding:var(--space-lg);border-top:1px solid rgba(255,255,255,.05)}.action-row{display:flex;gap:var(--space-md);margin-bottom:var(--space-xl)}.approve-text-btn,.approve-media-btn{flex:1;padding:var(--space-md);border-radius:var(--radius-md);border:1px solid;background:transparent;cursor:pointer;font-weight:700}.approve-text-btn:not(:disabled){border-color:#8b5cf6;color:#8b5cf6}.approve-media-btn:not(:disabled){border-color:#10b981;color:#10b981}.approve-text-btn:disabled,.approve-media-btn:disabled{opacity:.3;cursor:not-allowed}.publish-controls{background:#ffffff08;padding:var(--space-lg);border-radius:var(--radius-md)}.schedule-box{display:flex;gap:var(--space-sm);margin:var(--space-md) 0}.schedule-box input{flex:1}.publish-now-btn{width:100%;margin-top:var(--space-md)}.debug-footer{padding:2.5rem;margin-top:2rem;border:1px solid #222a33;background:#0d1116}.debug-footer h3{margin-top:0;margin-bottom:1.5rem;font-size:1.2rem;color:#8da4be;font-family:Space Mono,monospace;text-transform:uppercase;letter-spacing:2px}.asset-info-overlay{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:4px;z-index:2;pointer-events:none}.slide-num{background:#000000b3;color:#fff;padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:700;width:fit-content;text-transform:uppercase;letter-spacing:1px}.slide-title{background:#00287ccc;color:#d9ffac;padding:4px 8px;border-radius:4px;font-size:.75rem;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-cta-slide{border:2px solid #D9FFAC;box-shadow:0 0 15px #d9ffac4d}.cta-badge{background:#d9ffac;color:#00287c;padding:2px 8px;border-radius:4px;font-size:.65rem;font-weight:800;width:fit-content}.delete-asset-btn{background:#ff3b30cc!important;border:none;color:#fff;padding:5px 10px;border-radius:4px;cursor:pointer;margin-top:8px!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:.75rem;transition:all .2s ease}.delete-asset-btn:hover{background:#ff3b30!important;transform:scale(1.05)}.performance-roi-section{background:linear-gradient(135deg,#10b9810d,#0596690d);border:1px solid rgba(16,185,129,.2);border-radius:20px;padding:2rem;margin-bottom:2rem}.roi-badge{background:#10b98133;color:#10b981;padding:4px 12px;border-radius:50px;font-size:.75rem;font-weight:800;text-transform:uppercase}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;margin:1.5rem 0}.metric-input-group{display:flex;flex-direction:column;gap:.5rem}.metric-input-group label{font-size:.75rem;color:#94a3b8;text-transform:uppercase;font-weight:600}.metric-input-group input{background:#0d1116;border:1px solid #2d3846;color:#fff;padding:.8rem;border-radius:10px;font-size:1rem;outline:none;transition:border-color .3s ease}.metric-input-group input:focus{border-color:#10b981}.derived-metrics-strip{display:flex;gap:2rem;padding:1rem;background:#0003;border-radius:12px;margin-bottom:1.5rem}.derived-item{display:flex;flex-direction:column}.derived-item .label{font-size:.7rem;color:#64748b}.derived-item .value{font-size:1.1rem;font-weight:700;color:#10b981}.metric-input-group.highlight-metric{background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);padding:1rem;border-radius:12px;grid-column:span 2;position:relative;overflow:hidden}.metric-input-group.highlight-metric label{color:#8b5cf6}.metric-input-group.highlight-metric input{border-color:#8b5cf680;background:#111827;font-size:1.2rem;color:#a78bfa}.metric-input-group.highlight-metric input:focus{border-color:#8b5cf6;box-shadow:0 0 10px #8b5cf64d}.metric-source{font-size:.65rem;color:#7c3aed;text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-weight:700}.update-metrics-btn{width:100%}.debug-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;font-size:.9rem}.debug-item strong{display:block;color:#b2d9ff;margin-bottom:.5rem}.debug-item pre{background:#05070a;padding:1.5rem;border:1px solid #1a212a;border-radius:12px;color:#10b981;font-family:Space Mono,monospace;font-size:.8rem;overflow:auto;max-height:250px}@media(max-width:1024px){.detail-grid{grid-template-columns:1fr}}.workflow-steps-v2{display:flex;justify-content:space-between;position:relative;margin-bottom:var(--space-xl);padding:0 var(--space-lg)}.step-item{display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;z-index:2;width:80px}.step-circle{width:36px;height:36px;border-radius:50%;background:#11161b;border:2px solid #2d3846;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--color-text-tertiary);transition:all .4s cubic-bezier(.175,.885,.32,1.275);font-size:.9rem}.step-item.active .step-circle{border-color:#8b5cf6;color:#fff;background:#8b5cf626;box-shadow:0 0 15px #8b5cf666;transform:scale(1.1)}.step-item.completed .step-circle{border-color:#10b981;background:#10b981;color:#000}.step-label{font-size:.8rem;font-weight:600;color:var(--color-text-tertiary);text-align:center}.step-item.active .step-label{color:#8b5cf6}.step-item.completed .step-label{color:#10b981}.progress-line-bg{position:absolute;top:18px;left:40px;right:40px;height:2px;background:#2d3846;z-index:1}.progress-line{position:absolute;top:18px;left:40px;height:2px;background:#10b981;z-index:1;transition:width .6s ease-in-out}.media-generating-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;background:#8b5cf60d;border:1px dashed rgba(139,92,246,.3);border-radius:var(--radius-md);animation:pulseBg 2s infinite ease-in-out}@keyframes pulseBg{0%{background:#8b5cf608}50%{background:#8b5cf614}to{background:#8b5cf608}}.spinner{width:44px;height:44px;border:3px solid rgba(139,92,246,.2);border-radius:50%;border-top-color:#8b5cf6;animation:spin 1s ease-in-out infinite;margin-bottom:1.5rem}@keyframes spin{to{transform:rotate(360deg)}}.media-generating-state p{color:#fff;font-weight:600;margin:0 0 .5rem;font-size:1.1rem}.media-generating-state .sub-text{color:var(--color-text-tertiary);font-size:.85rem}.media-published-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;background:#10b9810d;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-md);box-shadow:inset 0 0 20px #10b9811a}.live-post-icon{font-size:3rem;margin-bottom:1.5rem;filter:drop-shadow(0 0 10px rgba(16,185,129,.5));animation:floating 3s ease-in-out infinite}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.media-published-state h4{color:#10b981;font-size:1.4rem;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:1px}.media-published-state p{color:var(--color-text-tertiary);font-size:.95rem;max-width:300px;margin:0}.manual-production-state{grid-column:1 / -1;display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-xl);background:#ffab0008;border:1px solid rgba(255,171,0,.2);border-radius:var(--radius-md)}.production-header{display:flex;align-items:center;gap:var(--space-md)}.production-header .status-icon{font-size:2.5rem}.production-header h4{margin:0;color:#ffab00;font-size:1.2rem}.production-header p{margin:4px 0 0;color:var(--color-text-tertiary);font-size:.9rem}.video-script-box{padding:var(--space-lg);background:#0000004d;border-radius:var(--radius-sm)}.video-script-box h5{margin:0 0 var(--space-md) 0;color:#ffca28;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.script-content{font-family:Space Mono,monospace;font-size:.85rem;color:#e2e8f0;white-space:pre-wrap;background:#0d1116;padding:var(--space-md);border-radius:var(--radius-sm);max-height:250px;overflow-y:auto}.ingest-box{border-top:1px solid rgba(255,171,0,.1);padding-top:var(--space-lg)}.ingest-box label{display:block;font-size:.8rem;font-weight:700;margin-bottom:var(--space-sm);color:var(--color-text-secondary)}.ingest-input-group{display:flex;gap:var(--space-md)}.ingest-input-group input{flex:1;background:#0006;border:1px solid rgba(255,171,0,.3);border-radius:var(--radius-sm);padding:0 var(--space-md);color:#fff}.ingest-btn{background:#ffab00!important;color:#000!important;white-space:nowrap}.helper-text{display:block;margin-top:var(--space-sm);font-size:.75rem;color:var(--color-text-tertiary);font-style:italic}.lineage-trail{display:flex;align-items:center;gap:8px;margin-top:12px}.lineage-item{font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:4px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--color-text-tertiary);cursor:pointer;transition:all .2s}.lineage-item.active{background:#8b5cf633;border-color:#8b5cf6;color:#fff;cursor:default}.lineage-item.source:hover,.lineage-item.variant:hover{background:#ffffff1a;color:#fff}.lineage-sep{color:#fff3;font-size:.8rem}.variants-dropdown{display:flex;align-items:center;gap:8px}.variants-list{display:flex;gap:6px}.adapt-modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.adapt-modal-content{width:100%;max-width:500px;background:#0d1116;border:1px solid #2d3846;border-radius:20px;padding:2.5rem;box-shadow:0 25px 50px -12px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-header h3{margin:0;font-size:1.5rem;background:linear-gradient(90deg,#fff,#8b5cf6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.close-modal{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;line-height:1;opacity:.5}.close-modal:hover{opacity:1}.modal-desc{color:var(--color-text-tertiary);font-size:.9rem;line-height:1.6;margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.8rem;font-weight:700;color:var(--color-text-secondary);margin-bottom:.8rem;text-transform:uppercase;letter-spacing:1px}.platform-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.platform-btn{background:#1a212a;border:1px solid #2d3846;color:var(--color-text-secondary);padding:12px;border-radius:10px;cursor:pointer;font-weight:600;transition:all .2s}.platform-btn.active{background:#8b5cf61a;border-color:#8b5cf6;color:#fff;box-shadow:0 0 15px #8b5cf633}.platform-btn:disabled{opacity:.2;cursor:not-allowed}.form-group textarea{width:100%;height:100px;background:#05070a;border:1px solid #2d3846;border-radius:12px;padding:1rem;color:#fff;resize:none}.form-check{display:flex;align-items:center;gap:10px;margin-bottom:2rem}.form-check label{font-size:.85rem;color:var(--color-text-tertiary);cursor:pointer}.modal-footer{display:flex;gap:12px}.cancel-btn{flex:1;background:transparent;border:1px solid #2d3846;color:#fff;padding:14px;border-radius:12px;font-weight:600;cursor:pointer}.confirm-adapt-btn{flex:2;padding:14px}.header-left{display:flex;flex-direction:column;gap:4px}.header-right{display:flex;align-items:center;gap:var(--space-md)}.title-badges{display:flex;gap:8px;margin-top:4px}.variant-tag{font-size:.7rem;background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);padding:2px 8px;border-radius:4px;color:#a78bfa;font-weight:700}.revert-status-btn{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);color:#f59e0b;padding:10px 16px;border-radius:12px;font-weight:700;font-size:.85rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.revert-status-btn:hover:not(:disabled){background:#f59e0b33;border-color:#f59e0b;transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b33}.revert-status-btn:disabled{opacity:.3;cursor:not-allowed;filter:grayscale(1)}.slide-refinement-panel{background:#0d1117;border:1px solid #30363d;border-radius:12px;padding:1.5rem;margin-top:1.5rem;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.refinement-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #30363d}.refinement-header h4{margin:0;color:#58a6ff;font-size:1.1rem;text-transform:uppercase;letter-spacing:1px}.close-panel{background:none;border:none;color:#8b949e;font-size:1.5rem;cursor:pointer;line-height:1}.close-panel:hover{color:#fff}.refinement-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.refinement-group{display:flex;flex-direction:column;gap:.8rem}.refinement-group label{font-size:.8rem;color:#8b949e;font-weight:600;text-transform:uppercase}.refinement-group input,.refinement-group textarea{background:#161b22;border:1px solid #30363d;border-radius:6px;padding:.8rem;color:#c9d1d9;font-size:.9rem;outline:none;transition:border-color .2s}.refinement-group input:focus,.refinement-group textarea:focus{border-color:#58a6ff}.refinement-group textarea{min-height:100px;resize:vertical}.refine-ai-btn{background:linear-gradient(135deg,#1f6feb,#388bfd);color:#fff;border:none;padding:.8rem;border-radius:6px;font-weight:700;cursor:pointer;margin-top:.5rem}.render-manual-btn{background:#238636;color:#fff;border:none;padding:.8rem;border-radius:6px;font-weight:700;cursor:pointer;margin-top:.5rem}.refine-ai-btn:disabled,.render-manual-btn:disabled{opacity:.5;cursor:not-allowed}.edit-indicator{font-size:.65rem;font-weight:600;color:#58a6ff;background:#58a6ff1a;padding:2px 6px;border-radius:4px;margin-top:4px;pointer-events:auto;cursor:pointer}.edit-indicator:hover{background:#58a6ff33}.ds-switch-container{display:inline-flex;align-items:center;gap:.75rem;cursor:pointer}.ds-switch{position:relative;width:3rem;height:1.625rem;display:inline-block}.ds-switch-input{opacity:0;width:0;height:0}.ds-switch-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--color-surface-dim, #cbd5e1);transition:.3s cubic-bezier(.4,0,.2,1);border-radius:999px;border:1px solid transparent}.ds-switch-slider:before{position:absolute;content:"";height:1.25rem;width:1.25rem;left:.1875rem;bottom:.125rem;background-color:#fff;transition:.3s cubic-bezier(.4,0,.2,1);border-radius:50%;box-shadow:0 1px 3px #0000001a}.ds-switch-input:checked+.ds-switch-slider{background-color:var(--color-primary, #4f46e5)}.ds-switch-input:checked+.ds-switch-slider:before{transform:translate(1.375rem)}.ds-switch-input:focus-visible+.ds-switch-slider{box-shadow:0 0 0 3px var(--color-primary-soft, rgba(79, 70, 229, .3))}.ds-switch--disabled{cursor:not-allowed;opacity:.5}.ds-switch-label{font-size:.9375rem;color:var(--color-text-primary, #1e293b);font-weight:500}.ds-select-container{display:flex;flex-direction:column;gap:.25rem;width:100%}.ds-select-label{font-size:.875rem;font-weight:500;color:var(--color-text-primary, #1e293b)}.ds-select-wrapper{position:relative;width:100%}.ds-select{width:100%;padding:.625rem 2.5rem .625rem 1rem;font-family:var(--font-primary, sans-serif);font-size:.9375rem;color:var(--color-text-primary, #1e293b);background-color:var(--color-surface, #ffffff);border:1px solid var(--color-border, #e2e8f0);border-radius:var(--radius-md, .5rem);appearance:none;-webkit-appearance:none;cursor:pointer;transition:all .2s ease}.ds-select:focus{outline:none;border-color:var(--color-primary, #4f46e5);box-shadow:0 0 0 3px var(--color-primary-soft, rgba(79, 70, 229, .1))}.ds-select:disabled{background-color:var(--color-surface-dim, #f1f5f9);color:var(--color-text-tertiary, #94a3b8);cursor:not-allowed}.ds-select-arrow{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--color-text-secondary, #64748b);pointer-events:none;display:flex;align-items:center}.ds-select--error .ds-select{border-color:var(--color-error, #ef4444)}.ds-select--error .ds-select:focus{box-shadow:0 0 0 3px var(--color-error-soft, rgba(239, 68, 68, .1))}.ds-select-error-message{font-size:.75rem;color:var(--color-error, #ef4444)}.ds-textarea-container{display:flex;flex-direction:column;gap:.25rem;width:100%}.ds-textarea-label{font-size:.875rem;font-weight:500;color:var(--color-text-primary, #1e293b)}.ds-textarea{width:100%;padding:.75rem 1rem;font-family:var(--font-primary, sans-serif);font-size:.9375rem;line-height:1.5;color:var(--color-text-primary, #1e293b);background-color:var(--color-surface, #ffffff);border:1px solid var(--color-border, #e2e8f0);border-radius:var(--radius-md, .5rem);resize:vertical;transition:all .2s ease}.ds-textarea:focus{outline:none;border-color:var(--color-primary, #4f46e5);box-shadow:0 0 0 3px var(--color-primary-soft, rgba(79, 70, 229, .1))}.ds-textarea:disabled{background-color:var(--color-surface-dim, #f1f5f9);color:var(--color-text-tertiary, #94a3b8);cursor:not-allowed}.ds-textarea--error .ds-textarea{border-color:var(--color-error, #ef4444)}.ds-textarea--error .ds-textarea:focus{box-shadow:0 0 0 3px var(--color-error-soft, rgba(239, 68, 68, .1))}.ds-textarea-error-message{font-size:.75rem;color:var(--color-error, #ef4444)}.ds-progress-container{width:100%}.ds-progress__header{display:flex;justify-content:flex-end;margin-bottom:.25rem;font-size:.75rem;color:var(--color-text-secondary, #64748b);font-weight:600}.ds-progress__track{width:100%;background-color:var(--color-surface-dim, #e2e8f0);border-radius:var(--radius-full, 9999px);overflow:hidden}.ds-progress__fill{height:100%;background-color:var(--color-primary, #4f46e5);border-radius:var(--radius-full, 9999px);transition:width .5s ease-out}.ds-progress--sm .ds-progress__track{height:.5rem}.ds-progress--md .ds-progress__track{height:.75rem}.ds-progress--lg .ds-progress__track{height:1rem}.ds-progress__fill--success{background-color:var(--color-success, #22c55e)}.ds-progress__fill--warning{background-color:var(--color-warning, #f59e0b)}.ds-progress__fill--error{background-color:var(--color-error, #ef4444)}.ds-progress__fill--gradient{background:linear-gradient(90deg,var(--color-primary, #4f46e5),var(--color-secondary, #9333ea));background-size:200% 100%;animation:ds-shimmer 2s infinite linear}@keyframes ds-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.ds-stats-card{transition:transform .2s ease,box-shadow .2s ease}.ds-stats-card--clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, .1));cursor:pointer}.ds-stats-card__content{display:flex;align-items:center;justify-content:space-between}.ds-stats-card__info{display:flex;flex-direction:column;gap:.25rem}.ds-stats-card__label{font-size:.875rem;font-weight:500;color:var(--color-text-secondary, #64748b);text-transform:uppercase;letter-spacing:.025em}.ds-stats-card__value{font-size:1.875rem;font-weight:700;color:var(--color-text-primary, #1e293b);margin:0;line-height:1.2}.ds-stats-card__trend{font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.25rem}.ds-stats-card__trend--up{color:var(--color-success, #16a34a)}.ds-stats-card__trend--down{color:var(--color-error, #dc2626)}.ds-stats-card__trend--neutral{color:var(--color-text-tertiary, #94a3b8)}.ds-stats-card__icon{padding:.75rem;background-color:var(--color-surface-dim, #f1f5f9);border-radius:var(--radius-md, .5rem);color:var(--color-primary, #4f46e5);display:flex;align-items:center;justify-content:center;font-size:1.5rem}.ds-tabs{display:flex;gap:1rem;border-bottom:2px solid var(--color-border-weak, #e2e8f0);margin-bottom:1.5rem}.ds-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:none;background:none;font-family:var(--font-primary, sans-serif);font-size:.95rem;font-weight:500;color:var(--color-text-tertiary, #94a3b8);cursor:pointer;transition:all .2s ease;position:relative}.ds-tab:hover{color:var(--color-text-primary, #334155)}.ds-tab--active{color:var(--color-primary, #4f46e5);font-weight:600}.ds-tabs--line .ds-tab--active:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background-color:var(--color-primary, #4f46e5)}.ds-tabs--pill{border-bottom:none;background-color:var(--color-surface-dim, #f1f5f9);padding:.25rem;border-radius:var(--radius-full, 9999px);gap:0;display:inline-flex}.ds-tabs--pill .ds-tab{border-radius:var(--radius-full, 9999px);padding:.5rem 1.25rem;color:var(--color-text-secondary, #64748b)}.ds-tabs--pill .ds-tab--active{background-color:var(--color-surface, #ffffff);color:var(--color-primary, #4f46e5);box-shadow:0 1px 3px #0000001a}.ds-tab__badge{background-color:var(--color-error, #ef4444);color:#fff;font-size:.7em;padding:.1em .5em;border-radius:999px;line-height:1}.ds-table-container{width:100%;overflow-x:auto;border:1px solid var(--color-border, #e2e8f0);border-radius:var(--radius-lg, .5rem);background-color:var(--color-surface, #ffffff)}.ds-table{width:100%;border-collapse:collapse;font-family:var(--font-primary, sans-serif);font-size:.875rem}.ds-table__head{background-color:var(--color-surface-dim, #f8fafc);border-bottom:2px solid var(--color-border, #e2e8f0)}.ds-table__th{padding:.75rem 1rem;text-align:left;font-weight:600;color:var(--color-text-secondary, #64748b);text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.ds-table__body{background-color:var(--color-surface, #ffffff)}.ds-table__row{border-bottom:1px solid var(--color-border-weak, #f1f5f9);transition:background-color .15s ease}.ds-table__row:last-child{border-bottom:none}.ds-table__row--clickable{cursor:pointer}.ds-table__row--clickable:hover{background-color:var(--color-surface-hover, #f1f5f9)}.ds-table__td{padding:.75rem 1rem;color:var(--color-text-primary, #334155);vertical-align:middle}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.ds-table__cell--loading,.ds-table__cell--empty{padding:3rem;text-align:center;color:var(--color-text-tertiary, #94a3b8)}.ds-table__cell--loading{display:flex;align-items:center;justify-content:center}.ds-table__pagination{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background-color:var(--color-surface-dim, #f8fafc);border-top:1px solid var(--color-border, #e2e8f0)}.ds-table__page-info{font-size:.875rem;color:var(--color-text-secondary, #64748b)}.ds-alert{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border-radius:var(--radius-md, 8px);border:1px solid transparent;font-family:var(--font-primary, sans-serif)}.ds-alert__icon{flex-shrink:0;margin-top:.125rem}.ds-alert__content{flex:1}.ds-alert__title{margin:0 0 .25rem;font-size:1rem;font-weight:600;line-height:1.4}.ds-alert__body{font-size:.875rem;line-height:1.5}.ds-alert--info{background-color:var(--color-info-soft, #eff6ff);border-color:var(--color-info-soft, #dbeafe)}.ds-alert--info .ds-alert__icon{color:var(--color-info, #3b82f6)}.ds-alert--info .ds-alert__title{color:var(--color-info, #1e40af)}.ds-alert--info .ds-alert__body{color:var(--color-info, #1e3a8a)}.ds-alert--success{background-color:var(--color-success-soft, #f0fdf4);border-color:var(--color-success-soft, #dcfce7)}.ds-alert--success .ds-alert__icon{color:var(--color-success, #22c55e)}.ds-alert--success .ds-alert__title{color:var(--color-success, #166534)}.ds-alert--success .ds-alert__body{color:var(--color-success, #14532d)}.ds-alert--warning{background-color:var(--color-warning-soft, #fffbeb);border-color:var(--color-warning-soft, #fef3c7)}.ds-alert--warning .ds-alert__icon{color:var(--color-warning, #f59e0b)}.ds-alert--warning .ds-alert__title{color:var(--color-warning, #92400e)}.ds-alert--warning .ds-alert__body{color:var(--color-warning, #78350f)}.ds-alert--error{background-color:var(--color-error-soft, #fef2f2);border-color:var(--color-error-soft, #fee2e2)}.ds-alert--error .ds-alert__icon{color:var(--color-error, #ef4444)}.ds-alert--error .ds-alert__title{color:var(--color-error, #991b1b)}.ds-alert--error .ds-alert__body{color:var(--color-error, #7f1d1d)}.theme-whitchoo{--color-primary: #2563EB;--color-primary-soft: #EFF6FF;--color-secondary: #0F172A;--color-secondary-soft: #F8FAFC;--color-success: #10B981;--color-success-soft: #D1FAE5;--color-warning: #F59E0B;--color-warning-soft: #FEF3C7;--color-error: #EF4444;--color-error-soft: #FEE2E2;--color-info: #0EA5E9;--color-info-soft: #E0F2FE;--color-body-bg: #FFFFFF;--color-surface: #FFFFFF;--color-surface-dim: #F8FAFC;--color-surface-hover: #F1F5F9;--bg-card: #FFFFFF;--backdrop-blur: 0px;--color-overlay: rgba(15, 23, 42, .5);--color-text-primary: #0F172A;--color-text-secondary: #475569;--color-text-tertiary: #94A3B8;--color-text-inverse: #FFFFFF;--color-border: #E2E8F0;--color-border-weak: #F1F5F9;--color-border-focus: #2563EB;--font-primary: "Plus Jakarta Sans", "Inter", sans-serif;--font-heading: "Plus Jakarta Sans", sans-serif;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--bg-body: var(--color-body-bg);--text-main: var(--color-text-primary);--text-muted: var(--color-text-secondary);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px}.theme-stoodia{--color-primary: #4F46E5;--color-primary-soft: #EEF2FF;--color-secondary: #0D9488;--color-secondary-soft: #F0FDFA;--branding-primary: #4F46E5;--branding-cyan-magenta: linear-gradient(135deg, #06B6D4 0%, #D946EF 100%);--branding-gradient: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--landing-bg-dark: #0f172a;--gradient-landing-hero: linear-gradient(180deg, #f0faff 0%, #ffffff 100%);--color-success: #10B981;--color-success-soft: #ECFDF5;--color-warning: #F59E0B;--color-warning-soft: #FFFBEB;--color-error: #EF4444;--color-error-soft: #FEF2F2;--color-info: #3B82F6;--color-info-soft: #EFF6FF;--color-body-bg: #F9FAFB;--color-surface-dim: #F3F4F6;--color-surface-hover: #F9FAFB;--bg-card: #FFFFFF;--color-surface-glass: rgba(255, 255, 255, .85);--glass-border: rgba(255, 255, 255, .9);--backdrop-blur: 16px;--bg-glass-strong: rgba(255, 255, 255, .75);--bg-glass-medium: rgba(255, 255, 255, .55);--bg-glass-subtle: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .4);--backdrop-blur: 24px;--color-overlay: rgba(17, 24, 39, .5);--color-text-primary: #111827;--color-text-secondary: #4B5563;--color-text-tertiary: #9CA3AF;--color-text-inverse: #FFFFFF;--color-border: #E5E7EB;--color-border-weak: #F3F4F6;--color-border-focus: #4F46E5;--font-primary: "Inter", sans-serif;--font-heading: "Outfit", sans-serif;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--bg-body: var(--color-body-bg);--text-main: var(--color-text-primary);--text-muted: var(--color-text-secondary);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px}.theme-parent{--color-primary: #2563EB;--color-primary-soft: #EFF6FF;--color-primary-light: #4A90E2;--color-primary-dark: #1E40AF;--branding-gradient: linear-gradient(135deg, #4A90E2 0%, #2563EB 100%);--branding-primary: var(--color-primary);--stoodia-cyan: #22D3EE;--stoodia-cyan-bright: #06B6D4;--color-secondary: #64748B;--color-secondary-soft: #F1F5F9;--color-success: #10B981;--color-success-soft: #D1FAE5;--color-warning: #F59E0B;--color-warning-soft: #FEF3C7;--color-error: #EF4444;--color-error-soft: #FEE2E2;--color-info: #0EA5E9;--color-info-soft: #E0F2FE;--color-body-bg: #F8FAFC;--color-surface: #FFFFFF;--color-surface-soft: #F1F5F9;--color-surface-dim: #E2E8F0;--color-surface-hover: #F1F5F9;--color-surface-active: #E2E8F0;--color-success-soft: #ECFDF5;--color-warning-soft: #FFFBEB;--color-error-soft: #FEF2F2;--color-info-soft: #F0F9FF;--bg-card: #FFFFFF;--backdrop-blur: 0px;--color-overlay: rgba(15, 23, 42, .4);--color-text-primary: #0F172A;--color-text-secondary: #475569;--color-text-tertiary: #94A3B8;--color-text-inverse: #FFFFFF;--color-border: #E2E8F0;--color-border-weak: #F8FAFC;--color-border-focus: #3B82F6;--font-primary: "Inter", system-ui, -apple-system, sans-serif;--font-heading: "Inter", sans-serif;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--bg-body: var(--color-body-bg);--text-main: var(--color-text-primary);--text-muted: var(--color-text-secondary);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px}.theme-student{--stoody-blue: #3B82F6;--stoody-green: #22C55E;--stoody-blue-soft: rgba(59, 130, 246, .1);--stoody-green-soft: rgba(34, 197, 94, .1);--gradient-stoody: linear-gradient(135deg, var(--stoody-blue) 0%, var(--stoody-green) 100%);--branding-gradient: var(--gradient-stoody);--branding-primary: var(--stoody-blue);--color-surface-translucent: rgba(255, 255, 255, .7);--color-primary-soft: rgba(29, 127, 219, .12);--color-shadow-primary: rgba(29, 127, 219, .2);--color-overlay-dark: rgba(0, 0, 0, .6);--color-overlay-standard: rgba(255, 255, 255, .1);--color-secondary: #06B6D4;--color-secondary-soft: #CFFAFE;--color-success: #10B981;--color-success-soft: #D1FAE5;--color-warning: #F59E0B;--color-warning-soft: #FEF3C7;--color-error: #EF4444;--color-error-soft: #FEE2E2;--color-info: #3B82F6;--color-info-soft: #DBEAFE;--color-body-bg: #F8FAFC;--color-surface: #FFFFFF;--color-surface-dim: #F1F5F9;--color-surface-hover: #E2E8F0;--bg-card: var(--color-surface);--bg-glass: rgba(255, 255, 255, .7);--backdrop-blur: blur(10px);--color-overlay: rgba(15, 23, 42, .6);--color-text-primary: #1E293B;--color-text-secondary: #64748B;--color-text-tertiary: #94A3B8;--color-text-inverse: #FFFFFF;--color-border: #E2E8F0;--color-border-weak: #F1F5F9;--color-border-focus: var(--stoody-blue);--font-primary: "Inter", system-ui, -apple-system, sans-serif;--font-heading: "Cal Sans", "Inter", sans-serif;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(59, 130, 246, .1), 0 4px 6px -2px rgba(59, 130, 246, .05);--shadow-xl: 0 20px 25px -5px rgba(59, 130, 246, .05), 0 10px 10px -5px rgba(0, 0, 0, .02);--bg-body: var(--color-body-bg);--text-main: var(--color-text-primary);--text-muted: var(--color-text-secondary);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--mastery-color: #F59E0B;--mastery-color-soft: rgba(245, 158, 11, .12);--level-color: #8B5CF6;--level-color-soft: rgba(139, 92, 246, .12);--gem-color: #06B6D4;--gem-color-soft: rgba(6, 182, 212, .15);--gem-gradient: linear-gradient(135deg, #0EA5E9 0%, #06B6D4 50%, #22D3EE 100%);--coin-color: #F59E0B;--rarity-common: #94A3B8;--rarity-uncommon: #10B981;--rarity-rare: #3B82F6;--rarity-epic: #8B5CF6;--rarity-legendary: #F59E0B;--rarity-legendary-gradient: linear-gradient(135deg, #F59E0B 0%, #EF4444 50%, #8B5CF6 100%);--pomodoro-work: #EF4444;--pomodoro-work-soft: rgba(239, 68, 68, .12);--pomodoro-break: #10B981;--pomodoro-break-soft: rgba(16, 185, 129, .12);--challenge-win: #10B981;--challenge-lose: #EF4444;--challenge-pending: #F59E0B;--teamwork-gradient: linear-gradient(135deg, #1D7FDB 0%, #8B5CF6 100%);--skill-completed: #F59E0B;--skill-active: #10B981;--skill-available: var(--stoody-blue);--skill-future: #94A3B8;--bg-glass-strong: rgba(255, 255, 255, .85);--bg-glass-medium: rgba(255, 255, 255, .5);--bg-glass-subtle: rgba(255, 255, 255, .15);--glass-border: rgba(255, 255, 255, .3);--glass-border-strong: rgba(255, 255, 255, .6);--glow-blue: 0 0 20px rgba(29, 127, 219, .4), 0 0 40px rgba(29, 127, 219, .15);--glow-green: 0 0 20px rgba(92, 184, 0, .4), 0 0 40px rgba(92, 184, 0, .15);--glow-cyan: 0 0 20px rgba(6, 182, 212, .4), 0 0 40px rgba(6, 182, 212, .15);--glow-gold: 0 0 20px rgba(245, 158, 11, .4), 0 0 40px rgba(245, 158, 11, .15);--gradient-primary: linear-gradient(135deg, var(--stoody-blue) 0%, #1553A5 100%);--gradient-success: linear-gradient(135deg, #10B981 0%, #059669 100%);--gradient-warning: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);--gradient-danger: linear-gradient(135deg, #EF4444 0%, #DC2626 100%);--gradient-portal-bg: linear-gradient(135deg, #F0F9FF 0%, #F5F3FF 100%);--gradient-heroic: linear-gradient(180deg, #0F1E3D 0%, #1D3A6F 50%, #1D7FDB 100%);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.16, 1, .3, 1)}.theme-student .stat-card,.theme-student .ds-card,.theme-student .card{background:var(--color-surface)!important;border-color:var(--color-border-weak)!important;color:var(--color-text-primary)!important;box-shadow:var(--shadow-md)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.theme-student .stat-info h3{color:var(--color-text-tertiary)!important;background:none!important;-webkit-text-fill-color:initial!important}.theme-student .stat-value{color:var(--color-text-primary)!important}.theme-student .stat-icon{background:var(--color-surface-hover)!important;color:var(--stoody-blue)!important}.theme-student .stat-subtext{color:var(--color-text-secondary)!important}.theme-admin{--color-primary: #6366F1;--color-primary-soft: rgba(99, 102, 241, .1);--color-primary-strong: #4F46E5;--bg-card: var(--color-surface-card, #151921);--bg-body: var(--color-body-bg, #0B0E14);--border-color: var(--color-border, #2D3436);--text-main: var(--color-text-primary, #F8FAFC);--text-muted: var(--color-text-secondary, #94A3B8);--primary: var(--color-primary);--backdrop-blur: 12px;--glass-border: rgba(255, 255, 255, .1);--color-secondary: #94A3B8;--color-secondary-soft: rgba(148, 163, 184, .1);--color-success: #10B981;--color-success-soft: rgba(16, 185, 129, .1);--color-warning: #F59E0B;--color-warning-soft: rgba(245, 158, 11, .1);--color-error: #EF4444;--color-error-soft: rgba(239, 68, 68, .1);--color-info: #3B82F6;--color-info-soft: rgba(59, 130, 246, .1);--color-body-bg: #0B0E14;--color-surface-bg: #0F1218;--color-surface-card: #151921;--color-surface-hover: #1E2430;--color-surface-input: #0B0E14;--color-surface: var(--color-surface-card);--color-surface-dim: var(--color-surface-bg);--color-overlay: rgba(0, 0, 0, .85);--admin-sidebar-bg: #0F1218;--admin-content-bg: #0B0E14;--admin-card-bg: #151921;--admin-table-header: #1A1F28;--admin-table-row-even: #12161E;--color-border: #2D3436;--color-border-weak: #1E2430;--color-border-strong: #3F444D;--admin-border: 1px solid var(--color-border);--color-text-primary: #F8FAFC;--color-text-secondary: #94A3B8;--color-text-tertiary: #64748B;--color-text-inverse: #0F172A;--color-text-highlight: #6366F1;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--font-primary: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .5);--shadow-md: 0 8px 16px -4px rgba(0, 0, 0, .6);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .8)}.ds-preview__root{min-height:100vh;background:var(--color-body-bg, #f1f5f9);font-family:var(--font-primary, "Inter", sans-serif)}.ds-preview__header{background:var(--color-surface, white);border-bottom:1px solid var(--color-border, #e2e8f0);padding:16px 24px;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm, 0 1px 8px rgba(0, 0, 0, .06))}.ds-preview__header-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.ds-preview__title{font-size:1.4rem;font-weight:800;color:#1e293b;margin:0}.ds-preview__subtitle{font-size:.8rem;color:#64748b;margin:2px 0 0}.ds-preview__theme-switcher{display:flex;gap:8px;flex-wrap:wrap}.ds-preview__theme-btn{padding:6px 16px;border:2px solid #e2e8f0;border-radius:20px;background:#fff;color:#64748b;font-size:.8rem;font-weight:600;cursor:pointer;text-transform:capitalize;transition:all .2s ease}.ds-preview__theme-btn--active,.ds-preview__theme-btn:hover{background:#1e293b;color:#fff;border-color:#1e293b}.ds-preview__canvas{max-width:1400px;margin:0 auto;padding:24px;min-height:calc(100vh - 80px);background:var(--color-body-bg, #f1f5f9);border-radius:0}.ds-preview__tab-content{margin-top:24px}.ds-preview__grid-sections{display:flex;flex-direction:column;gap:28px}.ds-preview__section{background:var(--color-surface, white);border:1px solid var(--color-border, #e2e8f0);border-radius:var(--radius-lg, 16px);padding:24px;box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .05))}.ds-preview__section-title{font-size:.95rem;font-weight:700;color:var(--color-text-primary, #1e293b);margin:0 0 16px;padding-bottom:10px;border-bottom:1px solid var(--color-border-weak, #f1f5f9);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.ds-preview__section-body{display:flex;flex-direction:column;gap:12px}.ds-preview__section-body--cols-2{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.ds-preview__section-body--cols-3{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.ds-preview__section-body--cols-5{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.ds-preview__swatch{display:flex;align-items:center;gap:10px}.ds-preview__swatch-sample{width:44px;height:44px;border-radius:var(--radius-md, 12px);flex-shrink:0;border:1px solid rgba(0,0,0,.08)}.ds-preview__swatch-info{display:flex;flex-direction:column;gap:2px;min-width:0}.ds-preview__token-name{font-size:.72rem;font-weight:700;color:var(--color-primary, #1D7FDB);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-preview__token-value{font-size:.68rem;color:var(--color-text-secondary, #64748b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-preview__type-scale{display:flex;flex-direction:column;gap:16px}.ds-preview__type-row{color:var(--color-text-primary, #1e293b);line-height:1.3;font-family:var(--font-primary, inherit)}.ds-preview__flex-wrap{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.ds-preview__gem-counter{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--gem-color-soft, rgba(6, 182, 212, .12));border:1px solid var(--gem-color, #06B6D4);border-radius:var(--radius-full, 9999px)}.ds-preview__gem-icon{font-size:1.2rem;line-height:1}.ds-preview__gem-info{display:flex;flex-direction:column}.ds-preview__gem-count{font-size:1rem;font-weight:800;color:var(--gem-color, #06B6D4)}.ds-preview__gem-label{font-size:.7rem;color:var(--color-text-secondary, #64748b);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.ds-preview__xp-bar-wrapper{max-width:360px}.ds-preview__xp-bar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.ds-preview__admin-title{color:var(--color-text-primary, #F8FAFC)!important;font-weight:800}.ds-preview__admin-input{background:var(--color-surface-input, #0B0E14)!important;border:1px solid var(--color-border, #2D3436)!important;color:var(--color-text-primary, #F8FAFC)!important}.ds-preview__admin-input::placeholder{color:var(--color-text-tertiary, #64748B)!important}.admin-control-card{background:var(--color-surface-card, #151921);padding:20px;border-radius:var(--radius-md, 8px);border:1px solid var(--color-border, #e2e8f0)}.admin-control-card h4{margin:0 0 8px;color:var(--color-text-primary, #F8FAFC)}.admin-control-card p{font-size:.825rem;color:var(--color-text-secondary, #94A3B8);margin:0 0 16px}.ds-preview__admin-console{background:#0b0e14;padding:20px;border-radius:var(--radius-md, 8px);font-family:var(--font-mono, monospace);font-size:.825rem;border:1px solid var(--color-border-strong, #2D3436);min-height:160px;line-height:1.5}.ds-preview__xp-level{display:flex;align-items:center;gap:4px;font-size:.8rem;font-weight:800;color:var(--xp-color, #F59E0B)}.ds-preview__xp-points{font-size:.75rem;color:var(--color-text-secondary, #64748b);font-weight:600}.ds-preview__xp-bar-track{height:10px;background:var(--xp-color-soft, rgba(245, 158, 11, .15));border-radius:var(--radius-full, 9999px);overflow:hidden}.ds-preview__xp-bar-fill{height:100%;background:var(--gradient-warning, linear-gradient(135deg, #F59E0B, #D97706));border-radius:var(--radius-full, 9999px);transition:width .6s var(--ease-out, ease)}.ds-preview__skill-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--radius-lg, 16px);font-size:.8rem;font-weight:700;border:2px solid}.ds-preview__skill-name{flex:1}.ds-preview__skill-rarity{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;opacity:.7}.ds-preview__skill-chip--common{background:#94a3b81f;border-color:var(--rarity-common, #94A3B8);color:var(--rarity-common, #94A3B8)}.ds-preview__skill-chip--uncommon{background:#10b9811f;border-color:var(--rarity-uncommon, #10B981);color:var(--rarity-uncommon, #10B981)}.ds-preview__skill-chip--rare{background:#3b82f61f;border-color:var(--rarity-rare, #3B82F6);color:var(--rarity-rare, #3B82F6)}.ds-preview__skill-chip--epic{background:#8b5cf61f;border-color:var(--rarity-epic, #8B5CF6);color:var(--rarity-epic, #8B5CF6)}.ds-preview__skill-chip--legendary{background:#f59e0b1f;border-color:var(--rarity-legendary, #F59E0B);color:var(--rarity-legendary, #F59E0B)}.ds-preview__bubble{display:flex;align-items:flex-start;gap:8px;max-width:85%}.ds-preview__bubble--user{flex-direction:row-reverse;align-self:flex-end;margin-left:auto}.ds-preview__bubble-avatar{font-size:1.3rem;flex-shrink:0;margin-top:2px}.ds-preview__bubble-text{padding:10px 14px;border-radius:var(--radius-lg, 16px);font-size:.85rem;line-height:1.5}.ds-preview__bubble--bot .ds-preview__bubble-text{background:var(--color-surface-dim, #f8fafc);border:1px solid var(--color-border, #e2e8f0);color:var(--color-text-primary, #1e293b);border-bottom-left-radius:4px}.ds-preview__bubble--user .ds-preview__bubble-text{background:var(--stoody-blue, #1D7FDB);color:#fff;border-bottom-right-radius:4px}.ds-preview__gem-toast{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--gem-color-soft, rgba(6, 182, 212, .12));border:1px solid var(--gem-color, #06B6D4);border-radius:var(--radius-lg, 16px);font-size:.85rem}.ds-preview__gem-toast--xp{background:var(--xp-color-soft, rgba(245, 158, 11, .12));border-color:var(--xp-color, #F59E0B)}.ds-preview__gem-toast-icon{font-size:1.5rem;line-height:1}.ds-preview__gem-toast strong{display:block;font-weight:800}.ds-preview__gem-toast p{margin:2px 0 0;font-size:.75rem;color:var(--color-text-secondary, #64748b)}.ds-preview__portal-header-preview{display:flex;gap:24px;flex-wrap:wrap;padding:16px 20px;background:var(--gradient-stoody, linear-gradient(135deg, #1D7FDB, #5CB800));border-radius:var(--radius-xl, 24px);color:#fff}.ds-preview__portal-stat{display:flex;flex-direction:column;align-items:center;gap:2px;color:#fff}.ds-preview__portal-stat strong{font-size:1.1rem;font-weight:800}.ds-preview__portal-stat span{font-size:.7rem;opacity:.85;text-transform:uppercase;letter-spacing:.06em}.ds-preview__pomodoro{display:inline-flex;flex-direction:column;align-items:center;gap:8px;position:relative}.ds-preview__pomodoro--work{color:var(--pomodoro-work, #EF4444)}.ds-preview__pomodoro--break{color:var(--pomodoro-break, #10B981)}.ds-preview__pomodoro-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.8rem;font-weight:700;color:currentColor;white-space:nowrap;margin-top:-6px}.ds-preview__achievement{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-lg, 16px);border:1px solid var(--color-border, #e2e8f0);transition:all .2s}.ds-preview__achievement--unlocked{background:var(--color-success-soft, #D1FAE5);border-color:var(--color-success, #10B981)}.ds-preview__achievement--locked{background:var(--color-surface-dim, #f8fafc);opacity:.55;filter:grayscale(.6)}.ds-preview__achievement-icon{font-size:1.5rem;line-height:1}.ds-preview__achievement-info{flex:1;display:flex;flex-direction:column;gap:2px}.ds-preview__achievement-info strong{font-size:.85rem}.ds-preview__achievement-info small{font-size:.75rem;color:var(--color-text-secondary, #64748b)}.ds-preview__achievement-check{color:var(--color-success, #10B981)}.ds-preview__kanban-card{background:var(--color-surface, white);border:1px solid var(--color-border, #e2e8f0);border-radius:var(--radius-md, 12px);padding:12px 14px;box-shadow:var(--shadow-sm);transition:box-shadow .2s,transform .2s}.ds-preview__kanban-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.ds-preview__kanban-card-header{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px}.ds-preview__kanban-priority{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:5px}.ds-preview__kanban-priority--high{background:var(--pomodoro-work, #EF4444)}.ds-preview__kanban-priority--medium{background:var(--challenge-pending, #F59E0B)}.ds-preview__kanban-priority--low{background:var(--color-success, #10B981)}.ds-preview__kanban-title{font-size:.82rem;font-weight:600;color:var(--color-text-primary, #1e293b)}.ds-preview__kanban-tags{display:flex;gap:6px;flex-wrap:wrap}.ds-preview__kanban-tag{font-size:.68rem;padding:2px 8px;background:var(--color-primary-soft, rgba(29, 127, 219, .12));color:var(--color-primary, #1D7FDB);border-radius:var(--radius-full, 9999px);font-weight:600}.ds-preview__challenge-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-full, 9999px);font-size:.82rem;font-weight:700;border:2px solid}.ds-preview__challenge-badge--win{background:var(--color-success-soft, #D1FAE5);border-color:var(--challenge-win, #10B981);color:var(--challenge-win, #10B981)}.ds-preview__challenge-badge--lose{background:var(--color-error-soft, #FEE2E2);border-color:var(--challenge-lose, #EF4444);color:var(--challenge-lose, #EF4444)}.ds-preview__challenge-badge--pending{background:var(--color-warning-soft, #FEF3C7);border-color:var(--challenge-pending, #F59E0B);color:var(--challenge-pending, #F59E0B)}.ds-preview__skill-node{width:80px;height:80px;border-radius:var(--radius-xl, 24px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:2px solid;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:default}.ds-preview__skill-node-icon{font-size:1.4rem;line-height:1}.ds-preview__skill-node--completed{background:var(--color-warning-soft, #FEF3C7);border-color:var(--skill-completed, #F59E0B);color:var(--skill-completed, #F59E0B);box-shadow:var(--glow-gold, none)}.ds-preview__skill-node--active{background:var(--color-success-soft, #D1FAE5);border-color:var(--skill-active, #10B981);color:var(--skill-active, #10B981);box-shadow:var(--glow-green, none)}.ds-preview__skill-node--available{background:var(--color-primary-soft, rgba(29, 127, 219, .12));border-color:var(--skill-available, #1D7FDB);color:var(--skill-available, #1D7FDB);box-shadow:var(--glow-blue, none)}.ds-preview__skill-node--future{background:var(--color-surface-dim, #f8fafc);border-color:var(--skill-future, #94A3B8);border-style:dashed;color:var(--skill-future, #94A3B8);opacity:.7}.ds-preview__mascot-palette{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.ds-preview__mascot-circle{width:140px;height:140px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#fff;font-weight:700;font-size:.85rem}.ds-preview__mascot-circle code{font-size:.65rem;opacity:.85}.ds-preview__mascot-circle--blue{background:var(--stoody-blue, #1D7FDB);box-shadow:var(--glow-blue, none)}.ds-preview__mascot-circle--green{background:var(--stoody-green, #5CB800);box-shadow:var(--glow-green, none)}.ds-preview__hero-mock{display:flex;gap:40px;padding:60px 40px;background:var(--gradient-landing-hero, linear-gradient(180deg, #f0faff 0%, #ffffff 100%));border-radius:var(--radius-xl, 24px);overflow:hidden;position:relative}.ds-preview__hero-content{flex:1;z-index:1}.ds-preview__hero-content h1{font-size:2.2rem;font-weight:800;line-height:1.1;margin-bottom:20px;color:var(--color-text-primary)}.ds-preview__hero-content p{font-size:1.1rem;color:var(--color-text-secondary);margin-bottom:30px;max-width:500px}.ds-preview__hero-visual{flex:.8;position:relative;display:flex;align-items:center;justify-content:center}.ds-preview__mascot-placeholder{width:200px;height:200px;background:var(--bg-glass-strong);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid var(--glass-border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;box-shadow:var(--shadow-lg);z-index:2}.ds-preview__float-icon{position:absolute;font-size:2rem;animation:floatMascot 3s ease-in-out infinite}.ds-preview__landing-card{background:var(--bg-glass-medium, rgba(255, 255, 255, .85));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid var(--glass-border, rgba(255, 255, 255, .9));border-radius:24px;padding:30px;box-shadow:0 8px 32px #00000014}.ds-preview__landing-card-icon{font-size:2.5rem;margin-bottom:20px}.ds-preview__login-preview-box{display:flex;gap:0;border-radius:32px;overflow:hidden;background:var(--landing-bg-dark, #0f172a);box-shadow:0 25px 50px -12px #00000080;border:1px solid rgba(255,255,255,.1)}.ds-preview__login-side{flex:1;padding:40px;text-align:center;display:flex;flex-direction:column;align-items:center}.ds-preview__login-side--parent{background:#3b82f60d;border-right:1px solid rgba(255,255,255,.05)}.ds-preview__login-side--student{background:#8b5cf60d}.ds-preview__login-icon{font-size:3rem;margin-bottom:20px}.ds-preview__promo-banner-mock{background:var(--branding-gradient, linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%));border-radius:24px;padding:40px;color:#fff;text-align:center}.ds-preview__pulse{animation:pulse-soft 2s infinite}@keyframes floatMascot{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes pulse-soft{0%{box-shadow:0 0 #00c6ff66}70%{box-shadow:0 0 0 15px #00c6ff00}to{box-shadow:0 0 #00c6ff00}}