.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:url(/assets/bg.png) no-repeat center center;background-size:cover;padding:20px;position:relative;overflow:hidden}.login-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:1}.login-card{background:#14141ef2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:20px;box-shadow:0 20px 40px #00000080,0 0 80px #4f46e526;padding:20px;width:100%;max-width:272px;text-align:center;position:relative;z-index:2;border:1px solid rgba(79,70,229,.3);transition:all .4s cubic-bezier(.175,.885,.32,1.275);color:#fff}.login-card:hover{box-shadow:0 25px 50px #00000080,0 0 100px #4f46e533;transform:translateY(-8px)}.nav-links{position:absolute;top:20px;left:0;width:100%;display:flex;justify-content:center;gap:30px;z-index:10}.nav-link{color:#fffc;text-decoration:none;font-weight:500;font-size:14px;transition:all .3s;padding:8px 15px;border-radius:20px}.nav-link:hover{color:#fff;background:#4f46e533}.login-logo{margin-bottom:20px;display:flex;justify-content:center}.login-logo img{max-width:64px;height:auto;border-radius:50%;padding:4px;background:linear-gradient(135deg,#4f46e533,#4f46e50d);border:2px solid rgba(79,70,229,.3);box-shadow:0 8px 16px #00000026;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s ease}.login-logo img:hover{transform:scale(1.08) rotate(5deg);box-shadow:0 12px 20px #0003;border:2px solid rgba(79,70,229,.5)}.login-card h2{color:#fff;margin-bottom:12px;font-weight:600;font-size:18px;letter-spacing:-.5px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.login-step{margin-bottom:16px}.login-step p{color:#ffffffb3;font-size:11px;margin-bottom:10px}.form-group{margin-bottom:20px;text-align:left}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#fffc}.form-group input{width:100%;padding:12px 16px;border:1px solid rgba(79,70,229,.4);border-radius:12px;font-size:14px;transition:all .3s;background-color:#ffffff0d;color:#fff}.form-group input:focus{border-color:#4f46e5;outline:none;box-shadow:0 0 0 3px #4f46e533;background-color:#ffffff1a}.error-message{color:#ef4444;margin-bottom:15px;font-size:14px;text-align:left}.primary-button{background-color:#4f46e5;color:#fff;border:none;border-radius:12px;padding:14px 24px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s;width:100%;box-shadow:0 4px 10px #4f46e533}.primary-button:hover{background-color:#4338ca;transform:translateY(-2px);box-shadow:0 6px 15px #4f46e54d}.secondary-button{background:linear-gradient(135deg,#4f46e5,#4338ca);color:#fff;border:none;border-radius:10px;padding:8px 16px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s;margin-top:10px;position:relative;overflow:hidden;box-shadow:0 4px 10px #4f46e54d}.secondary-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:all .5s}.secondary-button:hover{transform:translateY(-3px);box-shadow:0 6px 15px #4f46e566;background:linear-gradient(135deg,#4338ca,#3730a3)}.secondary-button:hover:before{left:100%}.google-signin-button{display:flex;align-items:center;justify-content:center;gap:8px;background-color:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:10px 16px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s;margin:16px auto;width:90%;box-shadow:0 4px 8px #0003}.google-signin-button:hover{background-color:#ffffff26;box-shadow:0 6px 12px #0000004d;transform:translateY(-2px)}.google-signin-button:disabled{opacity:.7;cursor:not-allowed}.google-signin-button img{width:18px;height:18px}.subscription-info{margin-top:16px;padding:12px;background:#1e1e2880;border-radius:12px;box-shadow:0 4px 15px #0000001a;position:relative;overflow:hidden}.subscription-info:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,#4f46e599,#4f46e533)}.subscription-info h3{color:#fff;font-size:12px;margin-bottom:8px;font-weight:600;letter-spacing:-.5px}.subscription-info p{margin:6px 0;color:#ffffffb3;font-size:10px;display:flex;align-items:center;line-height:1.4}.subscription-info p:before{content:"✓";color:#10b981;font-weight:700;margin-right:8px;font-size:12px}.terms-section{margin-top:16px;font-size:9px;color:#ffffff80;text-align:center}.terms-section a{color:#4f46e5cc;text-decoration:none;font-weight:500;transition:color .2s}.terms-section a:hover{color:#4f46e5;text-decoration:underline}.company-info{position:absolute;bottom:15px;left:0;width:100%;text-align:center;font-size:11px;color:#fff6;z-index:2}.company-info span{font-weight:600;color:#ffffff80}@media (max-width: 520px){.login-card{padding:16px 12px;max-width:256px}.google-signin-button{width:100%}}.floating-words{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.floating-word{position:absolute;color:#ffffff1f;font-size:24px;font-weight:600;letter-spacing:1px;text-transform:uppercase;opacity:0;animation:floatAndFade 6s ease-in-out infinite;text-shadow:0 2px 10px rgba(79,70,229,.4)}@keyframes floatAndFade{0%{opacity:0;transform:translateY(20px) scale(.8)}15%{opacity:.5;transform:translateY(0) scale(1)}80%{opacity:.5;transform:translateY(-10px) scale(1)}to{opacity:0;transform:translateY(-30px) scale(.8)}}:root{--primary-color: #6366f1;--primary-light: #818cf8;--primary-dark: #4f46e5;--secondary-color: #10b981;--secondary-light: #34d399;--accent-color: #f59e0b;--accent-light: #fbbf24;--text-dark: #1f2937;--text-light: #6b7280;--background-light: #f9fafb;--card-background: #ffffff;--danger-color: #ef4444;--success-color: #10b981;--border-color: #e5e7eb;--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);--gradient-primary: linear-gradient(135deg, var(--primary-light), var(--primary-dark));--gradient-secondary: linear-gradient(135deg, var(--secondary-light), var(--secondary-color));--gradient-accent: linear-gradient(135deg, var(--accent-light), var(--accent-color));--border-radius-sm: 5px;--border-radius-md: 6px;--border-radius-lg: 10px;--border-radius-xl: 13px}.dashboard-container{padding:16px 16px 32px 330px;box-sizing:border-box;width:100%;height:100vh;background-color:var(--background-light);color:var(--text-dark);overflow:hidden}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.4rem;padding-bottom:.7rem;border-bottom:2px solid var(--border-color)}.dashboard-header h1{font-size:clamp(1.1rem,5vw,1.5rem);font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}.header-actions{display:flex;align-items:center;gap:1rem}.knowledge-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:var(--border-radius-md);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.knowledge-toggle-btn.premium{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.knowledge-toggle-btn.premium:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.knowledge-toggle-btn.free{background:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb}.knowledge-toggle-btn.free:hover{background:#e5e7eb}.knowledge-toggle-btn .premium-icon{color:gold;font-size:.7rem;margin-left:.25rem}.knowledge-center-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.knowledge-center-btn:hover{transform:translateY(-1px);box-shadow:0 8px 25px #667eea4d}.user-profile{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.user-email{font-size:.7rem;color:var(--text-light)}.logout-btn{background-color:transparent;color:var(--text-light);border:1px solid var(--border-color);padding:.35rem .7rem;border-radius:var(--border-radius-md);font-size:.7rem;cursor:pointer;transition:all .2s}.logout-btn:hover{background-color:#f3f4f6;color:var(--text-dark);box-shadow:var(--shadow-sm)}.subscription-banner{background-color:#6366f1;border-radius:var(--border-radius-lg);padding:.7rem;margin-bottom:1.4rem;box-shadow:var(--shadow-md);color:#fff}.subscription-info{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.account-badge{display:inline-block;padding:.3rem .6rem;border-radius:var(--border-radius-md);font-weight:600;font-size:.7rem}.account-badge.free{background-color:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.account-badge.premium{background-color:#f59e0bcc;color:#fff}.remaining-info{font-weight:500;margin:0;font-size:.75rem}.subscription-banner .free-status{display:flex;align-items:center;gap:.4rem}.subscription-banner .check-icon{color:#10b981;font-size:.75rem}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.4rem;width:100%}.stat-card{background:#fff;border-radius:var(--border-radius-lg);padding:1rem;box-shadow:var(--shadow-md);display:flex;align-items:center;gap:.7rem;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.stat-icon{width:2.2rem;height:2.2rem;border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;font-size:1rem;color:#fff}.stat-card:nth-child(1) .stat-icon{background:var(--gradient-primary)}.stat-card:nth-child(2) .stat-icon{background:var(--gradient-secondary)}.stat-card:nth-child(3) .stat-icon{background:var(--gradient-accent)}.stat-title{font-size:.7rem;color:var(--text-light);margin-bottom:.15rem}.stat-value{font-size:1.1rem;font-weight:700;color:var(--text-dark)}.dashboard-content{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:1.4rem;width:100%;height:calc(100vh - 64px);align-items:start;overflow:hidden}.recent-presentations{width:100%;background-color:#fff;border-radius:var(--border-radius-lg);padding:1.2rem;box-shadow:var(--shadow-md);box-sizing:border-box;margin-bottom:1.6rem;height:500px;max-height:500px;display:flex;flex-direction:column;position:relative;overflow:hidden}.recent-presentations:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem;flex-wrap:wrap;gap:.7rem;border-bottom:1px solid var(--border-color);padding-bottom:.8rem}.section-header h2{font-size:1rem;font-weight:600;margin:0;color:var(--text-dark)}.empty-state{text-align:center;padding:2rem .7rem;color:var(--text-light);display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;margin-top:2rem}.empty-state p{font-size:.85rem;margin-top:1rem;max-width:80%;line-height:1.5}.empty-illustration{margin-bottom:1rem;font-size:3rem;color:var(--primary-light);opacity:.7}.upgrade-panel{display:flex;flex-direction:column;background:#fff;border-radius:var(--border-radius-lg);padding:.8rem .8rem 1rem;box-shadow:var(--shadow-md);position:relative;overflow:hidden;margin-bottom:1.6rem;height:auto;min-height:380px;max-height:416px}.upgrade-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-accent)}.upgrade-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.15rem;border-bottom:1px solid var(--border-color);padding-bottom:.15rem}.upgrade-header h2{font-size:.65rem;font-weight:600;margin:0;color:var(--text-dark)}.premium-badge{width:1rem;height:1rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--gradient-accent);color:#fff;font-size:.5rem}.premium-benefit-item{display:flex;align-items:center;padding:.15rem;background-color:#f9fafb;border-radius:var(--border-radius-sm);margin-bottom:.12rem;gap:.2rem}.benefit-icon{color:var(--accent-color);font-size:.6rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:.75rem}.benefit-content h3{font-size:.55rem;font-weight:600;margin:0;color:var(--text-dark)}.benefit-content p{font-size:.45rem;color:var(--text-light);margin:0;line-height:1}.premium-benefits-list{display:flex;flex-direction:column;gap:.12rem;margin-bottom:.15rem}.price-billing-row{display:flex;justify-content:space-between;padding:.15rem 0;margin:.12rem 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.price-item{display:flex;flex-direction:column}.price-info-label{font-size:.5rem;color:var(--text-light);font-weight:500}.price-info-value{font-size:.55rem;color:var(--text-dark);font-weight:600}.upgrade-now-button{background-color:#6366f1;color:#fff;border:none;border-radius:var(--border-radius-md);padding:.5rem;margin-top:.5rem;margin-bottom:.5rem;font-size:.65rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.3rem;width:100%;transition:all .2s}.upgrade-now-button:hover{background-color:#4f46e5;transform:translateY(-2px);box-shadow:var(--shadow-sm)}.premium-status-panel{background:#fff;border-radius:var(--border-radius-lg);padding:1rem;box-shadow:var(--shadow-md);position:relative;overflow:hidden;margin-bottom:1.4rem;min-height:380px;display:flex;flex-direction:column}.action-button{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem 1rem;border-radius:var(--border-radius-md);font-weight:600;cursor:pointer;transition:all .2s;border:none;font-size:.75rem;width:100%}.action-button.primary{background:var(--gradient-primary);color:#fff;box-shadow:0 2px 4px #6366f14d}.action-button.primary:hover{transform:translateY(-2px);box-shadow:0 3px 6px #6366f166}.expiration-banner{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#fee2e2,#fecaca);border-radius:var(--border-radius-lg);padding:.8rem;margin-bottom:1.4rem;box-shadow:var(--shadow-md);border-left:4px solid #ef4444;color:#b91c1c;gap:.7rem;transition:all .3s ease}.expiration-label{font-weight:600;font-size:.8rem;margin-bottom:.15rem}.expiration-date{font-size:.7rem;opacity:.9}.renew-button{background-color:#ef4444;color:#fff;border:none;padding:.4rem .8rem;border-radius:var(--border-radius-md);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.3rem;transition:all .2s;white-space:nowrap;font-size:.7rem}@media (max-width: 1024px){.dashboard-container{padding-left:16px;padding-top:300px;height:100vh;overflow:hidden}.dashboard-content{grid-template-columns:1fr;height:calc(100vh - 316px);overflow:hidden}.media-library-container{position:fixed;top:0;left:0;width:100%;height:280px}}.subscription-details{display:flex;flex-direction:column;gap:.4rem;background-color:#ffffff1a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:.6rem;border-radius:var(--border-radius-md);margin-top:.4rem}.subscription-banner{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:var(--border-radius-lg);padding:1rem;margin-bottom:1.6rem;box-shadow:var(--shadow-md);border-left:5px solid #64748b}.subscription-info{display:flex;align-items:center;gap:1rem}.subscription-actions{display:flex;align-items:center;gap:.5rem;margin-left:auto}.plan-info,.expiration-info{margin:0;font-size:12px;display:flex;justify-content:space-between;align-items:center}.plan-label,.expiration-label{font-weight:600;color:#fffc}.plan-value,.expiration-value{background-color:#1a73e833;padding:2px 6px;border-radius:4px;color:#fff;font-weight:500}.user-profile .subscription-indicator,.user-profile .subscription-indicator-wrapper{margin:0 4px 0 0}.subscription-indicator-wrapper{position:relative;z-index:100}.expiration-banner{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#e2f1ff,#d5e9fb);border-radius:var(--border-radius-lg);padding:1rem;margin-bottom:1.6rem;box-shadow:var(--shadow-md);border-left:5px solid #3b82f6;color:#1e3a8a;gap:.8rem;transition:all .3s ease}.expiration-banner.expiring-soon{background:linear-gradient(135deg,#ffedd5,#fef3c7);border-left-color:#f59e0b;color:#92400e;animation:pulse-soft 2s infinite}.expiration-banner.expired{background:linear-gradient(135deg,#fee2e2,#fecaca);border-left-color:#ef4444;color:#b91c1c;animation:pulse-soft 2s infinite}.expiration-banner i{font-size:1.2rem;color:#3b82f6}.expiration-banner.expiring-soon i{color:#f59e0b}.expiration-banner.expired i{color:#ef4444}.expiration-banner-content{display:flex;flex-direction:column;flex:1}.expiration-label{font-weight:600;font-size:.85rem;margin-bottom:.2rem}.expiration-date{font-size:.75rem;opacity:.9}.expiration-buttons{display:flex;gap:.5rem;align-items:center}.renew-button{background-color:#f59e0b;color:#fff;border:none;padding:.5rem 1rem;border-radius:var(--border-radius-md);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:all .2s;white-space:nowrap;font-size:.75rem}.api-button{background-color:#4f46e5;color:#fff;border:none;padding:.5rem 1rem;border-radius:var(--border-radius-md);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:all .2s;white-space:nowrap;font-size:.75rem}.admin-button{background-color:#0891b2;color:#fff;border:none;padding:.5rem 1rem;border-radius:var(--border-radius-md);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:all .2s;white-space:nowrap;font-size:.75rem}.admin-button:hover{background-color:#0e7490;transform:translateY(-2px);box-shadow:0 3px 6px #0891b266}.expiration-banner.expired .renew-button{background-color:#ef4444}.renew-button:hover{background-color:#d97706;transform:translateY(-2px);box-shadow:var(--shadow-md)}.api-button:hover{background-color:#4338ca;transform:translateY(-2px);box-shadow:var(--shadow-md)}.expiration-banner.expired .renew-button:hover{background-color:#dc2626}.premium-account-header{color:inherit;font-size:1rem;font-weight:600;background:none;-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:initial}.premium-status-panel{background:#fff;border-radius:var(--border-radius-lg);padding:1.2rem;box-shadow:var(--shadow-md);position:relative;overflow:hidden;margin-bottom:1.6rem;min-height:360px;display:flex;flex-direction:column}.status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem;border-bottom:1px solid var(--border-color);padding-bottom:.8rem}.status-header h2{font-size:1rem;font-weight:600;margin:0;color:var(--text-dark);background:none;-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:initial}.premium-badge.active{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--gradient-accent);color:#fff;font-size:.8rem}.premium-status-content{flex:1;display:flex;flex-direction:column;justify-content:space-between}.premium-benefit:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.premium-benefit i{font-size:1.2rem;color:var(--accent-color);width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background-color:#fbbf241a;border-radius:50%}.premium-benefit h3{font-size:.85rem;font-weight:600;margin:0 0 .2rem;color:var(--text-dark)}.premium-benefit p{font-size:.7rem;color:var(--text-light);margin:0}.plan-details{margin-top:auto;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:var(--border-radius-md);padding:.8rem}.plan-detail-item{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;padding:.4rem 0;border-bottom:1px solid rgba(226,232,240,.7)}.plan-detail-item:last-of-type{border-bottom:none}.plan-detail-item span{color:var(--text-light)}.plan-detail-item strong{color:var(--text-dark);font-weight:600}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.8}}@keyframes pulse-gentle{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.media-library-button{background-color:var(--primary-light);color:#fff;border:none;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;margin-right:.4rem;font-size:.75rem}.media-library-button:hover{background-color:var(--primary-dark);transform:scale(1.1);box-shadow:0 2px 4px #6366f14d}.premium-features-container{flex:1;margin-bottom:.8rem}.action-container{margin-top:.8rem}.status-header,.upgrade-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem;border-bottom:1px solid var(--border-color);padding-bottom:.8rem}.premium-badge,.premium-badge.active{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--gradient-accent);color:#fff;font-size:.8rem}.premium-benefit{display:flex;align-items:center;gap:.8rem;padding:.8rem;border-radius:var(--border-radius-md);background-color:#f8fafc;transition:all .2s;margin-bottom:.8rem}.premium-features{list-style:none;padding:0;margin:0}.premium-feature{display:flex;align-items:center;gap:.6rem;margin-bottom:.8rem;font-size:.8rem;padding:.6rem;background-color:#f8fafc;border-radius:var(--border-radius-md)}.plan-action{margin-top:.5rem;text-align:center}.plan-action .action-button{padding:.4rem .8rem;font-size:.7rem}.premium-status-panel{min-height:416px;display:flex;flex-direction:column;background:#fff;border-radius:var(--border-radius-lg);padding:1.2rem;box-shadow:var(--shadow-md);position:relative;overflow:hidden;margin-bottom:1.6rem}.premium-benefits-list{display:flex;flex-direction:column;gap:1.2rem;margin-bottom:1.6rem}.premium-benefit-item{display:flex;align-items:flex-start;gap:.8rem}.benefit-icon{color:var(--accent-color);font-size:.9rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1.2rem}.benefit-content{flex:1}.benefit-content h3{font-size:.85rem;font-weight:600;margin:0 0 .2rem;color:var(--text-dark)}.benefit-content p{font-size:.75rem;color:var(--text-light);margin:0}.stat-details{display:flex;flex-direction:column}.stat-title{font-size:.75rem;color:var(--text-light);margin-bottom:.2rem}.stat-value{font-size:1.2rem;font-weight:700;color:var(--text-dark)}.subscription-indicator{display:flex;align-items:center;padding:8px 16px;border-radius:6px;margin:10px 0;font-size:14px;gap:10px;transition:all .2s ease}.subscription-indicator.mini{padding:5px 10px;margin:0;font-size:12px;gap:5px;cursor:pointer}.mini-text{font-size:12px;white-space:nowrap}.subscription-indicator.loading{background-color:#f3f4f6;color:#6b7280;animation:pulse 1.5s infinite}.subscription-indicator.active{background-color:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.subscription-indicator.expired{background-color:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.subscription-indicator.unknown{background-color:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb}.expiring-soon-bg{background-color:#fffbeb;border-color:#fcd34d}.expiring-soon-dot{width:8px;height:8px;border-radius:50%;background-color:#dc2626;animation:blink 2s infinite;margin-left:-5px}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(107,114,128,.3);border-radius:50%;border-top-color:#6b7280;animation:spin 1s linear infinite}.subscription-indicator.mini .loading-spinner{width:12px;height:12px;border-width:1.5px}.indicator-icon{font-size:16px}.subscription-indicator.mini .indicator-icon{font-size:14px}.subscription-indicator-wrapper{position:relative;display:inline-block}.subscription-popup{position:absolute;top:100%;right:0;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:12px;width:250px;z-index:100;margin-top:5px;border:1px solid #e5e7eb}.subscription-popup:before{content:"";position:absolute;top:-8px;right:20px;width:16px;height:16px;transform:rotate(45deg);background-color:#fff;border-left:1px solid #e5e7eb;border-top:1px solid #e5e7eb}.subscription-details{display:flex;flex-direction:column;width:100%}.plan-info{display:flex;align-items:center;gap:8px;font-weight:700}.expiration-info{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-top:4px;flex-wrap:wrap}.expiring-soon{color:#dc2626;font-weight:700;animation:blink 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.media-library-container{position:fixed;top:0;left:0;height:100vh;width:300px;background-color:#fff;box-shadow:3px 0 8px #0000001a;overflow-y:auto;z-index:100;padding:0;display:flex;flex-direction:column}.media-library-header{display:flex;justify-content:space-between;align-items:center;padding:.8rem;border-bottom:1px solid var(--border-color);background:var(--gradient-primary);color:#fff;position:sticky;top:0;z-index:10}.media-library-header h2{margin:0;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.4rem}.center-mode-toggle{background:#fff3;color:#fff;border:none;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.center-mode-toggle:hover{background:#ffffff4d;transform:scale(1.05)}.media-library-container.center-mode{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;max-width:1200px;height:85vh;z-index:2000;border-radius:16px;box-shadow:0 25px 50px #00000040;background:#fff;border:2px solid rgba(99,102,241,.2)}.media-library-container.center-mode:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:-1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.close-button{background:transparent;border:none;color:#fff;font-size:1rem;cursor:pointer;padding:.4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.close-button:hover{background-color:#fff3}.media-count-indicator{padding:.6rem .8rem;background-color:#f3f4f6;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;position:relative}.media-count-indicator span{font-size:.7rem;font-weight:600}.help-icon{cursor:pointer;position:relative;font-size:1rem;color:var(--primary-color)}.instructions-tooltip{position:absolute;top:24px;right:0;width:220px;background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:0 3px 10px #00000026;padding:.8rem;z-index:100}.instructions-tooltip h4{margin-top:0;margin-bottom:.4rem;color:var(--text-dark);font-size:.75rem;font-weight:600}.instructions-tooltip ol{margin:0;padding-left:1.2rem}.instructions-tooltip li{font-size:.7rem;margin-bottom:.2rem;color:var(--text-light)}.limit-reached{color:var(--danger-color)}.upgrade-hint{color:var(--accent-color);font-size:.6rem}.media-form{padding:.8rem;border-bottom:1px solid var(--border-color)}.form-group{margin-bottom:.8rem}.form-group label{display:block;font-size:.7rem;font-weight:600;margin-bottom:.4rem;color:var(--text-dark)}.form-group input,.form-group textarea{width:100%;padding:.6rem;border:1px solid var(--border-color);border-radius:var(--border-radius-md);font-size:.7rem;color:var(--text-dark);transition:border-color .2s}.form-group textarea{min-height:64px;resize:vertical}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px #6366f133}.media-type-toggle{display:flex;gap:.4rem;margin-bottom:.4rem}.type-button{flex:1;padding:.4rem;border:1px solid var(--border-color);border-radius:var(--border-radius-md);background-color:#fff;color:var(--text-light);font-size:.7rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.4rem}.type-button.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.media-actions{display:flex;gap:.4rem}.preview-button,.save-button,.cancel-button{padding:.5rem .8rem;border-radius:var(--border-radius-md);font-size:.7rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.4rem;border:none}.preview-button{background-color:#f3f4f6;color:var(--text-dark);flex:1}.preview-button:hover:not(:disabled){background-color:#e5e7eb}.save-button{background:var(--gradient-primary);color:#fff;flex:2}.save-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 3px 6px #6366f14d}.cancel-button{background-color:#f3f4f6;color:var(--text-dark);flex:1}.cancel-button:hover{background-color:#e5e7eb}.preview-button:disabled,.save-button:disabled{opacity:.6;cursor:not-allowed}.error-message{color:var(--danger-color);font-size:.7rem;margin-bottom:.8rem;padding:.4rem;background-color:#ef44441a;border-radius:var(--border-radius-sm)}.media-preview{padding:.8rem;border-bottom:1px solid var(--border-color)}.media-preview h3{font-size:.8rem;font-weight:600;margin-top:0;margin-bottom:.8rem;color:var(--text-dark)}.media-preview img{width:100%;max-height:160px;object-fit:contain;border-radius:var(--border-radius-md);border:1px solid var(--border-color)}.video-preview-container{width:100%;height:120px;background-color:#f3f4f6;border-radius:var(--border-radius-md);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center}.video-fallback{text-align:center;color:var(--text-light);font-size:.75rem}.video-fallback i{font-size:2rem;display:block;margin-bottom:.4rem}.media-list{flex:1;padding:.8rem;overflow-y:auto}.media-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.media-list h3{font-size:.8rem;font-weight:600;margin:0;color:var(--text-dark)}.create-new-button{background-color:var(--primary-light);color:#fff;border:none;padding:.4rem .8rem;border-radius:var(--border-radius-md);font-size:.7rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.4rem;font-weight:600}.create-new-button:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 3px 6px #6366f14d}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.8rem;list-style:none;padding:0;margin:0}.media-item{position:relative;border:1px solid var(--border-color);border-radius:var(--border-radius-md);overflow:hidden;background-color:#fff;transition:all .2s;display:flex;flex-direction:column;height:160px}.media-item:hover{transform:translateY(-2px);box-shadow:0 3px 6px #0000001a;border-color:var(--primary-light)}.media-item-preview{height:80px;background-color:#f3f4f6;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.media-item-preview img{width:100%;height:100%;object-fit:cover;object-position:center}.video-icon{width:40px;height:40px;border-radius:50%;background-color:#6366f133;display:flex;align-items:center;justify-content:center}.video-icon i{color:var(--primary-color);font-size:1rem}.media-item-details{padding:.6rem;flex:1;display:flex;flex-direction:column;justify-content:space-between}.media-item-description{font-size:.7rem;color:var(--text-dark);line-height:1.2;margin-bottom:.4rem;word-break:break-word;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.media-item-type{font-size:.6rem;color:var(--text-light);display:flex;align-items:center;gap:.3rem}.media-item-actions{display:flex;border-top:1px solid var(--border-color);background-color:#f9fafb}.action-button{flex:1;background:transparent;border:none;padding:.4rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--text-light)}.copy-btn{border-right:1px solid var(--border-color);color:var(--primary-color)}.copy-btn:hover{background-color:#6366f11a}.edit-btn{border-right:1px solid var(--border-color);color:var(--secondary-color)}.edit-btn:hover{background-color:#10b9811a}.delete-btn{color:var(--danger-color)}.delete-btn:hover{background-color:#ef44441a}.loading-indicator{text-align:center;padding:2rem 0;color:var(--text-light);font-size:.8rem}.loading-indicator i{font-size:1.2rem;margin-bottom:.8rem;display:inline-block}.empty-media{text-align:center;padding:2rem 0;color:var(--text-light);font-size:.8rem}.empty-media i{font-size:2rem;color:var(--primary-light);opacity:.5;margin-bottom:.8rem}.media-usage-instructions{background-color:#f3f4f6;border-radius:var(--border-radius-md);padding:.8rem;margin-top:.8rem}.media-usage-instructions h3{font-size:.75rem;font-weight:600;margin-top:0;margin-bottom:.4rem;color:var(--text-dark)}.media-usage-instructions ol{margin:0;padding-left:1.2rem}.media-usage-instructions li{font-size:.7rem;margin-bottom:.2rem;color:var(--text-light)}.pixabay-search-section{border-bottom:1px solid var(--border-color);background:#f8f9fa}.pixabay-search-header{padding:.8rem}.pixabay-toggle-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.6rem 1rem;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;width:100%;justify-content:center;transition:all .2s ease}.pixabay-toggle-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.pixabay-search-content{padding:0 .8rem .8rem}.pixabay-search-controls{display:flex;gap:.5rem;margin-bottom:.8rem}.search-input-group{flex:1;display:flex;border:1px solid var(--border-color);border-radius:6px;overflow:hidden;background:#fff}.pixabay-search-input{flex:1;padding:.6rem .8rem;border:none;font-size:.8rem;outline:none}.pixabay-search-input:focus{box-shadow:none}.pixabay-search-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.6rem 1rem;cursor:pointer;transition:all .2s;font-weight:600;min-width:50px;display:flex;align-items:center;justify-content:center}.pixabay-search-btn:hover:not(:disabled){background:linear-gradient(135deg,#5856eb,#6b46c1);transform:scale(1.02)}.pixabay-search-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.pixabay-type-select{padding:.6rem;border:1px solid var(--border-color);border-radius:6px;font-size:.8rem;background:#fff;min-width:80px}.pixabay-results{max-height:300px;overflow-y:auto}.pixabay-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem}.pixabay-result-item{border:1px solid var(--border-color);border-radius:6px;overflow:hidden;background:#fff;transition:all .2s}.pixabay-result-item:hover:not(.added){transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.pixabay-result-item.animating{animation:addingItem .5s ease-out}.pixabay-result-item.added{opacity:.7;transform:scale(.95);transition:all .3s ease}@keyframes addingItem{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.pixabay-item-preview{height:80px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;cursor:pointer;transition:all .2s}.pixabay-item-preview:hover{transform:scale(1.02)}.pixabay-item-preview img{width:100%;height:100%;object-fit:cover}.preview-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:all .2s;color:#fff;font-size:1rem;gap:.2rem}.preview-overlay span{font-size:.7rem;font-weight:600}.pixabay-item-preview:hover .preview-overlay{opacity:1}.added-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#10b981e6;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;gap:.2rem;animation:tickAppear .5s ease-out}.added-overlay span{font-size:.7rem;font-weight:600}@keyframes tickAppear{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.pixabay-video-placeholder{display:flex;flex-direction:column;align-items:center;gap:.3rem;color:var(--text-light)}.pixabay-video-placeholder i{font-size:1.5rem}.pixabay-video-placeholder span{font-size:.7rem;font-weight:600}.pixabay-video-thumbnail{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.pixabay-video-thumbnail img{width:100%;height:100%;object-fit:cover}.video-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b3;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;pointer-events:none}.pixabay-video-thumbnail-wrapper,.direct-video-thumbnail{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.video-fallback{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;color:var(--text-light);background:#f3f4f6}.video-fallback i{font-size:1.5rem}.video-fallback span{font-size:.7rem;font-weight:600}.pixabay-item-info{padding:.5rem;display:flex;justify-content:space-between;align-items:center;gap:.3rem}.pixabay-item-tags{font-size:.65rem;color:var(--text-light);margin:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pixabay-add-btn{background:var(--success-color);color:#fff;border:none;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.7rem;transition:all .2s;flex-shrink:0}.pixabay-add-btn:hover:not(:disabled){background:#059669;transform:scale(1.1)}.pixabay-add-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.pixabay-add-btn.added{background:#10b981;cursor:default}.pixabay-add-btn.added:hover{background:#10b981;transform:none}.hover-preview-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:3000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hover-preview-content{background:#fff;border-radius:16px;max-width:600px;max-height:80vh;overflow:hidden;box-shadow:0 25px 50px #0000004d;border:2px solid rgba(99,102,241,.2)}.hover-preview-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.close-preview-btn{background:#fff3;color:#fff;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.close-preview-btn:hover{background:#ffffff4d;transform:scale(1.1)}.hover-preview-media{padding:1.5rem;display:flex;align-items:center;justify-content:center;min-height:300px}.hover-preview-media img{max-width:100%;max-height:400px;border-radius:8px;box-shadow:0 8px 25px #00000026}.hover-video-preview{display:flex;flex-direction:column;align-items:center;gap:1rem;color:#6b7280}.hover-video-preview i{font-size:4rem;color:#667eea}.hover-video-preview p{margin:0;font-size:1.1rem;font-weight:600}.video-tags{font-size:.9rem!important;font-weight:400!important;color:#9ca3af!important;text-align:center;max-width:300px}.hover-preview-actions{padding:1rem 1.5rem;border-top:1px solid #e5e7eb;display:flex;justify-content:center;gap:.8rem}.hover-add-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.hover-add-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #10b9814d}.hover-add-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.pin-preview-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.pin-preview-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.hover-preview-modal.hover-preview{pointer-events:none}.hover-preview-modal.hover-preview .hover-preview-content,.hover-preview-modal.click-preview{pointer-events:all}.hover-preview-header h3{margin:0;font-size:1.1rem;font-weight:600}@media (max-width: 1024px){.media-library-container{height:320px;width:100%;box-shadow:0 4px 8px #0000001a}.media-actions{flex-wrap:wrap}.media-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.media-item-preview{height:70px}.media-item-actions{padding:.3rem 0}.pixabay-results-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.pixabay-item-preview{height:60px}}.knowledge-base-panel{position:fixed;top:0;right:0;width:350px;height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9,#e2e8f0);border-left:3px solid;border-image:linear-gradient(45deg,#6366f1,#8b5cf6,#ec4899,#f59e0b,#10b981,#06b6d4,#6366f1) 1;animation:gradientShift 8s ease-in-out infinite;box-shadow:-4px 0 20px #00000026;z-index:1000;display:flex;flex-direction:column;overflow:hidden}.knowledge-base-panel:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 180px 130px at 25% 35%,rgba(99,102,241,.8) 0%,transparent 50%),radial-gradient(ellipse 160px 110px at 75% 65%,rgba(139,92,246,.7) 0%,transparent 50%),radial-gradient(ellipse 140px 120px at 45% 75%,rgba(16,185,129,.6) 0%,transparent 50%),radial-gradient(ellipse 120px 90px at 85% 25%,rgba(6,182,212,.75) 0%,transparent 50%);animation:smoothFloatingGradients 20s cubic-bezier(.4,0,.2,1) infinite;pointer-events:none;z-index:1}.knowledge-base-panel>*{position:relative;z-index:2}@keyframes gradientShift{0%{border-image:linear-gradient(45deg,#6366f1,#8b5cf6,#ec4899,#f59e0b,#10b981,#06b6d4,#6366f1) 1}16.66%{border-image:linear-gradient(45deg,#8b5cf6,#ec4899,#f59e0b,#10b981,#06b6d4,#6366f1,#8b5cf6) 1}33.33%{border-image:linear-gradient(45deg,#ec4899,#f59e0b,#10b981,#06b6d4,#6366f1,#8b5cf6,#ec4899) 1}50%{border-image:linear-gradient(45deg,#f59e0b,#10b981,#06b6d4,#6366f1,#8b5cf6,#ec4899,#f59e0b) 1}66.66%{border-image:linear-gradient(45deg,#10b981,#06b6d4,#6366f1,#8b5cf6,#ec4899,#f59e0b,#10b981) 1}83.33%{border-image:linear-gradient(45deg,#06b6d4,#6366f1,#8b5cf6,#ec4899,#f59e0b,#10b981,#06b6d4) 1}to{border-image:linear-gradient(45deg,#6366f1,#8b5cf6,#ec4899,#f59e0b,#10b981,#06b6d4,#6366f1) 1}}@keyframes smoothFloatingGradients{0%{background:radial-gradient(ellipse 180px 130px at 25% 35%,rgba(99,102,241,.8) 0%,transparent 50%),radial-gradient(ellipse 160px 110px at 75% 65%,rgba(139,92,246,.7) 0%,transparent 50%),radial-gradient(ellipse 140px 120px at 45% 75%,rgba(16,185,129,.6) 0%,transparent 50%),radial-gradient(ellipse 120px 90px at 85% 25%,rgba(6,182,212,.75) 0%,transparent 50%)}12.5%{background:radial-gradient(ellipse 175px 125px at 30% 40%,rgba(99,102,241,.75) 0%,transparent 50%),radial-gradient(ellipse 165px 115px at 70% 60%,rgba(139,92,246,.8) 0%,transparent 50%),radial-gradient(ellipse 145px 125px at 50% 70%,rgba(16,185,129,.7) 0%,transparent 50%),radial-gradient(ellipse 125px 95px at 80% 30%,rgba(6,182,212,.6) 0%,transparent 50%)}25%{background:radial-gradient(ellipse 170px 120px at 35% 45%,rgba(99,102,241,.7) 0%,transparent 50%),radial-gradient(ellipse 170px 120px at 65% 55%,rgba(139,92,246,.8) 0%,transparent 50%),radial-gradient(ellipse 150px 130px at 55% 65%,rgba(16,185,129,.75) 0%,transparent 50%),radial-gradient(ellipse 130px 100px at 75% 35%,rgba(6,182,212,.6) 0%,transparent 50%)}37.5%{background:radial-gradient(ellipse 165px 115px at 40% 50%,rgba(99,102,241,.75) 0%,transparent 50%),radial-gradient(ellipse 175px 125px at 60% 50%,rgba(139,92,246,.7) 0%,transparent 50%),radial-gradient(ellipse 155px 135px at 60% 60%,rgba(16,185,129,.8) 0%,transparent 50%),radial-gradient(ellipse 135px 105px at 70% 40%,rgba(6,182,212,.7) 0%,transparent 50%)}50%{background:radial-gradient(ellipse 160px 110px at 45% 55%,rgba(99,102,241,.8) 0%,transparent 50%),radial-gradient(ellipse 180px 130px at 55% 45%,rgba(139,92,246,.6) 0%,transparent 50%),radial-gradient(ellipse 160px 140px at 65% 55%,rgba(16,185,129,.75) 0%,transparent 50%),radial-gradient(ellipse 140px 110px at 65% 45%,rgba(6,182,212,.8) 0%,transparent 50%)}62.5%{background:radial-gradient(ellipse 165px 115px at 50% 60%,rgba(99,102,241,.75) 0%,transparent 50%),radial-gradient(ellipse 175px 125px at 50% 40%,rgba(139,92,246,.7) 0%,transparent 50%),radial-gradient(ellipse 155px 135px at 70% 50%,rgba(16,185,129,.6) 0%,transparent 50%),radial-gradient(ellipse 135px 105px at 60% 50%,rgba(6,182,212,.8) 0%,transparent 50%)}75%{background:radial-gradient(ellipse 170px 120px at 55% 65%,rgba(99,102,241,.7) 0%,transparent 50%),radial-gradient(ellipse 170px 120px at 45% 35%,rgba(139,92,246,.8) 0%,transparent 50%),radial-gradient(ellipse 150px 130px at 75% 45%,rgba(16,185,129,.75) 0%,transparent 50%),radial-gradient(ellipse 130px 100px at 55% 55%,rgba(6,182,212,.7) 0%,transparent 50%)}87.5%{background:radial-gradient(ellipse 175px 125px at 30% 40%,rgba(99,102,241,.75) 0%,transparent 50%),radial-gradient(ellipse 165px 115px at 70% 60%,rgba(139,92,246,.7) 0%,transparent 50%),radial-gradient(ellipse 145px 125px at 50% 70%,rgba(16,185,129,.8) 0%,transparent 50%),radial-gradient(ellipse 125px 95px at 80% 30%,rgba(6,182,212,.75) 0%,transparent 50%)}to{background:radial-gradient(ellipse 180px 130px at 25% 35%,rgba(99,102,241,.8) 0%,transparent 50%),radial-gradient(ellipse 160px 110px at 75% 65%,rgba(139,92,246,.7) 0%,transparent 50%),radial-gradient(ellipse 140px 120px at 45% 75%,rgba(16,185,129,.6) 0%,transparent 50%),radial-gradient(ellipse 120px 90px at 85% 25%,rgba(6,182,212,.75) 0%,transparent 50%)}}@keyframes smoothFloatingGradients{0%{background:radial-gradient(ellipse 180px 130px at 25% 35%,rgba(99,102,241,.25) 0%,transparent 65%),radial-gradient(ellipse 160px 110px at 75% 65%,rgba(139,92,246,.2) 0%,transparent 65%),radial-gradient(ellipse 140px 120px at 45% 75%,rgba(16,185,129,.18) 0%,transparent 65%),radial-gradient(ellipse 120px 90px at 85% 25%,rgba(6,182,212,.22) 0%,transparent 65%)}12.5%{background:radial-gradient(ellipse 175px 125px at 30% 40%,rgba(99,102,241,.23) 0%,transparent 65%),radial-gradient(ellipse 165px 115px at 70% 60%,rgba(139,92,246,.22) 0%,transparent 65%),radial-gradient(ellipse 145px 125px at 50% 70%,rgba(16,185,129,.2) 0%,transparent 65%),radial-gradient(ellipse 125px 95px at 80% 30%,rgba(6,182,212,.2) 0%,transparent 65%)}25%{background:radial-gradient(ellipse 170px 120px at 35% 45%,rgba(99,102,241,.2) 0%,transparent 65%),radial-gradient(ellipse 170px 120px at 65% 55%,rgba(139,92,246,.25) 0%,transparent 65%),radial-gradient(ellipse 150px 130px at 55% 65%,rgba(16,185,129,.22) 0%,transparent 65%),radial-gradient(ellipse 130px 100px at 75% 35%,rgba(6,182,212,.18) 0%,transparent 65%)}37.5%{background:radial-gradient(ellipse 165px 115px at 40% 50%,rgba(99,102,241,.22) 0%,transparent 65%),radial-gradient(ellipse 175px 125px at 60% 50%,rgba(139,92,246,.23) 0%,transparent 65%),radial-gradient(ellipse 155px 135px at 60% 60%,rgba(16,185,129,.25) 0%,transparent 65%),radial-gradient(ellipse 135px 105px at 70% 40%,rgba(6,182,212,.2) 0%,transparent 65%)}50%{background:radial-gradient(ellipse 160px 110px at 45% 55%,rgba(99,102,241,.25) 0%,transparent 65%),radial-gradient(ellipse 180px 130px at 55% 45%,rgba(139,92,246,.2) 0%,transparent 65%),radial-gradient(ellipse 160px 140px at 65% 55%,rgba(16,185,129,.23) 0%,transparent 65%),radial-gradient(ellipse 140px 110px at 65% 45%,rgba(6,182,212,.22) 0%,transparent 65%)}62.5%{background:radial-gradient(ellipse 165px 115px at 50% 60%,rgba(99,102,241,.23) 0%,transparent 65%),radial-gradient(ellipse 175px 125px at 50% 40%,rgba(139,92,246,.22) 0%,transparent 65%),radial-gradient(ellipse 155px 135px at 70% 50%,rgba(16,185,129,.2) 0%,transparent 65%),radial-gradient(ellipse 135px 105px at 60% 50%,rgba(6,182,212,.25) 0%,transparent 65%)}75%{background:radial-gradient(ellipse 170px 120px at 55% 65%,rgba(99,102,241,.2) 0%,transparent 65%),radial-gradient(ellipse 170px 120px at 45% 35%,rgba(139,92,246,.25) 0%,transparent 65%),radial-gradient(ellipse 150px 130px at 75% 45%,rgba(16,185,129,.22) 0%,transparent 65%),radial-gradient(ellipse 130px 100px at 55% 55%,rgba(6,182,212,.23) 0%,transparent 65%)}87.5%{background:radial-gradient(ellipse 175px 125px at 30% 40%,rgba(99,102,241,.22) 0%,transparent 65%),radial-gradient(ellipse 165px 115px at 70% 60%,rgba(139,92,246,.23) 0%,transparent 65%),radial-gradient(ellipse 145px 125px at 50% 70%,rgba(16,185,129,.25) 0%,transparent 65%),radial-gradient(ellipse 125px 95px at 80% 30%,rgba(6,182,212,.2) 0%,transparent 65%)}to{background:radial-gradient(ellipse 180px 130px at 25% 35%,rgba(99,102,241,.25) 0%,transparent 65%),radial-gradient(ellipse 160px 110px at 75% 65%,rgba(139,92,246,.2) 0%,transparent 65%),radial-gradient(ellipse 140px 120px at 45% 75%,rgba(16,185,129,.18) 0%,transparent 65%),radial-gradient(ellipse 120px 90px at 85% 25%,rgba(6,182,212,.22) 0%,transparent 65%)}}.knowledge-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border-bottom:1px solid #e5e7eb;background:#f9fafb;min-height:60px}.knowledge-header h3{margin:0;display:flex;align-items:center;gap:.5rem;font-size:.95rem;color:#374151;font-weight:600}.knowledge-header h3 i{color:#6366f1}.premium-badge{background:linear-gradient(135deg,gold,#ffed4e);color:#333;padding:.2rem .5rem;border-radius:12px;font-size:.7rem;font-weight:700;margin-left:.5rem}.limit-badge{background:linear-gradient(135deg,#e5e7eb,#f3f4f6);color:#6b7280;padding:.2rem .5rem;border-radius:12px;font-size:.7rem;font-weight:700;margin-left:.5rem}.limit-info{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:.75rem;margin:1rem 0;display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#0369a1}.limit-info i{color:#0284c7}.limit-info a{color:#0284c7;text-decoration:underline;cursor:pointer}.limit-info a:hover{color:#0369a1}.close-btn{background:none;border:none;font-size:1.2rem;color:#666;cursor:pointer;padding:.5rem;border-radius:4px;transition:background-color .2s}.close-btn:hover{background:#f0f0f0}.upgrade-prompt{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.upgrade-content{text-align:center;max-width:300px}.upgrade-icon{font-size:3rem;color:gold;margin-bottom:1rem}.upgrade-content h4{margin:0 0 1rem;color:#333;font-size:1.3rem}.upgrade-content p{color:#666;margin-bottom:1.5rem;line-height:1.5}.upgrade-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .2s}.upgrade-btn:hover{transform:translateY(-2px)}.knowledge-controls{padding:.75rem;border-bottom:1px solid #e5e7eb;background:#f9fafb;flex-shrink:0}.search-bar{display:flex;margin-bottom:.75rem}.search-bar input{flex:1;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px 0 0 6px;outline:none;font-size:.875rem;background:#fff}.search-bar button{background:#6366f1;color:#fff;border:none;padding:.5rem .75rem;border-radius:0 6px 6px 0;cursor:pointer;transition:background-color .2s}.search-bar button:hover{background:#5856eb}.filter-controls{margin-bottom:.75rem}.filter-controls select{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:.875rem;color:#374151}.add-btn{width:100%;background:#10b981;color:#fff;border:none;padding:.625rem;border-radius:6px;font-weight:600;font-size:.875rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.add-btn:hover{background:#059669;transform:translateY(-1px)}.add-knowledge-btn{width:100%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease;box-shadow:0 2px 4px #6366f133}.add-knowledge-btn:hover{background:linear-gradient(135deg,#5856eb,#7c3aed);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.add-knowledge-btn:active{transform:translateY(0);box-shadow:0 2px 4px #6366f133}.add-knowledge-btn i{font-size:.875rem}.knowledge-form{padding:.75rem;border-bottom:1px solid #e5e7eb;background:#f9fafb;max-height:60vh;overflow-y:auto}.knowledge-form h4{margin:0 0 .75rem;color:#374151;font-size:.9rem;font-weight:600}.knowledge-form input,.knowledge-form select,.knowledge-form textarea{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;margin-bottom:.625rem;font-family:inherit;font-size:.875rem;box-sizing:border-box;background:#fff}.knowledge-form textarea{resize:vertical;min-height:60px;max-height:120px}.form-actions{display:flex;gap:.5rem;margin-bottom:.75rem}.manual-entry-btn,.ai-generator-btn{flex:1;border:none;padding:.6rem;border-radius:6px;font-weight:600;cursor:pointer;font-size:.8rem;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.3rem}.manual-entry-btn{background:#6b7280;color:#fff}.manual-entry-btn:hover{background:#5b6470}.ai-generator-btn{background:#8b5cf6;color:#fff}.ai-generator-btn:hover{background:#7c3aed}.ai-generator-section{margin-bottom:.75rem;padding:.75rem;background:#f3f4f6;border-radius:6px;border:1px solid #e5e7eb}.ai-generator-section textarea{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;margin-bottom:.5rem;font-family:inherit;font-size:.875rem;box-sizing:border-box;background:#fff;resize:vertical;min-height:60px}.save-btn{flex:1;background:#6366f1;color:#fff;border:none;padding:.75rem;border-radius:4px;font-weight:600;cursor:pointer}.save-btn:disabled{background:#ccc;cursor:not-allowed}.cancel-btn{flex:1;background:#6b7280;color:#fff;border:none;padding:.75rem;border-radius:4px;font-weight:600;cursor:pointer}.ai-generator-toggle{margin-bottom:1rem;text-align:center}.ai-toggle-btn{background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;margin:0 auto;transition:transform .2s}.ai-toggle-btn:hover{transform:translateY(-1px)}.ai-generator{background:#f8f9ff;border:2px solid #e0e7ff;border-radius:8px;padding:1rem;margin-bottom:1rem}.ai-generator h5{margin:0 0 .75rem;color:#6366f1;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.ai-generator h5:before{content:"✨";font-size:1rem}.ai-generator textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;margin-bottom:.75rem;font-family:inherit;box-sizing:border-box;resize:vertical}.ai-actions{display:flex;gap:.5rem}.ai-generate-btn,.ai-save-btn{flex:1;border:none;padding:.6rem;border-radius:6px;font-weight:600;cursor:pointer;font-size:.8rem;transition:all .2s}.ai-generate-btn{background:#6366f1;color:#fff}.ai-generate-btn:hover:not(:disabled){background:#5856eb}.ai-save-btn{background:#10b981;color:#fff}.ai-save-btn:hover:not(:disabled){background:#059669}.ai-generate-btn:disabled,.ai-save-btn:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed}.knowledge-list,.knowledge-items{flex:1;overflow-y:auto;padding:.75rem}.loading,.empty-state{text-align:center;padding:2rem;color:#666}.empty-state i{font-size:3rem;color:#ddd;margin-bottom:1rem}.knowledge-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:.75rem;margin-bottom:.75rem;transition:all .2s}.knowledge-item:hover{box-shadow:0 2px 8px #00000014;border-color:#d1d5db}.item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.item-header h4{margin:0;color:#374151;font-size:.9rem;font-weight:600;flex:1;line-height:1.3}.item-actions{display:flex;gap:.25rem}.item-actions button{background:none;border:none;color:#666;cursor:pointer;padding:.25rem;border-radius:4px;transition:background-color .2s}.item-actions button:hover{background:#f0f0f0}.item-meta{display:flex;gap:.5rem;margin-bottom:.5rem}.category{background:#e5e7eb;color:#374151;padding:.2rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500}.ai-badge{background:#ddd6fe;color:#6366f1;padding:.2rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500}.item-content{color:#6b7280;font-size:.8rem;line-height:1.4;margin-bottom:.5rem}.item-tags{display:flex;flex-wrap:wrap;gap:.25rem}.tag{background:#f3f4f6;color:#6b7280;padding:.15rem .4rem;border-radius:8px;font-size:.7rem}.knowledge-center-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:2000;display:flex;align-items:center;justify-content:center;padding:2rem;box-sizing:border-box}.knowledge-center-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.knowledge-center-content{position:relative;width:90%;max-width:1200px;height:85vh;background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;overflow:hidden;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.knowledge-center-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.knowledge-center-header h2{margin:0;display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700}.knowledge-center-header h2 i{font-size:1.75rem;color:#fbbf24}.knowledge-center-header .close-btn{background:#fff3;color:#fff;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.knowledge-center-header .close-btn:hover{background:#ffffff4d;transform:scale(1.05)}.knowledge-center-body{flex:1;overflow:hidden;display:flex;flex-direction:column;padding:2rem;background:#fafbfc}.knowledge-center-body .knowledge-controls{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;align-items:center}.knowledge-center-body .search-bar{flex:1;min-width:300px;position:relative}.knowledge-center-body .search-bar input{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;transition:all .2s ease}.knowledge-center-body .search-bar input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.knowledge-center-body .filter-controls select{padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;background:#fff;min-width:150px}.knowledge-center-body .add-knowledge-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s ease}.knowledge-center-body .add-knowledge-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.knowledge-center-body .knowledge-items{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;padding-right:.5rem}.knowledge-center-body .knowledge-item{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a;transition:all .2s ease;border:1px solid #e5e7eb}.knowledge-center-body .knowledge-item:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a;border-color:#6366f1}.knowledge-center-body .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:#6b7280}.knowledge-center-body .empty-state i{font-size:4rem;color:#d1d5db;margin-bottom:1rem}.knowledge-center-body .empty-state p{font-size:1.25rem;margin:0}@media (max-width: 768px){.knowledge-base-panel{width:100%;left:0}.knowledge-center-modal{padding:1rem}.knowledge-center-content{width:100%;height:90vh;border-radius:16px}.knowledge-center-header{padding:1rem 1.5rem}.knowledge-center-header h2{font-size:1.25rem}.knowledge-center-body{padding:1.5rem}.knowledge-center-body .knowledge-items{grid-template-columns:1fr}}.recent-presentations{margin-bottom:2rem;display:flex;flex-direction:column;height:100%}.recent-presentations-content{flex:1;overflow-y:auto;overflow-x:hidden;padding-right:.5rem;position:relative;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.recent-presentations-content:after{content:"";position:sticky;bottom:0;left:0;right:0;height:20px;background:linear-gradient(transparent,#fffc);pointer-events:none;z-index:1}.recent-presentations-content::-webkit-scrollbar{width:6px}.recent-presentations-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.recent-presentations-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.recent-presentations-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h2{margin:0;color:#374151;font-size:1.25rem;font-weight:600}.create-new-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s;font-size:.9rem}.create-new-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#6b7280}.loading-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top:3px solid #6366f1;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1.5rem 1rem;min-height:180px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border:2px dashed #e2e8f0;position:relative;overflow:hidden;margin:.25rem}.empty-state:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(99,102,241,.03) 0%,transparent 70%);animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.empty-illustration{position:relative;z-index:2;width:60px;height:60px;margin:0 auto 1rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 20px #667eea33;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.empty-illustration i{font-size:2rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.1)}.empty-state h3{position:relative;z-index:2;font-size:1.1rem;font-weight:700;color:#1e293b;margin:0 0 .5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.empty-state p{position:relative;z-index:2;font-size:.85rem;margin-bottom:1rem;color:#64748b;max-width:300px;line-height:1.4}.create-first-btn{position:relative;z-index:2;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease;font-size:.9rem;box-shadow:0 6px 20px #667eea40;text-transform:uppercase;letter-spacing:.3px}.create-first-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 40px #667eea66}.create-first-btn:active{transform:translateY(-1px) scale(.98)}.create-first-btn i{font-size:1.2rem;transition:transform .3s ease}.create-first-btn:hover i{transform:rotate(90deg)}.empty-state:after{content:"✨";position:absolute;top:20%;right:20%;font-size:1.5rem;animation:sparkle 3s ease-in-out infinite;z-index:1}@keyframes sparkle{0%,to{opacity:0;transform:scale(.5) rotate(0)}50%{opacity:1;transform:scale(1) rotate(180deg)}}.empty-state .decoration{position:absolute;width:8px;height:8px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;opacity:.3}.empty-state .decoration:nth-child(1){top:15%;left:15%;animation:float 4s ease-in-out infinite}.empty-state .decoration:nth-child(2){bottom:20%;left:25%;animation:float 5s ease-in-out infinite reverse}.empty-state .decoration:nth-child(3){top:25%;right:30%;animation:float 6s ease-in-out infinite}.presentations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.2rem;padding-bottom:1rem}.presentation-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .2s;box-shadow:0 1px 3px #0000001a}.presentation-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:#d1d5db}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.slide-preview{width:80px;height:60px;border-radius:8px;overflow:hidden;position:relative;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center}.preview-image{width:100%;height:100%;object-fit:cover;border-radius:8px}.preview-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;background:linear-gradient(135deg,#6366f1,#8b5cf6)}.presentation-icon{width:48px;height:48px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}.delete-btn{background:none;border:none;color:#9ca3af;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s;opacity:0}.presentation-card:hover .delete-btn{opacity:1}.delete-btn:hover:not(:disabled){background:#fee2e2;color:#dc2626}.delete-btn:disabled{opacity:.5;cursor:not-allowed}.card-content{margin-bottom:1.5rem}.title-container{margin-bottom:.75rem}.presentation-title{margin:0;color:#374151;font-size:1.1rem;font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;padding:2px 4px;border-radius:4px;transition:background-color .2s}.presentation-title:hover{background-color:#f3f4f6}.title-input{width:100%;margin:0;padding:2px 4px;border:2px solid #6366f1;border-radius:4px;font-size:1.1rem;font-weight:600;color:#374151;background:#fff;outline:none;font-family:inherit}.presentation-meta{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:#6b7280}.slide-count{display:flex;align-items:center;gap:.375rem}.slide-count i{color:#9ca3af}.last-accessed{font-size:.8rem}.card-footer{border-top:1px solid #f3f4f6;padding-top:1rem}.progress-bar{width:100%;height:4px;background:#f3f4f6;border-radius:2px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:2px;transition:width .3s ease}.progress-text{font-size:.8rem;color:#6b7280;font-weight:500}@media (max-width: 768px){.presentations-grid{grid-template-columns:1fr;gap:1rem}.section-header{flex-direction:column;gap:1rem;align-items:stretch}.create-new-btn{justify-content:center}.recent-presentations-content{padding-right:.25rem}}.terms-container{display:flex;flex-direction:column;max-width:100%;width:100%;margin:0 auto;padding:40px;background-color:#121420;color:#e6e6e6;height:100vh;overflow-y:auto;box-sizing:border-box;position:relative}.terms-header{padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1);text-align:center;margin-bottom:30px}.terms-header h1{font-size:2.5rem;margin-bottom:10px;color:#6366f1}.terms-header p{font-size:1.2rem;color:#ffffffb3;max-width:800px;margin:0 auto}.demo-notice{margin:1rem auto;padding:.75rem 1rem;background-color:#4f46e51a;border-left:4px solid #4f46e5;border-radius:.375rem;color:#a5b4fc;font-size:.9rem;max-width:800px;text-align:left}.terms-content{flex:1;line-height:1.6;color:#fffc;max-width:90%;margin:0 auto;width:100%;padding-right:20px}.terms-content h2{font-size:1.8rem;margin:40px 0 20px;color:#6366f1;border-bottom:2px solid rgba(255,255,255,.1);padding-bottom:10px}.terms-content h3{font-size:1.4rem;margin:30px 0 15px;color:#818cf8}.terms-content h4{font-size:1.2rem;margin:20px 0 10px;color:#ffffffe6}.terms-content p{margin-bottom:15px;font-size:1rem;color:#ffffffb3}.terms-content ul,.terms-content ol{margin:0 0 20px 20px;padding-left:20px;color:#ffffffb3}.terms-content li{margin-bottom:10px}.terms-content a{color:#818cf8;text-decoration:none}.terms-content a:hover{text-decoration:underline}.terms-footer{margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);text-align:center;font-size:.9rem;color:#ffffff80}.back-button{display:inline-block;margin-top:15px;padding:10px 20px;background-color:#6366f1;color:#fff!important;border-radius:8px;text-decoration:none;font-weight:500;transition:all .3s}.back-button:hover{background-color:#4f46e5;transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d;text-decoration:none!important}.two-column-layout{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;margin:20px 0;width:100%}.code-block{background-color:#1e1e2a99;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:15px;margin:15px 0;overflow-x:auto;font-family:Courier New,Courier,monospace;font-size:.9rem;line-height:1.5}.code-block code{color:#a5b4fc}.code-block pre{margin:0;white-space:pre-wrap}.api-endpoint{margin-bottom:40px;padding-bottom:20px;border-bottom:1px dashed rgba(255,255,255,.1)}.api-endpoint:last-child{border-bottom:none}.api-intro{margin-bottom:30px}.terms-content ul li code{background-color:#1e1e2a99;padding:2px 5px;border-radius:3px;font-family:Courier New,Courier,monospace;font-size:.9em;color:#a5b4fc}.terms-content ul li span{color:#ffffff80;font-size:.9em}@media (max-width: 1200px){.two-column-layout{gap:30px}}@media (max-width: 768px){.terms-container{padding:20px}.two-column-layout{grid-template-columns:1fr;gap:20px}.terms-header h1{font-size:2rem}.terms-content h2{font-size:1.6rem}.terms-content h3{font-size:1.3rem}}html,body,#root{height:unset!important;min-height:unset!important;max-height:unset!important;overflow:auto!important}.api-keys-page{color:#e6e6e6;background-color:#0f172a;min-height:100%;padding:20px;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow:visible}.api-keys-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.api-keys-header h1{color:#818cf8;font-size:2rem;margin:0}.back-to-dashboard{background-color:#1e293bcc;color:#e6e6e6;border:none;border-radius:8px;padding:10px 20px;display:flex;align-items:center;gap:10px;text-decoration:none;transition:background-color .2s}.back-to-dashboard:hover{background-color:#334155e6}.new-key-alert{background-color:#1e293bcc;border:1px solid #38bdf8;border-radius:8px;padding:20px;margin-bottom:30px}.new-key-alert h3{color:#38bdf8;display:flex;align-items:center;gap:10px;margin-top:0;font-size:1.2rem}.new-key-alert p{color:#94a3b8;margin-bottom:20px}.api-key-display{background-color:#0f172ab3;border-radius:8px;padding:12px;margin:20px 0;display:flex;align-items:center;justify-content:space-between}.api-key-display code{font-family:monospace;font-size:.95rem;color:#38bdf8;flex:1}.copy-button{background-color:#38bdf833;color:#38bdf8;border:none;border-radius:6px;padding:8px 16px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color .2s}.copy-button:hover{background-color:#38bdf84d}.dismiss-button{width:100%;background-color:transparent;color:#94a3b8;border:1px solid rgba(148,163,184,.3);border-radius:8px;padding:10px;cursor:pointer;transition:all .2s}.dismiss-button:hover{background-color:#94a3b81a}.api-keys-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;margin-bottom:30px}.api-keys-card{background-color:#1e293bcc;border-radius:8px;padding:20px}.api-keys-card h3{color:#38bdf8;display:flex;align-items:center;gap:10px;margin-top:0;font-size:1.2rem;margin-bottom:20px}.debug-button{background-color:#38bdf833;color:#38bdf8;border:none;border-radius:6px;padding:4px 12px;cursor:pointer;font-size:.8rem;margin-left:auto;transition:background-color .2s}.debug-button:hover{background-color:#38bdf84d}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#94a3b8;font-size:.9rem}.form-group input{width:100%;padding:12px;background-color:#0f172ab3;border:1px solid rgba(148,163,184,.2);border-radius:8px;color:#e6e6e6;font-size:.9rem}.form-group input::placeholder{color:#94a3b899}.form-group input:focus{outline:none;border-color:#38bdf8}.generate-key-button{width:100%;background-color:#4f46e5;color:#fff;border:none;border-radius:8px;padding:12px;font-size:.95rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:background-color .2s}.generate-key-button:hover{background-color:#4338ca}.generate-key-button:disabled{background-color:#4f46e580;cursor:not-allowed}.api-keys-list-container{overflow-y:auto;max-height:350px;margin-right:-5px;padding-right:5px}.api-keys-list{display:flex;flex-direction:column;gap:15px}.api-key-item{background-color:#0f172ab3;border-radius:8px;padding:12px;margin-bottom:8px;font-size:.9rem}.api-key-name{font-weight:700;font-size:1rem;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.key-status-container{display:flex;align-items:center;gap:8px}.status-indicator{display:flex;align-items:center;gap:4px;font-size:.75rem}.status-dot{width:6px;height:6px;border-radius:50%;background-color:#64748b}.status-dot.active{background-color:#10b981}.status-toggle{position:relative;display:inline-block;width:36px;height:18px}.status-toggle input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#94a3b833;transition:.4s;border-radius:20px}.slider:before{position:absolute;content:"";height:14px;width:14px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#10b981}input:checked+.slider:before{transform:translate(18px)}.key-details{font-size:.75rem;color:#94a3b8;display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.key-id,.key-created,.key-used{display:flex;gap:8px;align-items:center}.key-label{color:#64748b;width:70px;font-size:.7rem}.revoke-button{background-color:transparent;color:#ef4444;border:1px solid #ef4444;border-radius:6px;padding:4px 8px;cursor:pointer;font-size:.7rem;display:flex;align-items:center;gap:5px;transition:all .2s;margin-left:auto}.revoke-button:hover{background-color:#ef44441a}.using-api-section{background-color:#1e293bcc;border-radius:8px;padding:20px;margin-bottom:30px}.using-api-section h3{color:#38bdf8;display:flex;align-items:center;gap:10px;margin-top:0;font-size:1.2rem;margin-bottom:20px}.code-example{background-color:#0f172ab3;border-radius:8px;padding:15px;position:relative}.code-actions{position:absolute;top:10px;right:10px;display:flex;gap:10px}.code-action{background-color:transparent;color:#94a3b8;border:none;cursor:pointer;font-size:1rem;transition:color .2s}.code-action:hover{color:#e6e6e6}.code-content{font-family:monospace;font-size:.9rem;color:#94a3b8;white-space:pre;overflow-x:auto}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0;color:#94a3b8}.loading-state i{font-size:2rem;margin-bottom:15px;color:#4f46e5}.empty-state{text-align:center;padding:40px 0;color:#94a3b8}.empty-state i{font-size:2rem;margin-bottom:15px;color:#64748b}.error-toast{background-color:#ef44441a;border-left:4px solid #ef4444;color:#f87171;padding:15px;margin-bottom:20px;border-radius:8px;display:flex;align-items:center;gap:10px}html,body,#root,[data-reactroot],.app,.App,#app,.app-container{height:auto!important;min-height:auto!important;max-height:none!important;overflow:auto!important;overflow-y:auto!important;position:relative!important;display:block!important}.api-keys-page{position:relative!important;overflow:visible!important;min-height:auto!important}.api-keys-grid,.api-keys-card,.api-keys-list-container{overflow:visible!important;height:auto!important;max-height:none!important}.api-keys-list-container{max-height:350px!important;overflow-y:auto!important}.initialize-database-card{background:#1e293b80;border-radius:1rem;padding:1.5rem;box-shadow:0 8px 32px #0003;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:2rem}.initialize-database-card .card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.initialize-database-card .card-header i{font-size:1.5rem;color:#818cf8}.initialize-database-card .card-header h3{margin:0;font-size:1.25rem;color:#f8fafc}.initialize-database-card p{color:#94a3b8;margin-bottom:1.5rem;line-height:1.5}.initialize-button{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:0 4px 12px #6366f14d}.initialize-button:hover{background:linear-gradient(135deg,#4338ca,#4f46e5);transform:translateY(-2px);box-shadow:0 6px 16px #6366f166}.initialize-button:disabled{background:linear-gradient(135deg,#6b7280,#9ca3af);cursor:not-allowed;transform:none;box-shadow:none}.result-message{padding:1rem;border-radius:.5rem;margin-bottom:1.5rem;font-size:.95rem;display:flex;align-items:center}.result-message.success{background-color:#10b9811a;border:1px solid rgba(16,185,129,.2);color:#34d399}.result-message.error{background-color:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#f87171}.result-message i{margin-right:.5rem;font-size:1.1rem}.result-message p{margin:0;color:inherit}.admin-page{min-height:100vh;background-color:#0f172a;color:#f8fafc;position:relative;overflow-x:hidden}.admin-backdrop{position:absolute;top:0;left:0;right:0;height:100%;background:radial-gradient(circle at 20% 30%,rgba(79,70,229,.15) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(139,92,246,.1) 0%,transparent 50%);z-index:0}.admin-header{background-color:#0f172acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:1.5rem 2rem;box-shadow:0 4px 20px -5px #00000040;position:relative;z-index:10;border-bottom:1px solid rgba(255,255,255,.05)}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.admin-header h1{margin:0;font-size:2rem;font-weight:700;background:linear-gradient(135deg,#a5b4fc,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px}.back-link{color:#a5b4fc;text-decoration:none;display:flex;align-items:center;gap:.5rem;font-size:.95rem;transition:all .3s ease;padding:.5rem 1rem;border-radius:.5rem;border:1px solid rgba(165,180,252,.2)}.back-link:hover{color:#c7d2fe;background-color:#6366f11a;transform:translateY(-2px);box-shadow:0 4px 12px #6366f133}.admin-container{max-width:1100px;margin:0 auto;padding:2rem;position:relative;z-index:1}.admin-intro{margin-bottom:2rem;background:#1e293b80;border-radius:.75rem;padding:1.5rem;box-shadow:0 8px 32px #0003;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.intro-content h2{margin-top:0;margin-bottom:.5rem;font-size:1.5rem;color:#f8fafc;background:linear-gradient(135deg,#a5b4fc,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px}.intro-content p{margin-bottom:0;color:#cbd5e1;line-height:1.5;font-size:1rem}.admin-info-card{background:#1e293b80;border-radius:1rem;padding:1.5rem;box-shadow:0 8px 32px #0003;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:2rem}.admin-info-card .card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.admin-info-card .card-header i{font-size:1.5rem;color:#60a5fa}.admin-info-card .card-header h3{margin:0;font-size:1.25rem;color:#f8fafc}.admin-info-card p{color:#94a3b8;margin-bottom:1rem;line-height:1.5}.admin-info-card ul{color:#94a3b8;margin-bottom:1.5rem;padding-left:1.5rem}.admin-info-card ul li{margin-bottom:.5rem;line-height:1.5}.admin-info-card ul li strong{color:#cbd5e1;font-weight:600}.info-link{margin-top:1.5rem}.info-link a{color:#60a5fa;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;font-size:.95rem;transition:all .3s ease;padding:.5rem 1rem;border-radius:.5rem;border:1px solid rgba(96,165,250,.2)}.info-link a:hover{color:#93c5fd;background-color:#60a5fa1a;transform:translateY(-2px);box-shadow:0 4px 12px #60a5fa33}@media (max-width: 768px){.admin-container{padding:1.5rem}.header-content{flex-direction:column;align-items:flex-start;gap:1rem}.admin-header h1{font-size:1.75rem}.admin-intro{padding:1.25rem}}@media (max-width: 480px){.admin-container{padding:1rem}.admin-header{padding:1.25rem 1.5rem}.admin-header h1{font-size:1.5rem}.back-link{font-size:.85rem}}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:9999}.loading-content{text-align:center;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2)}.loading-spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #6366f1;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-content p{margin:0;color:#374151;font-weight:500;font-size:1rem}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background-color:#f8f9fa;border-bottom:1px solid #e9ecef;height:60px}.editor-header .logo{display:flex;align-items:center}.editor-header h1{font-size:1.5rem;margin:0;color:#6c5ce7;font-weight:600}.profile-dropdown{display:flex;align-items:center;gap:15px;position:relative}.profile-button{background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:5px;padding:8px;border-radius:50px;transition:background-color .2s}.profile-button:hover{background-color:#0000000d}.profile-button i.fa-user-circle{font-size:24px;color:#6c5ce7}.profile-button i.fa-chevron-down{font-size:12px;color:#6c6c6c}.dropdown-menu{position:absolute;right:0;top:100%;width:200px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:8px;z-index:100;display:none}.profile-dropdown:hover .dropdown-menu{display:block}.dropdown-menu button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:10px 12px;border:none;background:none;border-radius:6px;cursor:pointer;font-size:14px;color:#333;transition:background-color .2s}.dropdown-menu button:hover{background-color:#f0f0f0}.dropdown-menu button i{font-size:16px;color:#6c5ce7;width:20px}.presentation-editor-container main{padding-top:0}.payment-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-out}.payment-modal{background:#fff;border-radius:12px;width:70%;max-width:350px;box-shadow:0 10px 25px #0003;overflow:hidden;animation:slideUp .4s ease-out}.payment-modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #eee}.payment-modal-header h2{margin:0;font-size:1.2rem;color:#333;font-weight:600}.close-button{background:none;border:none;font-size:24px;color:#999;cursor:pointer;transition:color .2s}.close-button:hover{color:#333}.payment-modal-content{padding:14px;display:flex;flex-direction:column;align-items:center}.premium-icon{width:48px;height:48px;background:linear-gradient(135deg,#6c5ce7,#a29bfe);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.premium-icon i{font-size:22px;color:#fff}.payment-modal-content h3{margin:0 0 10px;color:#333;font-size:1rem;font-weight:600;text-align:center}.premium-benefits-list{list-style:none;padding:0;margin:0 0 10px;width:100%}.premium-benefits-list li{display:flex;align-items:center;gap:8px;padding:5px 0;color:#444;font-size:.8rem}.plan-selection,.payment-method-selection{width:100%;margin-bottom:12px}.plan-selection h4,.payment-method-selection h4{font-size:.8rem;color:#555;margin:0 0 6px;font-weight:500}.plan-options{display:flex;gap:8px;width:100%}.plan-options .payment-option{flex:1;border:1px solid #ddd;border-radius:6px;padding:6px 4px;cursor:pointer;transition:all .2s;text-align:center;position:relative;overflow:hidden}.plan-options .payment-option:hover{border-color:#6c5ce7}.plan-options .payment-option.selected{border-color:#6c5ce7;background-color:#6c5ce70d}.plan-name{display:block;font-weight:600;color:#444;margin-bottom:3px;font-size:.7rem}.plan-price{display:block;color:#6c5ce7;font-weight:700;font-size:.8rem}.plan-discount{position:absolute;top:0;right:0;background:#6c5ce7;color:#fff;font-size:.6rem;padding:1px 5px;border-radius:0 0 0 6px}.payment-methods{display:flex;flex-wrap:wrap;gap:6px;width:100%}.payment-methods .payment-option{flex:1;min-width:70px;border:1px solid #ddd;border-radius:6px;padding:6px 4px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:4px}.payment-methods .payment-option:hover{border-color:#6c5ce7}.payment-methods .payment-option.selected{border-color:#6c5ce7;background-color:#6c5ce70d}.payment-methods .payment-option i{font-size:16px;color:#6c5ce7}.payment-methods .payment-option span{font-size:.7rem;color:#444}.pricing{margin:10px 0 12px;text-align:center}.price{font-size:1.8rem;font-weight:700;color:#6c5ce7}.period{display:block;color:#777;font-size:.8rem}.payment-error,.payment-success{width:100%;padding:8px;border-radius:6px;margin-bottom:10px;display:flex;align-items:center;gap:8px}.payment-error{background-color:#eb4d4b1a;border:1px solid rgba(235,77,75,.3);color:#eb4d4b;font-size:.7rem}.payment-success{background-color:#2ed5731a;border:1px solid rgba(46,213,115,.3);color:#2ed573;font-size:.7rem}.payment-error i,.payment-success i{font-size:14px}.proceed-button{width:100%;background:linear-gradient(135deg,#f5a623,#f5533d);color:#fff;border:none;border-radius:5px;padding:10px 16px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;margin-top:12px;box-shadow:0 4px 8px #f5a62340}.proceed-button:hover:not(:disabled){background:linear-gradient(135deg,#f5533d,#f5a623);transform:translateY(-2px);box-shadow:0 6px 12px #f5a6234d}.proceed-button:disabled{opacity:.7;cursor:not-allowed}.proceed-button.processing{opacity:.8}.proceed-button i{font-size:18px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}body:has(.fullscreen-mode){margin:0!important;padding:0!important;overflow:hidden!important}.fullscreen-mode{position:fixed;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background-color:#fff;z-index:9999;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;overflow:hidden;padding:0!important;margin:0!important;box-sizing:border-box}.presentation-editor-container.fullscreen-mode{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;z-index:9999!important;padding:0!important;margin:0!important}.presentation-editor-container.fullscreen-mode .editor-header,.presentation-editor-container.fullscreen-mode .input-section{display:none!important}.presentation-editor-container.fullscreen-mode main{width:100vw!important;height:100vh!important;padding:0!important;margin:0!important}.presentation-editor-container.fullscreen-mode .preview-section{width:100vw!important;height:100vh!important;padding:0!important;margin:0!important}.presentation-editor-container.fullscreen-mode .slide-preview{width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;margin:0!important;border-radius:0!important}.presentation-editor-container.fullscreen-mode .slide-preview-header{display:none!important}.presentation-editor-container.fullscreen-mode .slide-preview-content{width:100vw!important;height:100vh!important;padding:40px!important;margin:0!important}.presentation-editor-container.fullscreen-mode .slide-preview-content:before{display:none!important}font-weight: 500; color: white; text-align: center; margin: 0 !important; position: static; text-shadow: 1px 1px 2px rgba(0,0,0,.3); } .fullscreen-mode .slide-content-wrapper{position:relative;width:100%!important;height:100vh!important;min-height:100vh!important;padding:40px;box-sizing:border-box;overflow:visible}.fullscreen-mode img{max-width:100%;height:auto;object-fit:contain}.fullscreen-navigation{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:15px;background-color:#0009;padding:10px 20px;border-radius:50px;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.fullscreen-navigation .nav-btn{background:none;border:none;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:18px;background-color:#fff3}.fullscreen-navigation .nav-btn:hover:not(:disabled){background-color:#ffffff4d;transform:scale(1.1)}.fullscreen-navigation .nav-btn:disabled{opacity:.5;cursor:not-allowed}.fullscreen-navigation .slide-counter{color:#fff;font-size:16px;font-weight:500}.fullscreen-mode h1,.fullscreen-mode h2,.fullscreen-mode h3,.fullscreen-mode h4,.fullscreen-mode h5,.fullscreen-mode h6{font-family:Montserrat,sans-serif;line-height:1.3}@media (max-width: 1200px){.fullscreen-mode .slide-preview{max-width:100vw!important;width:100vw!important;height:100vh!important}.fullscreen-mode .slide-title{font-size:2.2rem}}@media (max-width: 768px){.fullscreen-mode .slide-preview{max-width:100vw;max-height:100vh;width:100vw;height:100vh}.fullscreen-mode .slide-title{font-size:1.8rem}.fullscreen-mode .slide-content-wrapper div:has(img){flex-direction:column}.fullscreen-mode .slide-content-wrapper div:has(img)>img{max-width:100%;margin-bottom:1rem}}.fullscreen-instructions{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background-color:#0009;color:#fff;padding:8px 16px;border-radius:4px;font-size:14px;display:flex;align-items:center;gap:8px;animation:fadeOut 3s forwards;animation-delay:5s;z-index:10000}.exit-fullscreen-btn{position:fixed;top:20px;right:20px;background:#fff3;border:none;color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10000;transition:all .2s ease;font-size:24px}.exit-fullscreen-btn:hover{background:#ffffff4d;transform:scale(1.1)}.fullscreen-instructions{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background-color:#000000b3;color:#fff;padding:12px 20px;border-radius:8px;text-align:center;font-size:14px;z-index:10001;max-width:90%;animation:fadeOut 8s forwards;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.fullscreen-instructions i{margin-right:8px}@keyframes fadeOut{0%,75%{opacity:1}to{opacity:0;visibility:hidden}}.subscription-indicator{margin:0}.fullscreen-mode .chart-container{width:100%;height:auto!important;max-height:50vh;margin:0 auto;position:relative;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center}.fullscreen-mode canvas{max-width:100%;max-height:100%;width:auto!important;height:auto!important;object-fit:contain}.fullscreen-mode [id^=Subject-wise],.fullscreen-mode [class*=chart]{max-width:650px;width:100%;height:auto!important;margin:0 auto;position:relative;aspect-ratio:16 / 9}:root{--primary-color: #6366f1;--primary-dark: #4f46e5;--secondary-color: #f59e0b;--text-color: #1f2937;--text-light: #6b7280;--background-color: #f9fafb;--card-color: #ffffff;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--border-radius: 10px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background-color:var(--background-color);color:var(--text-color);line-height:1.6;height:100vh;overflow:hidden}.container{max-width:100%;margin:0 auto;padding:.5rem 1rem;height:100%;display:flex;flex-direction:column}header{text-align:center;margin-bottom:.5rem}h1{font-size:2rem;font-weight:700;color:var(--primary-color)}.premium-badge{background:linear-gradient(135deg,var(--secondary-color),#f97316);color:#fff;font-size:.9rem;padding:.2rem .8rem;border-radius:20px;margin-left:.5rem;vertical-align:middle;font-weight:500}main{display:grid;grid-template-columns:4fr 1fr;gap:1rem;flex:1;overflow:hidden;height:calc(100vh - 80px)}.preview-section{display:flex;justify-content:center;align-items:center;height:100%;overflow:hidden;padding:15px;box-sizing:border-box;min-height:0}.input-section{background-color:var(--card-color);border-radius:var(--border-radius);padding:.75rem;box-shadow:var(--shadow);height:100%;display:flex;flex-direction:column;max-width:280px;position:relative;right:0;overflow-y:auto}.slide-preview{background-color:var(--card-color);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-lg);width:100%;height:100%;max-height:calc(100vh - 164px);max-width:calc((100vh - 164px) * 16 / 9);display:flex;flex-direction:column;aspect-ratio:16 / 9;margin:0 auto;transition:all .3s ease;position:relative}.slide-preview.loading{box-shadow:0 0 0 2px var(--primary-color)}.slide-preview-header{display:flex;align-items:center;padding:.75rem 1rem;background:linear-gradient(180deg,#f8f9fa,#e9ecef);border-bottom:1px solid #dee2e6;border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);box-shadow:inset 0 1px #fffc;min-height:44px;width:100%;position:relative;z-index:10;flex-shrink:0}.slide-controls{display:flex;gap:.5rem;align-items:center}.control{width:12px;height:12px;border-radius:50%;border:.5px solid rgba(0,0,0,.1);box-shadow:inset 0 1px #ffffff4d,0 1px 2px #0000001a;transition:all .2s ease}.control:hover{transform:scale(1.1)}.control.red{background:linear-gradient(135deg,#ff5f57,#ff3b30)}.control.yellow{background:linear-gradient(135deg,#ffbd2e,#ff9500)}.control.green{background:linear-gradient(135deg,#28ca42,#30d158)}.slide-navigation{margin-left:auto;display:flex;align-items:center;gap:.75rem}.slide-counter{font-size:.85rem;color:#6c757d;font-weight:500;letter-spacing:.025em}.nav-btn{background:#fffc;border:1px solid rgba(0,0,0,.1);color:#495057;cursor:pointer;font-size:.8rem;padding:.375rem .5rem;border-radius:6px;transition:all .2s ease;box-shadow:0 1px 2px #0000000d;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center}.nav-btn:hover:not(:disabled){background:#fffffff2;border-color:var(--primary-color);color:var(--primary-color);box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.nav-btn:disabled{opacity:.4;cursor:not-allowed;background:#ffffff80}.feature-btn{margin-left:8px;color:var(--primary-color)}.slide-preview-content{flex:1;padding:10px;position:relative;overflow:visible;display:flex;align-items:stretch;justify-content:stretch;background-color:#fff;height:calc(100% - 60px);min-height:0;width:100%}.slide-preview-content:before{content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;border:1px dashed rgba(99,102,241,.2);pointer-events:none;z-index:1}.loading .slide-preview-content:before{border:2px dashed rgba(99,102,241,.3);animation:borderPulse 2s ease-in-out infinite}.slide-preview-content>*{width:100%;height:100%;box-sizing:border-box;position:relative;z-index:2}.slide-preview-content h1,.slide-preview-content h2{font-size:clamp(1.2rem,3vw,2rem);margin:.5rem 0;text-align:center;line-height:1.2}.slide-preview-content ul,.slide-preview-content ol{font-size:clamp(.9rem,2vw,1.2rem);line-height:1.4;margin:.5rem 0;padding-left:1.5rem}.slide-preview-content li{margin-bottom:.3rem}.slide-preview-content img{max-width:100%;max-height:50%;object-fit:contain;margin:.5rem auto;display:block}.slide-preview-content p{font-size:clamp(.9rem,2vw,1.1rem);line-height:1.4;margin:.5rem 0;text-align:center}.placeholder-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;position:relative;z-index:5}.placeholder-content p{font-family:Montserrat,sans-serif;font-size:1.2rem;font-weight:500;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:.5px;position:absolute;bottom:30%;text-align:center;margin:0}.placeholder-content i{display:none}.slide-content-wrapper{width:100%;height:100%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;box-sizing:border-box}#slide-form{display:flex;flex-direction:column;height:100%}.mode-toggle{display:flex;margin-bottom:1rem;background-color:#f3f4f6;border-radius:8px;padding:.25rem;flex-wrap:wrap;gap:.25rem}.mode-btn{flex:1;background:none;border:none;padding:.5rem;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:500;color:var(--text-light);cursor:pointer;border-radius:6px;transition:all .2s ease}.mode-btn.active{background-color:#fff;color:var(--primary-color);box-shadow:var(--shadow)}#new-slide-btn{background-color:#6366f11a;color:var(--primary-color)}.input-group{flex:1;margin-bottom:1rem}.textarea-container{position:relative;width:100%;height:100%}textarea{width:100%;height:100%;padding:.75rem;padding-right:40px;border:1px solid #e5e7eb;border-radius:8px;font-family:Poppins,sans-serif;font-size:.9rem;resize:none;transition:all .3s ease}textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f133}.mic-btn{position:absolute;right:10px;top:10px;background:none;border:none;color:var(--text-light);font-size:1.2rem;cursor:pointer;transition:all .2s ease;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%}.mic-btn:hover{color:var(--primary-color);background-color:#6366f11a}.mic-btn.listening{color:#ef4444;animation:pulse 1.5s ease-in-out infinite}.examples-container{margin-bottom:1rem}.examples-container.hidden{display:none}.example-label{font-size:.8rem;color:var(--text-light);margin-bottom:.5rem}.examples{display:flex;flex-wrap:wrap;gap:.5rem}.example-chip{font-size:.75rem;background-color:#6366f11a;color:var(--primary-color);padding:.25rem .75rem;border-radius:20px;cursor:pointer;transition:all .2s ease}.example-chip:hover{background-color:#6366f133}.action-btn{background-color:var(--primary-color);color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-family:Poppins,sans-serif;font-size:1rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease}.action-btn:hover{background-color:var(--primary-dark);transform:translateY(-2px)}.action-btn:disabled{opacity:.7;cursor:not-allowed}.hidden{display:none}footer{margin-top:1rem;text-align:center;color:var(--text-light);font-size:.8rem}.loading-indicator{position:absolute!important;bottom:5px!important;right:5px!important;z-index:100!important;display:flex;align-items:center;justify-content:center}.loading-pulse{width:12px;height:12px;background-color:var(--primary-color);border-radius:50%;animation:pulse 1.5s ease-in-out infinite;box-shadow:0 0 5px #6366f180}@keyframes pulse{0%{transform:scale(.8);opacity:.3}50%{transform:scale(1.2);opacity:1}to{transform:scale(.8);opacity:.3}}@keyframes borderPulse{0%{border-color:#6366f133}50%{border-color:#6366f180}to{border-color:#6366f133}}.error-toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background-color:#fff;border-left:4px solid #ef4444;padding:12px 16px;border-radius:8px;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:12px;z-index:1000;max-width:90%;width:400px;animation:slideUp .3s ease;transition:opacity .3s ease}.error-toast i{color:#ef4444;font-size:1.25rem}.error-toast p{font-size:.9rem;color:var(--text-color)}.error-toast.fade-out{opacity:0}@keyframes slideUp{0%{transform:translate(-50%,100%);opacity:0}to{transform:translate(-50%);opacity:1}}.speech-notification{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background-color:var(--primary-color);color:#fff;padding:8px 16px;border-radius:30px;display:flex;align-items:center;gap:8px;font-size:.9rem;box-shadow:var(--shadow);z-index:1000;animation:fadeIn .3s ease;transition:opacity .3s ease}.speech-notification.fade-out{opacity:0}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.exit-fullscreen-btn{position:absolute;top:10px;right:10px;background:#0000001a;border:none;color:var(--text-color);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1001;transition:all .2s ease}.exit-fullscreen-btn:hover{background:#0003}.point-highlight{position:relative;transition:all .3s ease}.highlight-pulse{animation:pulse-highlight 2s infinite}.highlight-underline{border-bottom:3px solid rgba(99,102,241,.7);padding-bottom:2px}.highlight-background{background-color:#6366f133;border-radius:4px;padding:2px 5px}.highlight-border-left{border-left:4px solid rgba(99,102,241,.8);padding-left:8px}.highlight-glow{box-shadow:0 0 10px #6366f1b3;border-radius:4px;padding:2px 5px}.highlight-notification{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background-color:#6366f1e6;color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;z-index:1000;box-shadow:0 2px 10px #0003;opacity:1;transition:opacity .5s ease}.highlight-notification.fade-out{opacity:0}@keyframes pulse-highlight{0%{background-color:#6366f126}50%{background-color:#6366f14d}to{background-color:#6366f126}}@media (max-width: 1200px){main{grid-template-columns:3fr 1fr}}@media (max-width: 1024px){main{grid-template-columns:1fr;grid-template-rows:3fr auto;height:auto}.preview-section{min-height:60vh;padding:10px}.input-section{height:auto;max-width:100%;margin-top:10px}textarea{height:120px}.slide-preview{max-height:60vh}}@media (max-width: 768px){.container{padding:.25rem}h1{font-size:1.5rem}.preview-section{min-height:50vh;padding:5px}.slide-preview{max-height:calc(100vh - 150px);max-width:calc((100vh - 150px) * 16 / 9)}.slide-preview-content h1,.slide-preview-content h2{font-size:clamp(1rem,4vw,1.5rem)}.slide-preview-content ul,.slide-preview-content ol,.slide-preview-content p{font-size:clamp(.8rem,3vw,1rem)}}@media (min-width: 1200px){.slide-preview{max-height:calc(100vh - 100px);max-width:calc((100vh - 100px) * 16 / 9)}.slide-preview-content{padding:20px}.slide-preview-content h1,.slide-preview-content h2{font-size:clamp(1.5rem,2.5vw,2.5rem)}.slide-preview-content ul,.slide-preview-content ol,.slide-preview-content p{font-size:clamp(1rem,1.5vw,1.3rem)}}.stop-recognition-overlay{position:fixed;right:20px;top:180px;background-color:#1a1a1a;color:#fff;padding:8px 12px;border-radius:4px;font-size:14px;z-index:1000;box-shadow:0 2px 8px #0003;opacity:1;transition:opacity .3s ease;animation:fadeIn .3s ease;display:none!important}.voice-recognition-tooltip{position:fixed;background-color:#000000d9;color:#fff;padding:8px 14px;border-radius:30px;font-size:14px;z-index:1000;box-shadow:0 4px 12px #0000004d;transition:opacity .3s ease,transform .3s ease;display:flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;opacity:1;transform:translateY(0) scale(1)}.voice-recognition-tooltip i{color:#ff4d4d}.start-tooltip{background-color:#0d1c2be6;border-color:#6c5ce74d;box-shadow:0 4px 12px #6c5ce733}.start-tooltip i{color:#6c5ce7;animation:pulse-mic 1.5s infinite}@keyframes pulse-mic{0%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}to{opacity:.7;transform:scale(1)}}.tooltip-hidden{opacity:0;transform:translateY(10px) scale(.95);visibility:hidden}.tooltip-visible{opacity:1;transform:translateY(0) scale(1);visibility:visible}.tooltip-fading{opacity:0;transform:translateY(-5px) scale(.97)}