@import url(https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700&family=Arimo:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Tajawal:wght@400;600;700&family=Arimo:wght@400;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;600;700;800;900&family=Arimo:wght@400;500;600;700&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}body{color:var(--yoll-white);font-family:Tajawal,sans-serif;line-height:1.6}.loading-screen,body{background:#0a0a0a;background:var(--yoll-black)}.loading-screen{padding:2rem;text-align:center}.yoll-brand{justify-content:center;margin-bottom:2rem}.yoll-logo-image{display:block;height:80px;margin:0 auto;object-fit:contain;width:80px}.loading-spinner,.yoll-loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top-color:#fbbf24;display:block!important;height:40px;margin:1rem auto!important;width:40px}.loading-screen p{font-size:16px;margin:0}.yoll-dashboard{background:#0a0a0a;background:var(--yoll-black);min-height:100vh;padding-top:80px}.dashboard-header{background:#0a0a0a;border-bottom:1px solid #1a1a1a;z-index:999}.header-content{margin:0 auto;max-width:1200px;position:relative}.header-left{flex:1 1;gap:3rem}.header-right{flex-shrink:0;gap:.75rem;position:relative;z-index:1000}.error-report-button{align-items:center;background:none;border:none;border-radius:8px;color:#656565;color:var(--yoll-light-gray);cursor:pointer;display:flex;justify-content:center;padding:8px;position:relative;transition:all .2s ease}.error-report-button:hover{background:#ffffff1a;color:#fff;color:var(--yoll-white);transform:translateY(-1px)}.error-report-button:active{transform:translateY(0)}.yoll-brand{align-items:center;display:flex;gap:.75rem}.yoll-logo-icon,.yoll-logo-icon-img,.yoll-logo-icon-img-big{height:80px!important;object-fit:contain;transition:all .3s ease;width:80px!important}.login-screen .yoll-logo-image{height:60px!important;max-width:200px!important;width:auto!important}.yoll-logo-icon{align-items:center;background:#fff;background:var(--yoll-white);border-radius:6px;color:#0a0a0a;color:var(--yoll-black);display:flex;font-size:1.25rem;font-weight:900;justify-content:center}.yoll-logo-text{color:#fff;color:var(--yoll-white);font-size:1.5rem;font-weight:200px}.header-nav{display:flex;gap:2rem}.nav-link{cursor:pointer!important;padding:.5rem 0;pointer-events:auto!important}.notification-bell-container{z-index:1001}.pro-upgrade-btn{background:linear-gradient(135deg,gold,#ffed4e);border-radius:6px;box-shadow:0 2px 8px #ffd70033;color:#000;font-size:.8rem;padding:.5rem 1rem;position:relative;z-index:999}.pro-upgrade-btn:hover{background:linear-gradient(135deg,#ffed4e,gold);transform:translateY(-1px)}.user-profile-new{align-items:center;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);background:linear-gradient(135deg,var(--yoll-dark-gray) 0,var(--yoll-medium-gray) 100%);border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;min-width:200px;overflow:hidden;padding:.75rem 1rem;position:relative;transition:all .3s ease;z-index:999}.user-profile-new:hover{background:linear-gradient(135deg,#2a2a2a,#656565);background:linear-gradient(135deg,var(--yoll-medium-gray) 0,var(--yoll-light-gray) 100%);border-color:#fff3;box-shadow:0 8px 25px #0000004d;transform:translateY(-2px)}.user-profile-content{gap:.75rem;width:100%;z-index:2}.user-avatar-section,.user-profile-content{align-items:center;display:flex;position:relative}.user-avatar-new,.user-avatar-section{justify-content:center}.user-avatar-new{align-items:center;background:linear-gradient(135deg,#fff,#f0f0f0);border:2px solid #fff3;border-radius:50%;color:#0a0a0a;color:var(--yoll-black);display:flex;font-size:1.1rem;font-weight:700;height:40px;transition:all .3s ease;width:40px}.user-profile-new:hover .user-avatar-new{border-color:#fff6;transform:scale(1.05)}.pro-indicator{align-items:center;animation:proGlow 2s ease-in-out infinite alternate;background:linear-gradient(135deg,gold,#ffed4e);border:1px solid #1a1a1a;border:1px solid var(--yoll-dark-gray);border-radius:50%;display:flex;font-size:.7rem;height:16px;justify-content:center;position:absolute;right:-2px;top:-2px;width:16px}@keyframes proGlow{0%{box-shadow:0 0 5px #ffd7004d}to{box-shadow:0 0 15px #ffd70099}}.user-info-section{display:flex;flex:1 1;flex-direction:column;gap:.2rem}.user-name-new{color:#fff;color:var(--yoll-white);font-size:.9rem;font-weight:600;line-height:1.2}.user-stats-row{align-items:center;display:flex;gap:.75rem}.user-points-new{background:#3b82f61a;border:1px solid #3b82f633;border-radius:4px;color:#3b82f6;font-size:.75rem;font-weight:700;padding:.2rem .5rem}.user-plan-new{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#000,#fff);-webkit-background-clip:text;background-clip:text;border-radius:3px;color:#fff;color:var(--yoll-white);font-size:.7rem;font-weight:600;padding:.2rem .4rem}.profile-arrow{color:#656565;color:var(--yoll-light-gray);font-size:1.2rem;transition:all .3s ease}.user-profile-new:hover .profile-arrow{color:#fff;color:var(--yoll-white);transform:translateX(3px)}.profile-hover-effect{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%;z-index:1}.user-profile-new:hover .profile-hover-effect{left:100%}.pro-upgrade-btn+div[style*="position: fixed"]{-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;background:#000000d9!important;height:100vh!important;left:0!important;position:fixed!important;top:0!important;width:100vw!important;z-index:99999!important}.pro-upgrade-btn+div[style*="position: fixed"]>div{margin:5vh auto!important;max-height:90vh!important;overflow-y:auto!important;z-index:99999!important}.user-profile{display:none!important}.header-right>*{flex-shrink:0}.main-content{min-height:calc(100vh - 80px)}.hero-section{background:#0a0a0a;background:var(--yoll-black);padding:clamp(1.5rem,4vw,3rem) clamp(1rem,3vw,2rem)}.hero-main-image{border-radius:8px;height:auto;max-width:100%;object-fit:contain;width:65%}.hero-placeholder{align-items:center;background:#2a2a2a;background:var(--yoll-medium-gray);border-radius:8px;color:#656565;color:var(--yoll-light-gray);display:flex;font-size:1.1rem;height:330px;justify-content:center;position:relative}.sun{background:#656565;background:var(--yoll-light-gray);border-radius:50%;height:40px;position:absolute;right:40px;top:25px;width:40px}.main-buttons-section{background:#0a0a0a;background:var(--yoll-black);padding:clamp(2rem,4vw,3rem) clamp(1rem,3vw,2rem)}.buttons-container{grid-gap:clamp(1rem,2vw,1.5rem);display:grid;gap:clamp(1rem,2vw,1.5rem);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1200px}.main-btn{align-items:center;background:#1a1a1a;background:var(--yoll-dark-gray);border:none;border-radius:8px;color:#fff;color:var(--yoll-white);cursor:pointer;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:140px;padding:clamp(1.5rem,3vw,2rem) clamp(1rem,2vw,1.5rem);text-decoration:none;transition:all .3s ease}.main-btn:hover{background:#2a2a2a;background:var(--yoll-medium-gray);transform:translateY(-2px)}.btn-icon-img{height:clamp(40px,8vw,70px);object-fit:contain;width:clamp(40px,8vw,70px)}.btn-label{font-size:clamp(.8rem,2vw,.9rem);font-weight:600;text-align:center}.main-btn.disabled{cursor:not-allowed;opacity:.5}.main-btn small{font-size:.75rem;opacity:.7;transition:all .3s ease}.main-btn small.limit-moderate{color:#fbbf24;opacity:.85}.main-btn small.limit-warning{color:#f59e0b;font-weight:600;opacity:1}.main-btn small.limit-critical{animation:limitPulse 2s infinite;color:#ef4444;font-weight:700;opacity:1}@keyframes limitPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.user-points{position:relative;transition:all .3s ease}.user-points.points-beginner{color:#9ca3af}.user-points.points-intermediate{color:#22c55e}.user-points.points-advanced{color:#3b82f6;font-weight:600}.user-points.points-expert{color:#3b82f6;font-weight:700}.user-points.points-legend{color:#f59e0b;font-weight:700;text-shadow:0 0 8px #f59e0b66}.streak-indicator{position:relative;transition:all .3s ease}.streak-indicator.streak-warm{color:#fbbf24}.streak-indicator.streak-hot{color:#f59e0b;font-weight:600}.streak-indicator.streak-fire{animation:streakPulse 2s infinite;color:#ef4444;font-weight:700}.streak-glow{animation:glowPulse 3s infinite;background:radial-gradient(circle,#ef444433 0,#0000 70%);border-radius:50%;inset:-4px;position:absolute;z-index:-1}@keyframes streakPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes glowPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.bottom-section{grid-gap:clamp(1.5rem,4vw,3rem);background:#0a0a0a;background:var(--yoll-black);display:grid;gap:clamp(1.5rem,4vw,3rem);grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:clamp(2rem,4vw,3rem) clamp(1rem,3vw,2rem)}.social-container{min-width:280px}.section-title{color:var(--yoll-white);font-size:1.25rem;margin-bottom:1.5rem}.section-divider{background:#2a2a2a;background:var(--yoll-medium-gray);height:100px;width:1px}.nav-link{background:none;border:none;border-radius:6px;color:#656565;color:var(--yoll-light-gray);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.nav-link.active,.nav-link:hover{background:#ffffff1a;color:#fff;color:var(--yoll-white)}.nav-link.active{font-weight:600}.bottom-nav,.nav-text-short{display:none}.bottom-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a1a;background:var(--yoll-dark-gray);border-top:1px solid #2a2a2a;border-top:1px solid var(--yoll-medium-gray);bottom:0;left:0;padding:.5rem;position:fixed;right:0;z-index:1000}.bottom-nav-item{align-items:center;background:none;border:none;border-radius:8px;color:#656565;color:var(--yoll-light-gray);cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:.25rem;padding:.5rem;transition:all .2s ease}.bottom-nav-item.active{background:#ffffff1a;color:#fff;color:var(--yoll-white)}.bottom-nav-item:hover{background:#ffffff0d;color:#fff;color:var(--yoll-white)}.bottom-nav-icon{filter:brightness(.6);height:20px;object-fit:contain;transition:filter .2s ease;width:20px}.bottom-nav-item.active .bottom-nav-icon,.bottom-nav-item:hover .bottom-nav-icon{filter:brightness(1)}.bottom-nav-avatar{align-items:center;background:linear-gradient(135deg,#fff,#f0f0f0);border:1px solid #ffffff4d;border-radius:50%;color:#0a0a0a;color:var(--yoll-black);display:flex;font-size:.7rem;font-weight:700;height:20px;justify-content:center;position:relative;transition:all .2s ease;width:20px}.bottom-nav-item.active .bottom-nav-avatar,.bottom-nav-item:hover .bottom-nav-avatar{border-color:#fff9;transform:scale(1.1)}.bottom-nav-pro-badge{background:linear-gradient(135deg,gold,#ffed4e);border:1px solid #1a1a1a;border:1px solid var(--yoll-dark-gray);border-radius:50%;color:#000;font-size:.5rem;font-weight:700;height:10px;right:-2px;top:-2px;width:10px}.bottom-nav-pro-badge,.bottom-nav-streak-badge{align-items:center;display:flex;justify-content:center;position:absolute}.bottom-nav-streak-badge{background:#ff6b00e6;border:1px solid #ffffff4d;border-radius:50%;height:16px;left:-8px;overflow:hidden;top:-8px;width:16px}.bottom-nav-streak-icon{filter:brightness(1.2);height:8px;object-fit:contain;width:8px}.bottom-nav-streak-number{color:#fff;font-size:.4rem;font-weight:800;position:absolute;text-shadow:0 1px 2px #00000080;z-index:1}.bottom-nav-text{font-size:.7rem;font-weight:500}@media (max-width:768px){.dashboard-header{display:none}.bottom-nav{display:flex}.yoll-dashboard{padding-bottom:80px;padding-top:0}.main-content{min-height:calc(100vh - 80px)}.nav-text-full{display:none}.nav-text-short{display:inline;font-size:.8rem;text-transform:lowercase}.user-profile-new{min-width:160px;padding:.6rem .8rem}.user-avatar-new{font-size:1rem;height:32px;width:32px}.pro-indicator{font-size:.6rem;height:14px;width:14px}.user-name-new{font-size:.8rem}.user-stats-row{gap:.5rem}.user-points-new{font-size:.7rem;padding:.1rem .4rem}.user-plan-new{font-size:.65rem;padding:.1rem .3rem}.buttons-container{gap:1rem;grid-template-columns:repeat(2,1fr)}.main-btn{min-height:120px;padding:1.5rem 1rem}.bottom-section{gap:1.5rem;grid-template-columns:1fr}.social-container{min-width:auto}.section-title{font-size:1.1rem;margin-bottom:1rem}.section-divider{height:1px;width:100%}}@media (max-width:480px){.user-info-section{display:none}.user-profile-new{min-width:auto;padding:.5rem}.profile-arrow{display:none}.hero-image-container{padding:1rem}.hero-main-image{min-height:160px}.buttons-container{gap:.8rem;grid-template-columns:1fr}.main-btn{gap:.5rem;min-height:100px;padding:1.2rem .8rem}.btn-label{font-size:.8rem}.bottom-section{gap:1rem;padding:1.5rem 1rem}.section-title{font-size:1rem;margin-bottom:.8rem}}.missions-header{align-items:center;cursor:pointer;margin-bottom:1.5rem;-webkit-user-select:none;user-select:none}.missions-list{display:flex;flex-direction:column;gap:1.25rem;overflow:hidden;transition:max-height .3s ease}.missions-list.collapsed{gap:0;margin-top:0;max-height:0}.missions-list.reorganizing{transition:all .4s ease}.mission-item{align-items:center;background:#1a1a1a;background:var(--yoll-dark-gray);border:none;border-radius:8px;display:flex;justify-content:space-between;overflow:hidden;padding:1.25rem;position:relative}.mission-content{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.mission-title{color:var(--yoll-white);font-size:.9rem}.mission-progress{align-items:center;display:flex;gap:1rem}.progress-bar{background:#2a2a2a;background:var(--yoll-medium-gray);border-radius:2px;flex:1 1;height:4px}.progress-fill{background:linear-gradient(90deg,#fff,#e6e6e6);background:linear-gradient(90deg,var(--yoll-white) 0,#e6e6e6 100%);border-radius:2px}.progress-percentage{color:#656565;color:var(--yoll-light-gray);font-size:.8rem;font-weight:700;min-width:45px;text-align:right}.mission-actions{gap:1rem}.complete-btn{background:#fff;background:var(--yoll-white);border:none;border-radius:6px;color:#0a0a0a;color:var(--yoll-black);cursor:pointer;font-size:.8rem;font-weight:600;overflow:hidden;padding:.6rem 1.2rem;position:relative;transition:background-color .2s ease}.complete-btn:hover{background:#e6e6e6}.complete-btn:disabled{cursor:not-allowed;opacity:.6}.mission-star{color:#656565;color:var(--yoll-light-gray);font-size:1.25rem}.social-section{display:flex;flex-direction:column;gap:1rem}.social-placeholder{background:#1a1a1a;background:var(--yoll-dark-gray);border:none;border-radius:2px;color:#656565;color:var(--yoll-light-gray);padding:1.5rem;text-align:center}.coming-soon{color:#fff;color:var(--yoll-white);font-size:1rem;font-weight:600}.logout-btn,.missions-toggle{background:#2a2a2a;background:var(--yoll-medium-gray);border:none;border-radius:4px;color:#fff;color:var(--yoll-white);cursor:pointer;font-size:.8rem;padding:.4rem .8rem;transition:background-color .2s ease}.logout-btn:hover,.missions-toggle:hover{background:#656565;background:var(--yoll-light-gray)}.missions-toggle{border-radius:4px;font-size:1.2rem;padding:.5rem;transition:transform .2s ease,color .2s ease}.missions-toggle.collapsed{transform:rotate(-90deg)}.mission-completing{pointer-events:none}.mission-completing .progress-fill{animation:progressShrink .8s ease-out forwards}.progress-fill.complete{background:linear-gradient(90deg,#4ade80,#22c55e)}.progress-fill.complete:after{animation:shimmer 1.5s ease-in-out;background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.mission-completed-temp{background:#4ade801a!important;border:1px solid #4ade804d}.mission-completed-temp .mission-title:after{color:#4ade80;content:" ✅"}.mission-completed-temp .complete-btn{background:#4ade80;color:#0a0a0a;color:var(--yoll-black)}.mission-item.removing{animation:slideOut .5s ease-out forwards}.mission-item.loading{opacity:.7;pointer-events:none}.mission-item.loading:after{animation:loadingShimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.user-points.updating{animation:pointsGlow .6s ease-out}.points-particle{background:#fff;background:var(--yoll-white);border-radius:50%;height:4px;opacity:.8;pointer-events:none;position:fixed;width:4px;z-index:200}.points-particle.animating{animation:floatToPoints 1.2s cubic-bezier(.25,.46,.45,.94) forwards}.hidden{display:none!important}.fade-in{animation:fadeIn .3s ease-out}.fade-out{animation:fadeOut .3s ease-out forwards}@keyframes progressShrink{0%{opacity:1;width:100%}50%{opacity:.5;width:0}to{opacity:0;width:0}}@keyframes pointsGlow{0%{color:#fff;color:var(--yoll-white);transform:scale(1)}50%{color:#4ade80;text-shadow:0 0 10px #4ade8080;transform:scale(1.1)}to{color:#fff;color:var(--yoll-white);text-shadow:none;transform:scale(1)}}@keyframes floatToPoints{0%{opacity:1;transform:scale(1)}80%{opacity:.6;transform:scale(.8)}to{opacity:0;transform:scale(0)}}@keyframes loadingShimmer{0%{left:-100%}to{left:100%}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.header-nav *,.header-right *{pointer-events:auto!important;z-index:auto!important}.notification-bell,.pro-upgrade-btn,.user-profile-new{isolation:isolate}.main-content{position:relative;z-index:1}.modal-pro-overlay{align-items:flex-start!important;-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;background:#000000d9!important;display:flex!important;height:100vh!important;justify-content:center!important;left:0!important;overflow-y:auto!important;padding-top:5vh!important;position:fixed!important;top:0!important;width:100vw!important;z-index:99999!important}.modal-pro-content{background:#1a1a1a!important;background:var(--yoll-dark-gray)!important;border:1px solid #ffffff1a!important;border-radius:12px!important;color:#fff!important;margin-bottom:5vh!important;max-width:400px!important;padding:2rem!important;position:relative!important;width:90%!important;z-index:99999!important}.streak-indicator{align-items:center;animation:gentle-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:6px;box-shadow:0 2px 8px #f59e0b4d;color:#fff;display:flex;font-size:12px;font-weight:600;gap:4px;padding:4px 8px}.streak-icon,.streak-number{font-size:14px}.streak-label{font-size:10px;opacity:.9}@keyframes gentle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.user-stats-with-boosts{align-items:center;display:flex;gap:12px}.streak-indicator-header{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;box-shadow:0 2px 8px #f59e0b33;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:2px;justify-content:center;min-width:40px;padding:4px 8px;transition:all .2s ease}.streak-indicator-header:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 4px 12px #f59e0b66;transform:translateY(-1px)}.streak-fire{animation:fire-flicker 1.5s ease-in-out infinite alternate;font-size:14px}.streak-number-header{color:#fff;font-size:13px;font-weight:700}@keyframes fire-flicker{0%{opacity:1;transform:scale(1)}to{opacity:.8;transform:scale(1.05)}}@media (max-width:768px){.streak-indicator-header{font-size:11px;gap:1px;padding:3px 6px}.streak-fire,.streak-number-header{font-size:12px}}.sponsored-post{background:linear-gradient(135deg,#fff,#fafafa)!important;border:1px solid #e3f2fd!important;transition:all .3s ease!important}.sponsored-post:hover{box-shadow:0 4px 12px #0000001a!important;transform:translateY(-2px)!important}.sponsored-badge{background:linear-gradient(135deg,#4caf50,#45a049)!important;border-radius:12px!important;box-shadow:0 2px 4px #4caf504d!important;color:#fff!important;font-size:10px!important;font-weight:600!important;letter-spacing:.5px!important;margin-left:8px!important;padding:2px 8px!important;text-transform:uppercase!important}.sponsored-post .post-title{color:#1976d2!important;font-size:18px!important;font-weight:700!important;margin-bottom:8px!important}.sponsored-post .post-content{border-left:3px solid #4caf50!important;margin:12px 0!important;padding-left:12px!important}.user-avatar-image{border:2px solid #0000001a;border-radius:50%;object-fit:cover}.avatar-initials{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%}.avatar-small{font-size:10px;height:24px;width:24px}.avatar-medium{font-size:16px;height:40px;width:40px}.avatar-large{font-size:24px;height:60px;width:60px}@media (max-width:768px){.reserva-btn{bottom:15px!important;font-size:14px!important;left:50%!important;padding:10px 20px!important;transform:translateX(-50%)!important}}@media (max-width:480px){.reserva-btn{border-radius:8px!important;bottom:10px!important;font-size:12px!important;left:50%!important;padding:8px 16px!important;transform:translateX(-50%)!important}}:root{--yoll-accent:#fff;--yoll-accent-dark:#e6e6e6}.login-screen{align-items:center;background:linear-gradient(135deg,#0a0a0a,#0f0f0f);background:linear-gradient(135deg,var(--yoll-black) 0,#0f0f0f 100%);display:flex;font-family:Tajawal,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.login-screen:before{animation:rainFall 3s linear infinite;background-image:radial-gradient(1px 1px at 20px 30px,#ffffff4d,#0000),radial-gradient(1px 1px at 40px 70px,#fff3,#0000),radial-gradient(2px 2px at 90px 40px,#fff6,#0000),radial-gradient(1px 1px at 130px 80px,#ffffff40,#0000),radial-gradient(2px 2px at 160px 30px,#ffffff59,#0000);background-size:200px 200px}.login-screen:after,.login-screen:before{background-repeat:repeat;content:"";height:200vh;left:0;pointer-events:none;position:absolute;top:-100vh;width:100%;z-index:1}.login-screen:after{animation:rainFall 4s linear infinite;animation-delay:-1s;background-image:radial-gradient(1px 1px at 60px 50px,#ffffff26,#0000),radial-gradient(2px 2px at 110px 90px,#ffffff4d,#0000),radial-gradient(1px 1px at 180px 60px,#fff3,#0000);background-size:220px 220px}@keyframes rainFall{0%{opacity:0;transform:translateX(-50px) translateY(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateX(100px) translateY(200vh)}}.login-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a1acc;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 40px #0006;max-width:400px;padding:2.5rem;position:relative;text-align:center;width:100%;z-index:10}.login-header{margin-bottom:2rem}.login-header .yoll-brand{align-items:center;display:flex;justify-content:center;margin-bottom:1.5rem}.yoll-logo-image{filter:drop-shadow(0 4px 8px rgba(74,222,128,.3));height:2px;transition:all .3s ease}.yoll-logo-image:hover{filter:drop-shadow(0 6px 12px rgba(74,222,128,.5));transform:scale(1.05)}.login-header h2{color:#fff;color:var(--yoll-white);font-size:1.4rem;font-weight:600;margin:0;opacity:.9}.auth-tabs{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:0;margin-bottom:2rem;overflow:hidden}.auth-tab{background:#0000;border:none;color:#656565;color:var(--yoll-light-gray);cursor:pointer;flex:1 1;font-family:Tajawal,sans-serif;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.auth-tab.active{background:#fff;background:var(--yoll-white);color:#0a0a0a;color:var(--yoll-black);transform:scale(1.02)}.auth-tab:hover:not(.active){background:#ffffff1a;color:#fff;color:var(--yoll-white)}.auth-form{background:#0000;border-radius:0;margin-bottom:1.5rem;padding:0;text-align:left}.form-group label{font-size:.85rem;opacity:.9}.form-group input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;box-sizing:border-box;color:var(--yoll-white);font-family:Tajawal,sans-serif;font-size:.95rem;padding:1rem;transition:all .3s ease}.form-group input:focus{background:#ffffff14;border-color:#fff;border-color:var(--yoll-accent);box-shadow:0 8px 25px #4ade8026;transform:translateY(-2px)}.form-group input::placeholder{color:#656565;color:var(--yoll-light-gray);opacity:.7}.auth-button{background:#fff;background:var(--yoll-white);border:none;border-radius:10px;color:#0a0a0a;color:var(--yoll-black);cursor:pointer;font-family:Tajawal,sans-serif;font-size:1rem;font-weight:600;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease;width:100%}.auth-button:hover:not(:disabled){background:#e6e6e6;box-shadow:0 15px 35px #fff3;transform:translateY(-2px)}.auth-button:active{transform:translateY(0)}.auth-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.auth-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;font-size:.9rem;font-weight:500;margin:1.5rem 0;padding:1rem;text-align:center}.auth-message.success{background:#4ade801a;border:1px solid #4ade804d;color:#fff;color:var(--yoll-accent)}.auth-message.error{background:#f871711a;border:1px solid #f871714d;color:#f87171}.demo-section{margin-top:2rem;text-align:center}.demo-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #fff3;border-radius:10px;color:#fff;color:var(--yoll-white);cursor:pointer;font-family:Tajawal,sans-serif;font-size:.9rem;font-weight:500;padding:.8rem 1.5rem;transition:all .3s ease}.demo-button:hover:not(:disabled){background:#ffffff1a;border-color:#fff;border-color:var(--yoll-accent);box-shadow:0 10px 25px #0003;transform:translateY(-2px)}.demo-button:disabled{cursor:not-allowed;opacity:.6}.loading-screen{align-items:center;background:linear-gradient(135deg,#0a0a0a,#0f0f0f);background:linear-gradient(135deg,var(--yoll-black) 0,#0f0f0f 100%);color:#fff;color:var(--yoll-white);display:flex;flex-direction:column;font-family:Tajawal,sans-serif;gap:2rem;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.loading-screen:before{animation:rainFall 2.5s linear infinite;background-image:radial-gradient(1px 1px at 30px 40px,#fff3,#0000),radial-gradient(2px 2px at 80px 60px,#ffffff4d,#0000);background-repeat:repeat;background-size:150px 150px;content:"";height:200vh;left:0;opacity:.6;pointer-events:none;position:absolute;top:-100vh;width:100%}.loading-screen .yoll-brand{align-items:center;display:flex;justify-content:center}.loading-screen p{color:#656565;color:var(--yoll-light-gray);font-size:1.1rem;opacity:.8}.loading-spinner{border-top:3px solid var(--yoll-accent);height:50px;margin:0 auto;width:50px}@media (max-width:768px){.login-screen{padding:1rem}.login-container{max-width:90%;padding:2rem}.yoll-logo-image{height:2px}}@media (max-width:480px){.auth-tabs{border-radius:10px;flex-direction:column}.auth-tab{padding:.8rem 1rem}.form-group input{font-size:16px}}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.2)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-15px,0)}70%{transform:translate3d(0,-7px,0)}90%{transform:translate3d(0,-2px,0)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes glow{0%,to{box-shadow:0 0 5px #fff3}50%{box-shadow:0 0 20px #fff6,0 0 30px #fff3}}.main-btn{animation:slideInFromBottom .6s ease-out;transition:all .3s cubic-bezier(.4,0,.2,1)}.main-btn:first-child{animation-delay:.1s}.main-btn:nth-child(2){animation-delay:.2s}.main-btn:nth-child(3){animation-delay:.3s}.main-btn:nth-child(4){animation-delay:.4s}.main-btn:hover{box-shadow:0 8px 25px #0000004d;transform:translateY(-4px)}.main-btn:active{transform:translateY(-2px);transition:transform .1s}.mission-item{animation:slideInFromLeft .6s ease-out;transition:all .3s ease}.mission-item:first-child{animation-delay:.1s}.mission-item:nth-child(2){animation-delay:.2s}.mission-item:nth-child(3){animation-delay:.3s}.mission-item:hover{background:#2a2a2a;transform:translateX(8px)}.complete-btn{transition:all .3s ease}.complete-btn:hover{animation:pulse .6s infinite}.completed-badge{animation:bounce 1s ease-in-out}.mission-star{transition:all .3s ease}.mission-item:hover .mission-star{filter:brightness(1.5);transform:rotate(72deg) scale(1.2)}.progress-fill{animation:glow 2s ease-in-out infinite;transition:width .8s cubic-bezier(.4,0,.2,1)}.loading-spinner{border-top:4px solid var(--yoll-medium-gray);border:4px solid var(--yoll-medium-gray);display:block!important;margin:1rem auto!important}.dashboard-header{animation:slideInFromTop .6s ease-out}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.user-profile{transition:all .3s ease}.user-profile:hover{background:var(--yoll-medium-gray);transform:scale(1.02)}.hero-section{animation:slideInFromBottom .8s ease-out}.mountain{transition:all .5s ease}.hero-placeholder:hover .mountain-1{transform:translateY(-5px)}.hero-placeholder:hover .mountain-2{transform:translateY(-3px);transition-delay:.1s}.hero-placeholder:hover .mountain-3{transform:translateY(-2px);transition-delay:.2s}.cloud{animation:float 6s ease-in-out infinite}.cloud-2{animation-delay:-3s}@keyframes float{0%,to{transform:translateX(0)}50%{transform:translateX(10px)}}.sun{animation:rotate 20s linear infinite;filter:brightness(1.2)}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.security-indicator{animation:glow 3s ease-in-out infinite;transition:all .3s ease}.security-indicator:hover{animation:pulse .6s infinite;transform:scale(1.1)}.social-container{animation:slideInFromRight .6s ease-out;animation-delay:.3s}.social-placeholder{transition:all .3s ease}.social-placeholder:hover{background:var(--yoll-medium-gray);transform:scale(1.02)}@media (max-width:768px){.main-btn{animation:slideInFromBottom .4s ease-out}.main-btn:hover,.mission-item:hover{transform:none}}.particle{animation:particle-float 8s ease-in-out infinite;background:#ffffff4d;border-radius:50%;height:4px;pointer-events:none;width:4px}.particle:nth-child(odd){animation-delay:-4s}.notification-enter{animation:slideInFromTop .5s ease-out}.notification-exit{animation:fadeInOut .3s ease-out}.yoll-logo-icon:hover{animation:rainbow 2s ease infinite;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#feca57);background-size:300% 300%}@keyframes rainbow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}:root{--social-primary:#22c55e;--social-primary-hover:#16a34a;--social-secondary:#3b82f6;--social-bg-card:#1a1a1a;--social-border:#2a2a2a;--social-text:#fff;--social-text-muted:#888;--social-success:#4ade80;--social-warning:#fbbf24;--social-error:#ef4444}.search-input-container{width:100%}.search-dropdown{animation:dropdownSlide .2s ease;background:var(--yoll-dark-gray);border:1px solid #2a2a2a;border:1px solid var(--social-border);border-radius:8px;box-shadow:0 8px 25px #0006;max-height:400px}.search-loading{color:#888;color:var(--social-text-muted);gap:.5rem;padding:1rem}.search-loading .spinner{animation:spin 1s linear infinite;border:2px solid #2a2a2a;border-top-color:#22c55e;border:2px solid var(--social-border);border-radius:50%;border-top-color:var(--social-primary);height:16px;width:16px}.search-option{border-bottom:1px solid var(--social-border);gap:.75rem;padding:.75rem 1rem;transition:background .2s ease}.search-option:hover{background:var(--yoll-medium-gray)}.option-icon{font-size:1.1rem;min-width:20px}.option-text{color:#fff;color:var(--social-text);font-size:.9rem}.search-section{border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--social-border)}.search-section-title{background:var(--yoll-medium-gray);color:#888;color:var(--social-text-muted);font-size:.8rem;letter-spacing:.05em;padding:.5rem 1rem}.search-result-item{gap:.5rem;padding:.5rem 1rem;transition:background .2s ease}.result-avatar,.result-icon,.search-result-item:hover{background:var(--yoll-medium-gray)}.result-avatar,.result-icon{align-items:center;border-radius:50%;display:flex;font-size:.8rem;height:24px;justify-content:center;width:24px}.result-name,.result-title{color:#fff;color:var(--social-text);flex:1 1;font-size:.85rem;font-weight:500}.result-stats{color:#888;color:var(--social-text-muted);font-size:.75rem}.pro-mini{background:#22c55e;background:var(--social-primary);border-radius:3px;color:#fff;font-size:.6rem;font-weight:700;margin-left:.3rem;padding:.1rem .3rem}.analytics-basic{margin-bottom:2rem}.analytics-card{background:var(--social-bg-card);border:1px solid var(--social-border)}.analytics-card:hover{border-color:#22c55e;border-color:var(--social-primary)}.analytics-card h3{color:#fff;color:var(--social-text);font-size:1rem;font-weight:600;margin:0 0 1rem}.analytics-data{display:flex;gap:1.5rem}.metric{flex:1 1}.metric-value{color:#22c55e;color:var(--social-primary);font-size:1.8rem;margin-bottom:.25rem}.metric-label{color:#888;color:var(--social-text-muted);font-size:.8rem;letter-spacing:.05em}.analytics-pro{border-top:2px solid #22c55e;border-top:2px solid var(--social-primary);padding-top:2rem}.pro-badge-section{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.pro-badge-section h3{color:#22c55e;color:var(--social-primary);font-size:1.2rem;margin:0}.analytics-grid-pro{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.analytics-card.pro{background:linear-gradient(135deg,#1a1a1a,#22c55e0d);background:linear-gradient(135deg,var(--social-bg-card) 0,#22c55e0d 100%);border-color:#22c55e4d}.audience-breakdown{display:flex;flex-direction:column;gap:.75rem}.audience-item{align-items:center;display:flex;gap:.75rem}.audience-label{color:#888;color:var(--social-text-muted);font-size:.8rem;min-width:80px}.audience-bar{background:#2a2a2a;background:var(--social-border);border-radius:4px;flex:1 1;height:8px;overflow:hidden}.audience-fill{background:#22c55e;background:var(--social-primary);height:100%;transition:width .5s ease}.audience-fill.pro{background:#3b82f6;background:var(--social-secondary)}.audience-percent{color:#fff;color:var(--social-text);font-size:.8rem;font-weight:600;min-width:35px}.optimal-times{display:flex;flex-wrap:wrap;gap:.5rem}.time-badge{background:#22c55e1a;border:1px solid #22c55e4d;color:#22c55e;color:var(--social-primary);font-weight:600;padding:.25rem .75rem}.benchmark-data{display:flex;flex-direction:column;gap:.75rem}.benchmark-item{align-items:center;display:flex;justify-content:space-between}.benchmark-label{color:#888;color:var(--social-text-muted);font-size:.85rem}.benchmark-value{color:#fff;color:var(--social-text);font-size:.9rem;font-weight:600}.social-stats-overview{margin-bottom:2rem}.social-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.social-stat-card{background:#1a1a1a;background:var(--social-bg-card);border:1px solid #2a2a2a;border:1px solid var(--social-border);border-radius:12px;cursor:pointer;padding:1rem;text-align:center;transition:all .3s ease}.social-stat-card:hover{border-color:#22c55e;border-color:var(--social-primary);box-shadow:0 8px 25px #0003;transform:translateY(-2px)}.social-stat-card .stat-icon{display:block;font-size:1.5rem;margin-bottom:.5rem}.social-stat-card .stat-number{color:#22c55e;color:var(--social-primary);display:block;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.social-stat-card .stat-label{color:#888;color:var(--social-text-muted);font-size:.8rem;letter-spacing:.05em;text-transform:uppercase}.social-search{margin-bottom:2rem}.social-search h3{color:#fff;color:var(--social-text);margin:0 0 1rem}.search-container{gap:.5rem}.user-search-input{background:#1a1a1a;background:var(--social-bg-card);border:1px solid #2a2a2a;border:1px solid var(--social-border);border-radius:8px;color:#fff;color:var(--social-text);flex:1 1;font-size:.9rem;padding:.75rem;transition:border-color .3s ease}.user-search-input:focus{border-color:#22c55e;border-color:var(--social-primary);box-shadow:0 0 0 3px #22c55e1a;outline:none}.search-btn{background:#22c55e;background:var(--social-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1rem;transition:all .3s ease}.search-btn:hover{background:#16a34a;background:var(--social-primary-hover);transform:translateY(-1px)}.social-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.social-modal{animation:modalSlideUp .3s ease;background:var(--yoll-dark-gray);border:1px solid #2a2a2a;border:1px solid var(--social-border);border-radius:16px;max-height:80vh;max-width:500px;overflow:hidden;width:100%}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--social-border);padding:1.5rem}.modal-header h3{color:var(--social-text);font-size:1.1rem}.modal-header button{background:none;border:none;border-radius:4px;color:#888;color:var(--social-text-muted);cursor:pointer;font-size:1.2rem;padding:.25rem;transition:all .3s ease}.modal-header button:hover{background:#2a2a2a;background:var(--social-border);color:#fff;color:var(--social-text)}.modal-body{max-height:60vh;scrollbar-color:#2a2a2a #0000;scrollbar-color:var(--social-border) #0000;scrollbar-width:thin}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#0000}.modal-body::-webkit-scrollbar-thumb{background:#2a2a2a;background:var(--social-border);border-radius:3px}.users-list{padding:0}.user-item{align-items:center;border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--social-border);display:flex;justify-content:space-between;padding:1rem 1.5rem;transition:background .2s ease}.user-item:hover{background:var(--yoll-medium-gray)}.user-item:last-child{border-bottom:none}.user-info{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:.75rem}.user-avatar{background:#22c55e;background:var(--social-primary);border-radius:50%;font-weight:700}.user-details{display:flex;flex-direction:column}.user-name{align-items:center;color:#fff;color:var(--social-text);display:flex;font-size:.9rem;font-weight:600}.user-stats{color:#888;color:var(--social-text-muted);font-size:.8rem}.follow-mini-btn{background:#22c55e;background:var(--social-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:.4rem .8rem;transition:all .3s ease}.follow-mini-btn:hover{background:#16a34a;background:var(--social-primary-hover);transform:translateY(-1px)}.follow-mini-btn.following{background:#2a2a2a;background:var(--social-border);color:#888;color:var(--social-text-muted)}.follow-mini-btn.following:hover{background:#ef4444;background:var(--social-error);color:#fff}.suggested-users{margin-bottom:2rem}.users-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.coming-soon-card{background:#1a1a1a;background:var(--social-bg-card);border:1px solid #2a2a2a;border:1px solid var(--social-border);border-radius:12px;color:#888;color:var(--social-text-muted);padding:2rem;text-align:center}.coming-soon-icon{display:block;font-size:2rem;margin-bottom:1rem}.coming-soon-text,.filter-info{font-size:.9rem}.filter-info{align-items:center;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:8px;color:#22c55e;color:var(--social-primary);display:flex;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem}.filter-info .filter-icon{font-size:1rem}.filter-tip{font-size:.8rem;margin-left:auto}.filter-tip button{background:none;border:none;color:#22c55e;color:var(--social-primary);cursor:pointer;font-size:inherit;text-decoration:underline}.clickable{cursor:pointer;transition:all .3s ease}.clickable:hover{transform:scale(1.05)}.author-name.clickable:hover{color:#22c55e;color:var(--social-primary)}.stat-item-large.clickable:hover{background:#22c55e1a;border-radius:8px;margin:-.5rem;padding:.5rem}.pro-badge-inline{border-radius:12px;font-size:.7rem;font-weight:700;margin-left:.5rem;padding:.2rem .6rem}.follow-btn,.pro-badge-inline{background:#22c55e;background:var(--social-primary);color:#fff}.follow-btn{border:none;border-radius:6px;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.follow-btn:hover{background:#16a34a;background:var(--social-primary-hover);transform:translateY(-1px)}.follow-btn.following{background:#2a2a2a;background:var(--social-border);color:#888;color:var(--social-text-muted)}.follow-btn.following:hover{background:#ef4444;background:var(--social-error);color:#fff}.message-btn{background:#3b82f6;background:var(--social-secondary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.message-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.message-btn:disabled{background:#2a2a2a;background:var(--social-border);cursor:not-allowed}.message-btn:disabled,.private-profile{color:#888;color:var(--social-text-muted)}.private-profile{padding:3rem 2rem;text-align:center}.private-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.private-profile h3{color:#fff;color:var(--social-text);margin:0 0 .5rem}.analytics-pro-notice{background:linear-gradient(135deg,#1a1a1a,#22c55e0d);background:linear-gradient(135deg,var(--social-bg-card) 0,#22c55e0d 100%);border:1px solid #22c55e4d}.analytics-pro-notice h4{color:#22c55e;color:var(--social-primary);font-size:1.1rem;margin:0 0 1rem}.analytics-pro-notice p{color:#888;color:var(--social-text-muted);line-height:1.5;margin:0 0 1.5rem}.pro-features-preview{margin-bottom:1.5rem}.pro-feature{background:#22c55e1a;border:1px solid #22c55e33;border-radius:6px;color:#22c55e;color:var(--social-primary);font-size:.85rem;padding:.5rem .75rem}.analytics-pro-notice button{background:#22c55e;background:var(--social-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.analytics-pro-notice button:hover{background:#16a34a;background:var(--social-primary-hover);transform:translateY(-1px)}.highlighted-post{animation:highlightPulse 2s ease-in-out;background:#22c55e1a!important;border-color:#22c55e!important;border-color:var(--social-primary)!important}@keyframes highlightPulse{0%,to{box-shadow:0 0 0 0 #22c55e66}50%{box-shadow:0 0 0 10px #22c55e00}}@media (max-width:768px){.analytics-data{flex-direction:column;gap:1rem}.social-stats-grid{grid-template-columns:repeat(2,1fr)}.search-container{flex-direction:column}.user-item{padding:.75rem 1rem}.user-avatar{font-size:.8rem;height:32px;width:32px}.pro-features-preview{grid-template-columns:1fr}.filter-info{align-items:flex-start;flex-direction:column;gap:.5rem}.filter-tip{margin-left:0}}:root{--chat-primary-gradient:linear-gradient(135deg,#000,#2a2a2a 50%,#fff);--chat-secondary-gradient:linear-gradient(135deg,#1a1a1a,#3a3a3a 50%,#f0f0f0);--chat-accent-gradient:linear-gradient(135deg,#0a0a0a,#505050 50%,#e0e0e0);--chat-primary:#2a2a2a;--chat-primary-light:#4a4a4a;--chat-secondary:#1a1a1a;--chat-bg:#0a0a0a;--chat-card:#1a1a1a;--chat-border:#2a2a2a;--chat-text:#fff;--chat-text-muted:#888;--chat-text-accent:#d0d0d0;--chat-input:#131313;--chat-shadow:0 4px 20px #000c;--chat-height-closed:50px;--chat-height-open:400px;--chat-width:320px;--chat-gap:10px;--chat-font-primary:"Tajawal",sans-serif;--chat-font-secondary:"Arimo",sans-serif}.social-chats-container{-ms-overflow-style:none;align-items:flex-end;bottom:0;display:flex;gap:10px;gap:var(--chat-gap);max-width:calc(100vw - 40px);overflow-x:auto;pointer-events:none;position:fixed;right:20px;scrollbar-width:none;z-index:1000}.social-chats-container::-webkit-scrollbar{display:none}.social-chat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a1a;background:var(--chat-card);border:1px solid #2a2a2a;border:1px solid var(--chat-border);border-bottom:none;border-radius:12px 12px 0 0;box-shadow:0 4px 20px #000c;box-shadow:var(--chat-shadow);display:flex;flex-direction:column;font-family:Tajawal,sans-serif;font-family:var(--chat-font-primary);overflow:hidden;pointer-events:auto;transition:all .3s cubic-bezier(.4,0,.2,1);width:320px;width:var(--chat-width)}.social-chat.minimized{height:50px;height:var(--chat-height-closed)}.social-chat.maximized{height:400px;height:var(--chat-height-open)}.social-chat.opening{animation:chatOpen .4s cubic-bezier(.4,0,.2,1) forwards}.social-chat.closing{animation:chatClose .3s ease-in forwards}.chat-header{align-items:center;background:linear-gradient(135deg,#1a1a1a,#3a3a3a 50%,#f0f0f0);background:var(--chat-secondary-gradient);border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--chat-border);box-sizing:border-box;cursor:pointer;display:flex;font-family:Tajawal,sans-serif;font-family:var(--chat-font-primary);justify-content:space-between;min-height:50px;min-height:var(--chat-height-closed);padding:12px 16px;transition:all .3s ease}.chat-header:hover{background:linear-gradient(135deg,#0a0a0a,#505050 50%,#e0e0e0);background:var(--chat-accent-gradient)}.chat-header.has-unread{background:linear-gradient(135deg,#000,#2a2a2a 50%,#fff);background:var(--chat-primary-gradient);border-left:3px solid #fff;border-left:3px solid var(--chat-text)}.chat-user-info{flex:1 1;gap:10px;min-width:0}.chat-avatar,.chat-user-info{align-items:center;display:flex}.chat-avatar{background:linear-gradient(135deg,#000,#2a2a2a 50%,#fff);background:var(--chat-primary-gradient);border:1px solid #2a2a2a;border:1px solid var(--chat-border);border-radius:50%;color:#fff;color:var(--chat-text);flex-shrink:0;font-family:Arimo,sans-serif;font-family:var(--chat-font-secondary);font-size:.9rem;font-weight:700;height:32px;justify-content:center;position:relative;width:32px}.chat-avatar.pro{background:linear-gradient(135deg,#0a0a0a,#505050 50%,#e0e0e0);background:var(--chat-accent-gradient);border:1px solid #d0d0d0;border:1px solid var(--chat-text-accent)}.chat-avatar.online:after{background:#fff;background:var(--chat-text);border:2px solid #1a1a1a;border:2px solid var(--chat-card);border-radius:50%;bottom:-1px;content:"";height:10px;position:absolute;right:-1px;width:10px}.chat-user-details{flex:1 1;min-width:0}.chat-username{color:#fff;color:var(--chat-text);font-family:Tajawal,sans-serif;font-family:var(--chat-font-primary);font-size:.9rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-status{align-items:center;color:#888;color:var(--chat-text-muted);display:flex;font-family:Arimo,sans-serif;font-family:var(--chat-font-secondary);font-size:.75rem;gap:4px}.chat-last-message{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-time{color:#d0d0d0;color:var(--chat-text-accent);font-weight:500}.chat-actions{align-items:center;display:flex;gap:8px}.chat-unread-badge{animation:badgePulse 2s infinite;background:linear-gradient(135deg,#000,#2a2a2a 50%,#fff);background:var(--chat-primary-gradient);border:1px solid #2a2a2a;border:1px solid var(--chat-border);border-radius:50%;color:#fff;color:var(--chat-text);font-family:Arimo,sans-serif;font-family:var(--chat-font-secondary);font-size:.7rem;font-weight:700;height:20px;width:20px}.chat-close-btn,.chat-unread-badge{align-items:center;display:flex;justify-content:center}.chat-close-btn{background:none;border:none;border-radius:4px;color:#888;color:var(--chat-text-muted);cursor:pointer;font-size:.9rem;height:24px;padding:4px;transition:all .3s ease;width:24px}.chat-close-btn:hover{background:#ef44441a;color:#ef4444}.chat-messages-area{background:#0a0a0a;background:var(--chat-bg);overflow:hidden}.chat-messages,.chat-messages-area{display:flex;flex:1 1;flex-direction:column}.chat-messages{gap:8px;overflow-y:auto;padding:12px;scroll-behavior:smooth;scrollbar-color:#2a2a2a #0000;scrollbar-color:var(--chat-border) #0000;scrollbar-width:thin}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:#0000}.chat-messages::-webkit-scrollbar-thumb{background:#2a2a2a;background:var(--chat-border);border-radius:2px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#2a2a2a;background:var(--chat-primary)}.chat-message{animation:messageSlideIn .3s ease;display:flex;margin-bottom:4px;order:1}.chat-message.own{justify-content:flex-end}.chat-message.other{justify-content:flex-start}.message-bubble{word-wrap:break-word;border-radius:16px;font-size:.85rem;line-height:1.4;max-width:70%;padding:8px 12px;position:relative}.message-bubble.own{background:linear-gradient(135deg,#000,#2a2a2a 50%,#fff);background:var(--chat-primary-gradient);border:1px solid #2a2a2a;border:1px solid var(--chat-border);border-bottom-right-radius:4px;color:#fff;color:var(--chat-text)}.message-bubble.other{background:linear-gradient(135deg,#1a1a1a,#3a3a3a 50%,#f0f0f0);background:var(--chat-secondary-gradient);border:1px solid #2a2a2a;border:1px solid var(--chat-border);border-bottom-left-radius:4px;color:#fff;color:var(--chat-text)}.message-time{font-family:Arimo,sans-serif;font-family:var(--chat-font-secondary);font-size:.7rem;margin-top:4px;opacity:.7;text-align:right}.message-bubble.other .message-time{text-align:left}.chat-input-area{background:#1a1a1a;background:var(--chat-card);border-top:1px solid #2a2a2a;border-top:1px solid var(--chat-border);padding:12px}.chat-input-container{align-items:flex-end;display:flex;gap:8px}.chat-input{background:#131313;background:var(--chat-input);border:1px solid #2a2a2a;border:1px solid var(--chat-border);border-radius:20px;color:#fff;color:var(--chat-text);flex:1 1;font-family:Tajawal,sans-serif;font-family:var(--chat-font-primary);font-size:.85rem;max-height:100px;min-height:36px;outline:none;padding:8px 16px;resize:none;transition:all .3s ease}.chat-input:focus{border-color:#d0d0d0;border-color:var(--chat-text-accent);box-shadow:0 0 0 2px #ffffff1a}.chat-input::placeholder{color:#888;color:var(--chat-text-muted)}.chat-send-btn{align-items:center;background:linear-gradient(135deg,#000,#2a2a2a 50%,#fff);background:var(--chat-primary-gradient);border:1px solid #2a2a2a;border:1px solid var(--chat-border);border-radius:50%;color:#fff;color:var(--chat-text);cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;height:36px;justify-content:center;transition:all .3s ease;width:36px}.chat-send-btn:hover:not(:disabled){background:linear-gradient(135deg,#0a0a0a,#505050 50%,#e0e0e0);background:var(--chat-accent-gradient);transform:scale(1.05)}.chat-send-btn:disabled{background:#2a2a2a;background:var(--chat-border);cursor:not-allowed;opacity:.5;transform:none}.chat-options-btn{align-items:center;background:linear-gradient(135deg,#1a1a1a,#3a3a3a 50%,#f0f0f0);background:var(--chat-secondary-gradient);border:1px solid #2a2a2a;border:1px solid var(--chat-border);border-radius:50%;color:#888;color:var(--chat-text-muted);cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;height:36px;justify-content:center;transition:all .3s ease;width:36px}.chat-options-btn:hover{background:linear-gradient(135deg,#0a0a0a,#505050 50%,#e0e0e0);background:var(--chat-accent-gradient);color:#fff;color:var(--chat-text)}.chat-options-btn.coming-soon{cursor:not-allowed;opacity:.5}.chat-options-btn.coming-soon:hover{background:linear-gradient(135deg,#1a1a1a,#3a3a3a 50%,#f0f0f0);background:var(--chat-secondary-gradient);color:#888;color:var(--chat-text-muted)}.chat-empty{align-items:center;color:#888;color:var(--chat-text-muted);display:flex;flex:1 1;flex-direction:column;gap:12px;justify-content:center;padding:20px}.chat-empty-icon{font-size:2rem;opacity:.5}.chat-empty-text{font-size:.85rem;line-height:1.4;text-align:center}.chat-loading{align-items:center;color:#888;color:var(--chat-text-muted);display:flex;flex:1 1;flex-direction:column;gap:12px;justify-content:center}.chat-spinner{animation:spin 1s linear infinite;border:2px solid #2a2a2a;border:2px solid var(--chat-border);border-radius:50%;border-top-color:var(--chat-primary);height:24px;width:24px}.chat-limit-warning{background:linear-gradient(135deg,#0000004d,#ffffff1a);border:1px solid #2a2a2a;border:1px solid var(--chat-border);border-radius:8px;color:#d0d0d0;color:var(--chat-text-accent);font-family:Arimo,sans-serif;font-family:var(--chat-font-secondary);font-size:.75rem;margin:8px 12px;padding:8px 12px;text-align:center}.chat-limit-reached{background:linear-gradient(135deg,#141414cc,#3c3c3c4d);border:1px solid #888;border:1px solid var(--chat-text-muted);border-radius:8px}.chat-limit-reached,.chat-pro-hint{color:#fff;color:var(--chat-text);font-family:Arimo,sans-serif;font-family:var(--chat-font-secondary);font-size:.75rem;margin:8px 12px;padding:8px 12px;text-align:center}.chat-pro-hint{background:linear-gradient(135deg,#000,#2a2a2a 50%,#fff);background:var(--chat-primary-gradient);border:1px solid #2a2a2a;border:1px solid var(--chat-border);border-radius:8px}.chat-pro-hint button{background:none;border:1px solid #fff;border:1px solid var(--chat-text);border-radius:4px;color:#fff;color:var(--chat-text);cursor:pointer;font-family:Arimo,sans-serif;font-family:var(--chat-font-secondary);font-size:inherit;margin-left:4px;padding:2px 6px;text-decoration:none;transition:all .3s ease}.chat-pro-hint button:hover{background:#fff;background:var(--chat-text);color:#0a0a0a;color:var(--chat-bg)}.social-chat-list{background:#1a1a1a;background:var(--chat-card);border:1px solid #2a2a2a;border:1px solid var(--chat-border);border-radius:12px;display:flex;flex-direction:column;font-family:Tajawal,sans-serif;font-family:var(--chat-font-primary);height:400px;padding:1.5rem}.chat-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.chat-list-title{color:#fff;color:var(--chat-text);font-family:Tajawal,sans-serif;font-family:var(--chat-font-primary);font-size:1.1rem;font-weight:600;margin:0}.chat-list-actions{display:flex;gap:8px;position:relative}.chat-list-menu{position:relative}.chat-menu-toggle{align-items:center;background:linear-gradient(135deg,#1a1a1a,#3a3a3a 50%,#f0f0f0);background:var(--chat-secondary-gradient);border:1px solid #2a2a2a;border:1px solid var(--chat-border);border-radius:6px;color:#888;color:var(--chat-text-muted);cursor:pointer;display:flex;font-family:Arimo,sans-serif;font-family:var(--chat-font-secondary);font-size:.9rem;height:28px;justify-content:center;padding:6px 8px;transition:all .3s ease;width:32px}.chat-menu-toggle:hover{background:linear-gradient(135deg,#0a0a0a,#505050 50%,#e0e0e0);background:var(--chat-accent-gradient);color:#fff;color:var(--chat-text)}.chat-menu-dropdown{animation:dropdownSlideDown .2s ease;background:#1a1a1a;background:var(--chat-card);border:1px solid #2a2a2a;border:1px solid var(--chat-border);border-radius:8px;box-shadow:0 4px 20px #00000080;margin-top:4px;min-width:150px;position:absolute;right:0;top:100%;z-index:1001}.chat-menu-item{align-items:center;background:none;border:none;color:#fff;color:var(--chat-text);cursor:pointer;display:flex;font-family:Arimo,sans-serif;font-family:var(--chat-font-secondary);font-size:.85rem;gap:8px;padding:10px 12px;text-align:left;transition:all .3s ease;width:100%}.chat-menu-item:hover{background:#2a2a2a;background:var(--chat-border)}.chat-menu-item.danger{color:#888;color:var(--chat-text-muted)}.chat-menu-item.danger:hover{background:linear-gradient(135deg,#000,#2a2a2a 50%,#fff);background:var(--chat-primary-gradient);color:#fff;color:var(--chat-text)}@keyframes dropdownSlideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.clear-chats-btn{background:#2a2a2a;background:var(--chat-border);border:none;border-radius:6px;color:#888;color:var(--chat-text-muted);cursor:pointer;font-size:.75rem;padding:6px 12px;transition:all .3s ease}.clear-chats-btn:hover{background:#ef4444;color:#fff}.chat-list-content{flex:1 1;overflow-y:auto;scrollbar-color:#2a2a2a #0000;scrollbar-color:var(--chat-border) #0000;scrollbar-width:thin}.chat-list-content::-webkit-scrollbar{width:4px}.chat-list-content::-webkit-scrollbar-track{background:#0000}.chat-list-content::-webkit-scrollbar-thumb{background:#2a2a2a;background:var(--chat-border);border-radius:2px}.chat-list-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;margin-bottom:4px;padding:12px;transition:all .3s ease}.chat-list-item:hover{background:#2a2a2a;background:var(--chat-border)}.chat-list-item.active{background:#22c55e1a;border:1px solid #22c55e4d}.chat-list-avatar{align-items:center;background:linear-gradient(135deg,#000,#2a2a2a 50%,#fff);background:var(--chat-primary-gradient);border:1px solid #2a2a2a;border:1px solid var(--chat-border);border-radius:50%;color:#fff;color:var(--chat-text);display:flex;flex-shrink:0;font-family:Arimo,sans-serif;font-family:var(--chat-font-secondary);font-weight:700;height:40px;justify-content:center;position:relative;width:40px}.chat-list-avatar.pro{background:linear-gradient(135deg,#0a0a0a,#505050 50%,#e0e0e0);background:var(--chat-accent-gradient);border-color:#d0d0d0;border-color:var(--chat-text-accent)}.chat-list-avatar.online:after{background:#fff;background:var(--chat-text);border:2px solid #1a1a1a;border:2px solid var(--chat-card);border-radius:50%;bottom:-1px;content:"";height:12px;position:absolute;right:-1px;width:12px}.chat-list-info{flex:1 1;min-width:0}.chat-list-name{color:#fff;color:var(--chat-text);font-family:Tajawal,sans-serif;font-family:var(--chat-font-primary);font-size:.9rem;font-weight:600;margin:0 0 2px}.chat-list-name,.chat-list-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-list-preview{color:#888;color:var(--chat-text-muted);font-family:Arimo,sans-serif;font-family:var(--chat-font-secondary);font-size:.8rem}.chat-list-meta{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.chat-list-time{color:#888;color:var(--chat-text-muted)}.chat-list-time,.chat-list-unread{font-family:Arimo,sans-serif;font-family:var(--chat-font-secondary);font-size:.7rem}.chat-list-unread{align-items:center;background:linear-gradient(135deg,#000,#2a2a2a 50%,#fff);background:var(--chat-primary-gradient);border:1px solid #2a2a2a;border:1px solid var(--chat-border);border-radius:50%;color:#fff;color:var(--chat-text);display:flex;font-weight:700;height:18px;justify-content:center;width:18px}.chat-no-friends{color:#888;color:var(--chat-text-muted);font-family:Tajawal,sans-serif;font-family:var(--chat-font-primary);padding:2rem 1rem;text-align:center}.chat-no-friends-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.chat-no-friends h4{color:#fff;color:var(--chat-text);font-family:Tajawal,sans-serif;font-family:var(--chat-font-primary);margin:0 0 .5rem}.chat-no-friends p{font-family:Arimo,sans-serif;font-family:var(--chat-font-secondary);line-height:1.4;margin:0 0 1.5rem}.chat-find-friends-btn{background:linear-gradient(135deg,#000,#2a2a2a 50%,#fff);background:var(--chat-primary-gradient);border:1px solid #2a2a2a;border:1px solid var(--chat-border);border-radius:8px;color:#fff;color:var(--chat-text);cursor:pointer;font-family:Tajawal,sans-serif;font-family:var(--chat-font-primary);font-weight:600;padding:12px 24px;transition:all .3s ease}.chat-find-friends-btn:hover{background:linear-gradient(135deg,#0a0a0a,#505050 50%,#e0e0e0);background:var(--chat-accent-gradient);transform:translateY(-1px)}.chat-sound-notification{animation:soundNotification 2s ease forwards;background:linear-gradient(135deg,#000,#2a2a2a 50%,#fff);background:var(--chat-primary-gradient);border:1px solid #2a2a2a;border:1px solid var(--chat-border);border-radius:8px;color:#fff;color:var(--chat-text);font-family:Arimo,sans-serif;font-family:var(--chat-font-secondary);font-size:.8rem;padding:8px 16px;position:fixed;right:20px;top:20px;z-index:1001}.chat-list-item *,.social-chat *,.social-chat-list *{color-scheme:dark}.chat-list-item *,.social-chat *,.social-chat button,.social-chat input,.social-chat textarea,.social-chat-list *{font-family:Tajawal,sans-serif;font-family:var(--chat-font-primary)}.chat-list-stats{align-items:center;border-top:1px solid #2a2a2a;border-top:1px solid var(--chat-border);color:#888;color:var(--chat-text-muted);display:flex;font-family:Arimo,sans-serif;font-family:var(--chat-font-secondary);font-size:.75rem;justify-content:space-between;padding:.75rem}.plan-info{gap:.5rem}.plan-info button{background:linear-gradient(135deg,#000,#2a2a2a 50%,#fff);background:var(--chat-primary-gradient);border:1px solid #2a2a2a;border:1px solid var(--chat-border);border-radius:4px;color:#fff;color:var(--chat-text);cursor:pointer;font-family:Arimo,sans-serif;font-family:var(--chat-font-secondary);font-size:.7rem;padding:4px 8px;transition:all .3s ease}.plan-info button:hover{background:linear-gradient(135deg,#0a0a0a,#505050 50%,#e0e0e0);background:var(--chat-accent-gradient);transform:scale(1.05)}@keyframes chatOpen{0%{height:50px;height:var(--chat-height-closed);opacity:.8}to{height:400px;height:var(--chat-height-open);opacity:1}}@keyframes chatClose{0%{height:400px;height:var(--chat-height-open);opacity:1}to{height:50px;height:var(--chat-height-closed);opacity:.8}}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width:768px){:root{--chat-width:280px;--chat-height-open:350px;--chat-gap:5px}.social-chats-container{max-width:calc(100vw - 20px);right:10px}.chat-header{padding:10px 12px}.chat-avatar{font-size:.8rem;height:28px;width:28px}.chat-username{font-size:.85rem}.chat-status{font-size:.7rem}.chat-messages{padding:8px}.message-bubble{font-size:.8rem;max-width:80%;padding:6px 10px}.chat-input-area{padding:8px}.chat-input{font-size:.8rem;min-height:32px;padding:6px 12px}.chat-options-btn,.chat-send-btn{font-size:.9rem;height:32px;width:32px}}@media (max-width:480px){:root{--chat-width:260px;--chat-height-open:300px}.social-chats-container{max-width:calc(100vw - 10px);right:5px}.chat-list-item{padding:8px}.chat-list-avatar{height:36px;width:36px}.message-bubble{max-width:85%}}.chat-typing-indicator{align-items:center;color:#888;color:var(--chat-text-muted);display:flex;font-size:.8rem;font-style:italic;gap:8px;padding:8px 12px}.typing-dots{display:flex;gap:2px}.typing-dots span{animation:typingBounce 1.4s infinite;background:#888;background:var(--chat-text-muted);border-radius:50%;height:4px;width:4px}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}@keyframes soundNotification{0%{opacity:0;transform:translateX(100px)}20%,80%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}.error-report-modal-overlay{align-items:center;animation:modalFadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.error-report-modal{animation:modalSlideIn .3s ease-out;background:#0a0a0a;border:1px solid #fbbf24;border-radius:12px;box-shadow:0 20px 40px #fbbf244d;max-height:90vh;max-width:500px;overflow:hidden;width:90%}.modal-header{background:#111}.modal-title{align-items:center;display:flex;gap:12px}.modal-icon{filter:none;filter:var(--icon-filter,none);height:24px;width:24px}.modal-title h3{color:#fff;font-size:18px;font-weight:600;margin:0}.modal-close-btn{color:#666}.modal-close-btn:hover{background:#333;color:#fbbf24}.modal-close-btn:disabled{cursor:not-allowed;opacity:.5}.form-group{margin-bottom:20px}.form-group label{margin-bottom:8px}.required{color:#fbbf24;margin-left:4px}.form-group select,.form-group textarea{background:#1a1a1a;border:1px solid #333;border-radius:8px;color:#fff;font-size:14px;min-height:40px;padding:12px;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-group select:focus,.form-group textarea:focus{border-color:#fbbf24;box-shadow:0 0 0 3px #fbbf2433;outline:none}.form-group textarea{font-family:inherit;line-height:1.5}.form-group textarea::placeholder{color:#666;white-space:pre-line}.form-info{background:#1a1a1a;border:1px solid #333;border-radius:8px;margin-bottom:20px;padding:12px}.form-info p{align-items:flex-start;color:#ccc;display:flex;font-size:13px;gap:8px;margin:0}.modal-actions{margin-top:24px}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;min-height:40px;padding:10px 20px;transition:all .2s ease}.btn-secondary{background:#1a1a1a;border:1px solid #333;color:#ccc}.btn-secondary:hover:not(:disabled){background:#333;color:#fff}.btn-primary{background:#fbbf24;color:#000;font-weight:600}.btn-primary:hover:not(:disabled){background:#f59e0b}.btn-primary:disabled{background:#666;color:#999;cursor:not-allowed}.loading-spinner{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-top-color:#fff}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.error-report-modal{margin:20px;width:95%}.modal-body,.modal-header{padding:16px}.modal-actions{flex-direction:column}.btn-primary,.btn-secondary{justify-content:center;width:100%}}.floating-notifications-container{pointer-events:none;position:fixed;right:20px;top:20px;z-index:10000}.floating-notification{animation:slideIn .3s ease-out forwards;animation-delay:0s;animation-delay:calc(var(--notification-index, 0)*.1s);background:#1a1a1a;background:var(--yoll-dark-gray,#1a1a1a);border:1px solid #2a2a2a;border:1px solid var(--yoll-medium-gray,#2a2a2a);border-radius:12px;box-shadow:0 4px 24px #0006;margin-bottom:12px;overflow:hidden;padding:16px;pointer-events:all;position:relative;transform:translateX(400px);width:320px}@keyframes slideIn{to{transform:translateX(0)}}.floating-notification.exit{animation:slideOut .3s ease-out forwards}@keyframes slideOut{to{opacity:0;transform:translateX(400px)}}.floating-notification.shaking{animation:slideIn .3s ease-out forwards,shake .5s ease-in-out infinite}@keyframes shake{0%,to{transform:translateX(0) rotate(0deg)}25%{transform:translateX(-2px) rotate(-1deg)}75%{transform:translateX(2px) rotate(1deg)}}.notification-close{background:none;border:none;color:#656565;color:var(--yoll-light-gray,#656565);cursor:pointer;font-size:16px;line-height:1;opacity:0;padding:4px;position:absolute;right:8px;top:8px;transition:all .2s ease}.floating-notification:hover .notification-close{opacity:1}.notification-close:hover{color:#fff;color:var(--yoll-white,#fff)}.notification-body{align-items:center;cursor:pointer;display:flex;gap:12px}.notification-icon-wrapper{align-items:center;background:#2a2a2a;background:var(--yoll-medium-gray,#2a2a2a);border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .3s ease;width:40px}.notification-icon{font-size:20px;transition:transform .3s ease}.notification-icon-wrapper.revealed .notification-icon{transform:scale(1.2)}.notification-title{color:var(--yoll-white,#fff);font-size:14px;line-height:1.3;margin:0}.notification-description{color:#656565;color:var(--yoll-light-gray,#656565);font-size:12px;line-height:1.4;margin:4px 0 0}.notification-progress{background:#2a2a2a;background:var(--yoll-medium-gray,#2a2a2a);bottom:0;height:2px;left:0;overflow:hidden;position:absolute;right:0}.notification-progress .progress-bar{animation:progress 5s linear forwards;background:#fff;background:var(--yoll-white,#fff);height:100%}@keyframes progress{0%{width:100%}to{width:0}}.floating-notification.success .notification-icon-wrapper{background:#4ade801a}.floating-notification.success .notification-icon{color:#4ade80}.floating-notification.error .notification-icon-wrapper{background:#ef44441a}.floating-notification.error .notification-icon{color:#ef4444}.floating-notification.warning .notification-icon-wrapper{background:#f59e0b1a}.floating-notification.warning .notification-icon{color:#f59e0b}.floating-notification.info .notification-icon-wrapper{background:#3b82f61a}.floating-notification.info .notification-icon{color:#3b82f6}.floating-notification.boost .notification-icon-wrapper,.floating-notification.shop .notification-icon-wrapper{background:#f59e0b1a}.floating-notification.boost .notification-icon,.floating-notification.shop .notification-icon{color:#f59e0b}.floating-notification.mystery_box .notification-icon-wrapper{background:linear-gradient(135deg,#f59e0b33,#8b5cf633)}.floating-notification.mystery_box .notification-icon{color:#f59e0b}@media (max-width:480px){.floating-notifications-container{left:10px;right:10px;top:10px}.floating-notification{width:auto}}:root{--notif-bg:#1a1a1a;--notif-border:#27272a;--notif-text:#fff;--notif-text-muted:#a1a1aa;--notif-primary:#22c55e;--notif-error:#ef4444;--notif-warning:#f59e0b;--notif-success:#22c55e;--notif-shadow:#00000080}.notification-bell{border:1px solid #27272a;border:1px solid var(--notif-border);color:var(--notif-text)}.notification-bell:hover{border-color:#22c55e;border-color:var(--notif-primary)}.notification-bell.has-notifications{animation:bellPulse 2s infinite;border-color:#ef4444;border-color:var(--notif-error);color:#ef4444;color:var(--notif-error)}.notification-bell.has-notifications:after{animation:notifPulse 1.5s infinite;background:#ef4444;background:var(--notif-error);border:2px solid #1a1a1a;border:2px solid var(--notif-bg);border-radius:50%;content:"";height:12px;position:absolute;right:-2px;top:-2px;width:12px}.notification-count{animation:countBounceIn .6s cubic-bezier(.68,-.55,.265,1.55);background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--notif-error) 0,#dc2626 100%);border:2px solid #1a1a1a;border:2px solid var(--notif-bg);box-shadow:0 2px 8px #ef444466;font-weight:800;height:22px;right:-6px;top:-6px;width:22px}.notification-count.new{animation:countPulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 12px #f59e0b99}.notifications-dropdown{box-shadow:0 10px 40px var(--notif-shadow)}.notifications-dropdown,.notifications-dropdown:before{background:var(--notif-bg);border:1px solid #27272a;border:1px solid var(--notif-border)}.notifications-header{background:linear-gradient(135deg,#1a1a1a,#22c55e0d);background:linear-gradient(135deg,var(--notif-bg) 0,#22c55e0d 100%);border-bottom:1px solid #27272a;border-bottom:1px solid var(--notif-border)}.notifications-header h3{color:var(--notif-text)}.mark-all-read{background:none;border:none;border-radius:4px;color:#22c55e;color:var(--notif-primary);cursor:pointer;font-size:.8rem;padding:.25rem .5rem;transition:all .3s ease}.mark-all-read:hover{background:#22c55e1a}.notifications-list{scrollbar-color:#27272a #0000;scrollbar-color:var(--notif-border) #0000}.notifications-list::-webkit-scrollbar-thumb{background:#27272a;background:var(--notif-border)}.notifications-list::-webkit-scrollbar-thumb:hover{background:#22c55e;background:var(--notif-primary)}.notification-item{border-bottom:1px solid #27272a80}.notification-item.unread{background:#22c55e08;border-left:3px solid #22c55e;border-left:3px solid var(--notif-primary)}.notification-item.unread:after{animation:unreadPulse 2s infinite;background:#22c55e;background:var(--notif-primary);border-radius:50%;content:"";height:8px;position:absolute;right:1rem;top:1rem;width:8px}.notification-icon.project_download{background:#22c55e1a;border:1px solid #22c55e33;color:#22c55e;color:var(--notif-primary)}.notification-icon.mission_complete{background:#f59e0b1a;border:1px solid #f59e0b33;color:#f59e0b}.notification-icon.system{color:#a1a1aa;color:var(--notif-text-muted)}.notification-message{color:#fff;color:var(--notif-text);font-size:.9rem;line-height:1.4;margin:0 0 .25rem}.notification-like-details,.notification-time{color:#a1a1aa;color:var(--notif-text-muted)}.notification-like-details{font-size:.8rem;margin-top:.5rem}.notification-like-count{background:#ef44441a;border-radius:12px;color:#ef4444;font-weight:600;margin-left:.5rem;padding:.1rem .4rem}.notification-actions{margin-top:.5rem}.notification-action{border:1px solid #27272a;border:1px solid var(--notif-border);color:#a1a1aa;color:var(--notif-text-muted)}.notification-action:hover{background:#22c55e;background:var(--notif-primary);border-color:#22c55e;border-color:var(--notif-primary)}.notification-action.delete{color:var(--notif-error)}.notification-action.delete:hover{background:var(--notif-error)}.notifications-empty{color:#a1a1aa;color:var(--notif-text-muted)}.notifications-empty h4{color:var(--notif-text)}.notifications-empty p{margin:0}.notifications-loading{color:#a1a1aa;color:var(--notif-text-muted)}.notifications-spinner{border:3px solid #27272a;border-top-color:#22c55e;border:3px solid var(--notif-border);border-top-color:var(--notif-primary)}@media (max-width:768px){.notifications-dropdown{left:2.5vw;max-width:none;right:2.5vw;width:95vw}.notifications-dropdown:before{right:50%;transform:translateX(50%) rotate(45deg)}.notification-item{padding:.75rem}.notification-icon{font-size:1rem;height:32px;width:32px}.notification-message{font-size:.85rem}.notification-time{font-size:.7rem}}@media (max-width:480px){.notifications-dropdown{border-radius:0;left:0;max-height:70vh;right:0;width:100vw}.notifications-dropdown:before{display:none}.notifications-header{padding:.75rem}.notification-item{gap:.5rem;padding:.5rem}}@keyframes bellPulseNew{0%,to{box-shadow:0 2px 8px #ef444433;transform:translateY(0) scale(1)}50%{box-shadow:0 6px 20px #ef444466;transform:translateY(-3px) scale(1.05)}}@keyframes bellShake{0%,to{transform:translateX(0) rotate(0deg)}10%,30%,50%,70%,90%{transform:translateX(-2px) rotate(-5deg)}20%,40%,60%,80%{transform:translateX(2px) rotate(5deg)}}@keyframes iconBounce{0%,to{filter:brightness(0) invert(1) drop-shadow(0 0 12px rgba(245,158,11,1));transform:scale(1) rotate(0deg)}50%{filter:brightness(0) invert(1) drop-shadow(0 0 16px rgba(245,158,11,1.2));transform:scale(1.2) rotate(-10deg)}}@keyframes countBounceIn{0%{opacity:0;transform:scale(0) rotate(180deg)}50%{opacity:1;transform:scale(1.3) rotate(1turn)}to{opacity:1;transform:scale(1) rotate(1turn)}}@keyframes countPulse{0%,to{box-shadow:0 2px 12px #f59e0b99;transform:scale(1)}50%{box-shadow:0 4px 20px #f59e0bcc;transform:scale(1.1)}}@keyframes dropdownSlideNew{0%{filter:blur(4px);opacity:0;transform:translateY(-20px) scale(.9) rotateX(-10deg)}to{filter:blur(0);opacity:1;transform:translateY(0) scale(1) rotateX(0deg)}}@keyframes notifPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}@keyframes unreadPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.notification-item:hover .notification-icon{transform:scale(1.1)}.notification-item.unread:hover{background:#22c55e0f}.notification-action:active,.notification-bell:active{transform:scale(.95)}.notification-item.urgent{animation:urgentFlash 3s infinite;border-left-color:#ef4444;border-left-color:var(--notif-error)}@keyframes urgentFlash{0%,to{border-left-color:#ef4444;border-left-color:var(--notif-error)}50%{border-left-color:#0000}}.notification-item.success .notification-icon{background:#22c55e1a;border-color:#22c55e33;color:#22c55e;color:var(--notif-success)}.notification-item.warning .notification-icon{background:#f59e0b1a;border-color:#f59e0b33;color:#f59e0b;color:var(--notif-warning)}.notification-item.error .notification-icon{background:#ef44441a;border-color:#ef444433;color:#ef4444;color:var(--notif-error)}.notification-item.high-priority{background:linear-gradient(135deg,#ef44441a,#0000);border-left:3px solid #ef4444;border-left:3px solid var(--notif-error)}.notification-item.high-priority .notification-icon{animation:highPriorityPulse 2s infinite}@keyframes highPriorityPulse{0%,to{transform:scale(1)}50%{filter:brightness(1.2);transform:scale(1.1)}}.cookie-banner-overlay{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#000000f2;border-top:1px solid #ffffff1a;bottom:0;box-shadow:0 -8px 25px #0000004d;left:0;padding:1.5rem 2rem;position:fixed;right:0;transform:translateY(100%);transition:transform .4s cubic-bezier(.25,.46,.45,.94);z-index:9999}.cookie-banner-overlay.show{transform:translateY(0)}.cookie-banner-overlay.hide{transform:translateY(100%)}.cookie-banner-container{align-items:center;display:flex;gap:1.5rem;margin:0 auto;max-width:1200px;position:relative}.cookie-icon{animation:cookieBounce 3s ease-in-out infinite;flex-shrink:0;font-size:2.5rem;opacity:.8}@keyframes cookieBounce{0%,20%,50%,80%,to{transform:translateY(0) rotate(0deg)}40%{transform:translateY(-8px) rotate(5deg)}60%{transform:translateY(-4px) rotate(-3deg)}}.cookie-content{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.cookie-message{color:#f0f0f0;font-size:.9rem;font-weight:400;line-height:1.5;margin:0}.cookie-submessage{color:#888;font-size:.8rem;line-height:1.4;margin:0}.cookie-actions{align-items:center;display:flex;flex-shrink:0;gap:1rem}.cookie-btn{border:none;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;min-width:100px;overflow:hidden;padding:.7rem 1.5rem;position:relative;text-align:center;transition:all .3s ease}.cookie-btn-accept{background:linear-gradient(135deg,#4ade80,#22c55e);box-shadow:0 4px 15px #4ade8033;color:#000}.cookie-btn-accept:hover{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 6px 20px #4ade804d;transform:translateY(-2px)}.cookie-btn-more{background:#ffffff1a;border:1px solid #fff3;color:#f0f0f0}.cookie-btn-more:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}.cookie-btn-accept:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.cookie-btn-accept:hover:before{left:100%}.cookie-banner-overlay .cookie-banner-container>*{animation:slideInUp .6s ease-out forwards;opacity:0;transform:translateY(20px)}.cookie-banner-overlay .cookie-icon{animation-delay:.1s}.cookie-banner-overlay .cookie-content{animation-delay:.2s}.cookie-banner-overlay .cookie-actions{animation-delay:.3s}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.cookie-banner-overlay{padding:1.25rem 1rem}.cookie-banner-container{flex-direction:column;gap:1rem;text-align:center}.cookie-icon{font-size:2rem}.cookie-actions{flex-direction:column;gap:.75rem;width:100%}.cookie-btn{padding:.8rem 1rem;width:100%}.cookie-message{font-size:.85rem}.cookie-submessage{font-size:.75rem}}@media (max-width:480px){.cookie-banner-overlay{padding:1rem .75rem}.cookie-icon{font-size:1.8rem}.cookie-message{font-size:.8rem}.cookie-submessage{font-size:.7rem}.cookie-btn{font-size:.8rem;padding:.75rem 1rem}}.cookie-banner-overlay:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.cookie-icon:hover{transform:scale(1.1) rotate(10deg);transition:transform .3s ease}.cookie-banner-overlay.accepted{animation:cookieAccepted 1s ease-out forwards}@keyframes cookieAccepted{0%{opacity:1;transform:translateY(0)}50%{opacity:.7;transform:translateY(-10px)}to{opacity:0;transform:translateY(100%)}}.mission-card{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:1px solid #404040;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.mission-card.progress{border-color:#22c55e;box-shadow:0 4px 12px #22c55e1a}.mission-card.ready{animation:pulse-ready 2s ease-in-out infinite;border-color:#22c55e;box-shadow:0 4px 12px #22c55e33}.mission-card.completed{background:linear-gradient(135deg,#064e3b,#0f766e);border-color:#10b981;opacity:.8}.mission-card.locked{background:linear-gradient(135deg,#374151,#4b5563);border-color:#6b7280;cursor:not-allowed;opacity:.6}.mission-card.pro-required{background:linear-gradient(135deg,#1f2937,#374151);border-color:#4b5563;position:relative}.mission-card.pro-required:before{background:linear-gradient(45deg,#8b5cf61a,#8b5cf60d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.mission-card.hovered:not(.locked):not(.completed){border-color:#090d1218;box-shadow:0 8px 25px #0000004d;transform:translateY(-4px)}.mission-card.completing{animation:completing-pulse 1s ease-in-out infinite}.mission-card.just-completed{animation:completion-celebration 2s ease-out}.mission-card.compact{min-height:auto;padding:12px}.mission-card.compact .mission-progress-section{display:none}.mission-header{margin-bottom:12px}.mission-icon-container{align-items:center;background:linear-gradient(135deg,#fffb08,#040d277e);border-radius:12px;box-shadow:0 4px 8px #3b82f64d;display:flex;height:48px;justify-content:center;position:relative;width:48px}.mission-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:24px}.chain-indicator,.repeatable-indicator{align-items:center;background:#f59e0b;border:2px solid #1a1a1a;border-radius:50%;display:flex;font-size:10px;height:20px;justify-content:center;position:absolute;right:-8px;top:-8px;width:20px}.repeatable-indicator{background:#404040}.mission-meta{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.mission-difficulty{opacity:.8}.mission-points{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:8px;box-shadow:0 2px 4px #fbbf244d;color:#000;font-size:12px;font-weight:600;padding:4px 8px}.mission-content{margin:16px 0}.mission-title{line-height:1.2;margin:0 0 8px}.mission-description{color:#d1d5db;margin:0 0 12px}.mission-category{margin-bottom:12px}.category-badge{align-items:center;border-radius:6px;box-shadow:0 2px 4px #0003;color:#fff;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:4px 8px}.mission-progress-section{margin:16px 0}.progress-info{font-size:14px;margin-bottom:8px}.progress-text{color:#d1d5db}.progress-percentage{color:#22c55e;font-weight:600}.progress-bar{background:#374151;position:relative}.progress-fill{border-radius:4px;transition:width .5s ease-out,background-color .3s ease}.progress-sparkle{animation:sparkle 1s ease-in-out infinite;font-size:16px;position:absolute;right:-4px;top:-4px}.badge-required-info,.chain-info,.cooldown-active,.cooldown-info,.daily-limit-info,.lock-info,.validation-error{align-items:center;background:#6b72801a;border-radius:8px;color:#9ca3af;display:flex;font-size:13px;gap:8px;margin-top:12px;padding:8px 12px}.cooldown-active{background:#3b82f633;border:1px solid #3b82f64d;color:#93c5fd}.daily-limit-info,.validation-error{background:#ef444433;border:1px solid #ef44444d;color:#fca5a5}.lock-info{background:#ef44441a;color:#fca5a5}.cooldown-info{background:#3b82f61a;color:#93c5fd}.chain-info{background:#8b5cf61a;color:#c4b5fd}.badge-required-info{background:#f59e0b1a;color:#fcd34d}.pro-required-info{background:linear-gradient(135deg,#8b5cf64d,#7c3aed33);border:1px solid #8b5cf680;color:#c4b5fd;overflow:hidden;position:relative}.pro-required-info:before{animation:shimmer-info 3s infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.pro-upgrade-hint{color:#fbbf24;font-size:11px;font-style:italic;font-weight:500;margin-top:4px;opacity:.9}.pro-text strong{color:#fff;text-shadow:0 1px 2px #00000080}.pro-icon{filter:drop-shadow(0 1px 3px rgba(139,92,246,.5));font-size:16px}@keyframes shimmer-info{0%{left:-100%}to{left:100%}}.cooldown-timer{color:#00000047;font-family:Courier New,monospace;font-size:16px;font-weight:700;margin-top:4px;text-shadow:0 1px 2px #0000004d}.limit-details{font-size:12px;margin-top:2px;opacity:.8}.reset-timer{color:#9ca3af;font-size:11px;margin-top:4px;opacity:.7}.cooldown-text,.limit-text{display:flex;flex-direction:column;gap:2px}.error-text{color:#fca5a5}.mission-footer{margin-top:16px}.mission-button{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin-right:12px;padding:12px 16px;transition:all .2s ease}.mission-button.progress{background:linear-gradient(135deg,#374151,#4b5563);color:#d1d5db;cursor:default}.mission-button.ready{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 12px #22c55e4d;color:#fff}.mission-button.ready:hover:not(:disabled){box-shadow:0 6px 16px #22c55e66;transform:translateY(-2px)}.mission-button.completed{background:linear-gradient(135deg,#10b981,#059669);color:#fff;cursor:default}.mission-button.locked{background:linear-gradient(135deg,#6b7280,#4b5563);color:#9ca3af;cursor:not-allowed}.mission-button.pro-required{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;cursor:pointer;overflow:hidden;position:relative}.mission-button.pro-required:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.mission-button.pro-required:hover:not(:disabled){background:linear-gradient(135deg,#a78bfa,#8b5cf6);box-shadow:0 6px 16px #8b5cf666;transform:translateY(-2px)}.mission-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.loading-dots{align-items:center;display:inline-flex;gap:3px;margin-right:8px}.loading-dots .dot{animation:dot-bounce 1.4s ease-in-out infinite both;background-color:#fff;border-radius:50%;height:4px;width:4px}.loading-dots .dot:first-child{animation-delay:-.32s}.loading-dots .dot:nth-child(2){animation-delay:-.16s}.loading-dots .dot:nth-child(3){animation-delay:0s}@keyframes dot-bounce{0%,80%,to{opacity:.5;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.mission-indicators{display:flex;gap:4px}.mission-indicators>div{align-items:center;background:#6b728033;border-radius:6px;cursor:help;display:flex;font-size:12px;height:24px;justify-content:center;width:24px}.pro-hint,.repeatable-hint{background:#8b5cf633!important}.chain-hint{background:#f59e0b33!important}.pro-required-hint{animation:pro-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#fff,#000)!important;background-clip:text!important;-webkit-background-clip:text!important;border:1px solid #ffffff4d;color:#0000!important;font-weight:700!important;overflow:hidden;position:relative}.pro-required-hint:before{animation:shimmer-hint 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes pro-pulse{0%,to{background:linear-gradient(135deg,#8b5cf666,#7c3aed99)!important;box-shadow:0 0 5px #8b5cf64d}50%{background:linear-gradient(135deg,#8b5cf699,#7c3aedcc)!important;box-shadow:0 0 15px #8b5cf680}}@keyframes shimmer-hint{0%{left:-100%}to{left:100%}}.completion-effects{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:10}.particle{animation:particle-float 2s ease-out forwards;font-size:20px;position:absolute}.particle-1{animation-delay:0s;left:20%;top:20%}.particle-2{animation-delay:.2s;right:20%;top:30%}.particle-3{animation-delay:.4s;bottom:30%;left:30%}.particle-4{animation-delay:.6s;bottom:20%;right:30%}@keyframes pulse-ready{0%,to{box-shadow:0 4px 12px #22c55e33}50%{box-shadow:0 4px 20px #22c55e66}}@keyframes completing-pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes completion-celebration{0%{transform:scale(1)}15%{transform:scale(1.05)}30%{transform:scale(1)}to{transform:scale(1)}}@keyframes sparkle{0%,to{opacity:1;transform:scale(1) rotate(0deg)}50%{opacity:.8;transform:scale(1.2) rotate(180deg)}}@keyframes particle-float{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-40px) scale(.5)}}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.7}}.cooldown-timer{animation:timer-pulse 2s ease-in-out infinite}.mission-card.validating{border-color:#f59e0b;box-shadow:0 4px 12px #f59e0b33}.mission-card.validation-error{border-color:#ef4444;box-shadow:0 4px 12px #ef444433}@media (max-width:768px){.mission-card{padding:16px}.mission-title{font-size:16px}.mission-description{font-size:13px}.mission-button{font-size:13px;padding:10px 14px}.cooldown-timer{font-size:14px}.cooldown-active,.daily-limit-info,.validation-error{font-size:12px;padding:6px 8px}}@media (prefers-color-scheme:dark){.mission-card{border-color:#374151}.mission-card.progress,.mission-card.ready{border-color:#22c55e}.mission-card.validating{border-color:#f59e0b}.mission-card.validation-error{border-color:#ef4444}.mission-card.pro-required{border-color:#8b5cf6}.pro-required-info{font-size:12px;padding:6px 8px}.pro-upgrade-hint{font-size:10px}}.mission-actions{align-items:center;display:flex;gap:8px}.skip-button{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:6px;box-shadow:0 2px 4px #f59e0b4d;color:#fff;cursor:pointer;flex-shrink:0;font-size:16px;padding:8px 10px;transition:all .2s ease}.skip-button:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 8px #f59e0b66;transform:translateY(-1px)}.skip-button:active{transform:translateY(0)}.skip-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.mission-button{flex:1 1}.missions-grid-container{margin:0 auto;max-width:1200px;width:100%}.missions-grid-container.compact{max-width:none}.missions-header{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:1px solid #404040;border-radius:16px;padding:20px}.header-content{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.missions-title{align-items:center;color:#fff;display:flex;font-size:24px;font-weight:700;gap:8px;margin:0}.missions-stats{display:flex;gap:20px}.stat-item{background:#3b82f61a;border:1px solid #3b82f633;min-width:80px}.stat-number{color:#3b82f6;font-size:20px;line-height:1}.stat-label{color:#9ca3af;margin-top:4px;text-align:center}.missions-filters{align-items:center;background:#0003;border:1px solid #374151;border-radius:12px;display:flex;flex-wrap:wrap;gap:16px;padding:16px}.filter-group{align-items:center;display:flex;gap:8px}.filter-group label{color:#d1d5db;font-size:14px;font-weight:500;white-space:nowrap}.filter-select{background:#374151;border:1px solid #4b5563;font-size:14px;min-width:120px;padding:8px 12px;transition:all .2s ease}.filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.checkbox-label{-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{-webkit-appearance:none;appearance:none;background:#374151;border:2px solid #4b5563;border-radius:4px;cursor:pointer;height:18px;position:relative;transition:all .2s ease;width:18px}.checkbox-label input[type=checkbox]:checked{background:#3b82f6;border-color:#3b82f6}.checkbox-label input[type=checkbox]:checked:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.checkbox-label span{color:#d1d5db;font-size:14px}.refresh-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.refresh-button:hover:not(:disabled){box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.refresh-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.missions-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.missions-grid.compact-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.missions-loading{align-items:center;color:#9ca3af;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-spinner{border:3px solid #374151}.missions-loading p{font-size:16px;margin:0}.missions-error{align-items:center;color:#9ca3af;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.error-icon{font-size:48px;margin-bottom:16px}.missions-error h3{color:#fff;font-size:20px;margin:0 0 8px}.missions-error p{font-size:14px;margin:0 0 20px;max-width:400px}.retry-button{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.retry-button:hover{box-shadow:0 6px 16px #ef44444d;transform:translateY(-2px)}.missions-empty{align-items:center;color:#9ca3af;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:20px;opacity:.6}.missions-empty h3{color:#fff;font-size:20px;margin:0 0 8px}.missions-empty p{font-size:14px;margin:0;max-width:400px}.missions-footer{align-items:center;background:#0003;border:1px solid #374151;border-radius:12px;display:flex;justify-content:space-between;margin-top:24px;padding:20px}.plan-info{gap:12px}.plan-badge{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;font-weight:600;padding:6px 12px;text-transform:uppercase}.plan-text{color:#9ca3af;font-size:14px}.show-locked-button{background:linear-gradient(135deg,#6b7280,#4b5563);border:none;border-radius:8px;color:#d1d5db;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.show-locked-button:hover{background:linear-gradient(135deg,#9ca3af,#6b7280);transform:translateY(-1px)}@media (max-width:1024px){.missions-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.missions-stats{gap:12px}.stat-item{min-width:70px;padding:10px 12px}.header-content{align-items:flex-start;flex-direction:column;gap:16px}}@media (max-width:768px){.missions-grid{gap:16px;grid-template-columns:1fr}.missions-grid.compact-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.missions-header{padding:16px}.missions-title{font-size:20px}.missions-filters{gap:12px}.filter-group,.missions-filters{align-items:stretch;flex-direction:column}.filter-group{gap:6px}.filter-select{min-width:auto}.missions-footer{align-items:stretch;flex-direction:column;gap:16px}.plan-info{justify-content:center}}@media (max-width:480px){.missions-grid-container{padding:0 8px}.missions-header{margin-bottom:16px;padding:12px}.missions-stats{flex-wrap:wrap;justify-content:center}.stat-item{min-width:60px;padding:8px 10px}.stat-number{font-size:16px}.stat-label{font-size:11px}}@media (prefers-color-scheme:dark){.missions-header{background:linear-gradient(135deg,#0f0f0f,#1f1f1f);border-color:#2d2d2d}.missions-filters,.missions-footer{background:#0006;border-color:#2d2d2d}}.smart-missions-container{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0006;margin:20px 0;padding:24px}.missions-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.section-title{align-items:center;display:flex;font-size:24px;font-weight:700;gap:12px;margin:0 0 8px}.algorithm-badge{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:20px;color:#fff;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.daily-progress{align-items:center;display:flex;gap:12px;margin-top:8px}.progress-text{color:#a0a0a0;font-size:14px;font-weight:500}.progress-bar-small{background:#ffffff1a;border-radius:3px;height:6px;overflow:hidden;width:120px}.progress-fill-small{background:linear-gradient(90deg,#22c55e,#16a34a);height:100%;transition:width .3s ease}.engagement-metrics{align-items:center;display:flex;gap:20px}.metric{text-align:center}.metric-label{color:#a0a0a0;display:block;font-size:12px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.metric-value{color:#fff;display:block;font-size:18px;font-weight:700}.pro-conversion-banner{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:12px;box-shadow:0 4px 16px #8b5cf64d;color:#fff;margin-bottom:24px;overflow:hidden;padding:16px 20px;position:relative}.pro-conversion-banner:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.phase-fomo{animation:pulse 2s infinite;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 16px #ef444466}.banner-content{align-items:center;display:flex;gap:16px}.banner-icon{font-size:24px}.banner-text h4{font-size:16px;font-weight:600;margin:0 0 4px}.banner-text p{font-size:14px;margin:0;opacity:.9}.conversion-cta{align-items:center;display:flex;gap:12px;margin-left:auto}.potential-score{font-size:14px;font-weight:600;opacity:.9}.fomo-btn-mini,.trial-btn-mini{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:all .2s ease}.trial-btn-mini{background:#ffffffe6;color:#8b5cf6}.fomo-btn-mini{animation:pulse 1s infinite;background:#ffffffe6;color:#ef4444}.missions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:24px}.mission-card{background:linear-gradient(135deg,#3a3a3a,#2a2a2a);border:2px solid #ffffff1a;border-radius:16px;box-shadow:0 4px 16px #0000004d;cursor:pointer;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.mission-card:hover{border-color:#fff3;box-shadow:0 8px 32px #00000080;transform:translateY(-4px)}.mission-card.completable{background:linear-gradient(135deg,#1a4a1a,#2a5a2a);border-color:#22c55e;box-shadow:0 0 24px #22c55e4d}.mission-card.locked{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-color:#666;opacity:.7}.mission-card.completing{opacity:.7;pointer-events:none}.lock-overlay{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:8px;box-shadow:0 2px 8px #8b5cf64d;color:#fff;display:flex;font-size:12px;font-weight:600;gap:4px;padding:4px 8px;position:absolute;right:12px;top:12px}.mission-progress-bar{background:#ffffff1a;height:4px;left:0;overflow:hidden;position:absolute;top:0;width:100%}.mission-progress-fill{background:linear-gradient(90deg,#3b82f6,#1d4ed8);height:100%;transition:width .5s ease}.completable .mission-progress-fill{background:linear-gradient(90deg,#22c55e,#16a34a)}.mission-icon-large{font-size:32px;margin-bottom:12px}.mission-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.mission-title{color:#fff;font-size:18px;font-weight:600;line-height:1.3;margin:0}.mission-difficulty{font-size:14px;margin-left:8px}.mission-description{color:#a0a0a0;font-size:14px;line-height:1.4;margin:0 0 16px}.mission-footer{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.mission-reward{align-items:center;color:#fff;display:flex;font-weight:600;gap:6px}.points-icon{font-size:14px}.bonus-indicator{font-size:12px;margin-left:4px}.mission-category{background:#ffffff1a;border-radius:12px;color:#a0a0a0;font-size:12px;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.mission-progress-info{align-items:center;color:#a0a0a0;display:flex;font-size:14px;gap:4px;margin-bottom:8px}.progress-current{color:#3b82f6;font-weight:600}.progress-percentage{font-size:12px;opacity:.8}.conversion-cta-mini{background:linear-gradient(135deg,#8b5cf6,#7c3aed);font-size:12px;margin-top:8px;text-align:center}.completion-indicator,.conversion-cta-mini{border-radius:8px;color:#fff;font-weight:600;padding:8px 12px}.completion-indicator{animation:pulse 2s infinite;background:linear-gradient(135deg,#22c55e,#16a34a);font-size:14px;gap:6px}.completing-overlay,.completion-indicator{align-items:center;display:flex;justify-content:center}.completing-overlay{background:#ffffffe6;flex-direction:column;gap:12px;height:100%;left:0;position:absolute;top:0;width:100%}.completing-spinner{animation:spin 1s linear infinite;border:3px solid #3b82f64d;border-radius:50%;border-top-color:#3b82f6;height:32px;width:32px}.completing-text{color:#3b82f6;font-size:14px;font-weight:600}.gamification-stats{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:20px}.stat-item{background:#ffffffb3;border-radius:12px;flex-direction:column;gap:4px;min-width:100px;padding:12px 16px}.stat-icon{font-size:20px}.stat-label{color:#64748b;font-size:12px;letter-spacing:.5px}.stat-value{color:#1e293b;font-size:16px}.refresh-missions-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease;width:100%}.refresh-missions-btn:hover:not(:disabled){box-shadow:0 4px 16px #3b82f64d;transform:translateY(-2px)}.refresh-missions-btn:disabled{cursor:not-allowed;opacity:.6}.smart-missions-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:40px}.loading-spinner{border:4px solid #3b82f64d}.pro-conversion-popup{align-items:center;animation:fadeIn .3s ease;background:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.popup-content{background:#fff;border-radius:16px;box-shadow:0 16px 64px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.popup-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px 16px}.popup-header h3{color:#1e293b;font-size:20px;margin:0}.close-btn{border-radius:8px;color:#64748b;font-size:24px;padding:0}.close-btn:hover{background:#0000001a}.popup-body{padding:24px}.mission-preview{background:#f8fafc;border-radius:12px;display:flex;gap:16px;margin-bottom:20px;padding:16px}.mission-preview .mission-icon{font-size:24px}.reward-preview{background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:8px;color:#fff;display:inline-block;font-size:14px;font-weight:600;margin-top:8px;padding:4px 12px}.fomo-offer,.trial-offer{border-radius:12px;margin-bottom:20px;padding:20px;text-align:center}.trial-offer{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.fomo-offer{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.countdown{animation:pulse 1s infinite;font-size:18px;font-weight:700;margin-bottom:12px}.fomo-btn,.trial-btn,.upgrade-btn{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:8px;padding:12px 24px;transition:all .3s ease}.trial-btn{background:#ffffffe6;color:#3b82f6}.fomo-btn{animation:pulse 1s infinite;background:#ffffffe6;color:#ef4444}.upgrade-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.pro-benefits{margin-bottom:20px}.pro-benefits h4{color:#1e293b;margin-bottom:12px}.pro-benefits ul{list-style:none;margin:0;padding:0}.pro-benefits li{color:#64748b;font-size:14px;padding:6px 0}.progress-hint{animation:fadeIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;left:50%;max-width:300px;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}.hint-content{gap:16px}.progress-bar{background:#0000001a;margin:8px 0}.progress-fill{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.mission-celebration{animation:celebrationPop .5s ease;background:#fff;border-radius:16px;box-shadow:0 16px 64px #0000004d;left:50%;padding:32px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1000}.celebration-icon{font-size:48px;margin-bottom:16px}.celebration-content h3{color:#1e293b;margin:0 0 16px}.points-gained{color:#22c55e;font-size:24px;font-weight:700;margin-bottom:8px}.multiplier,.new-badges{font-size:16px;font-weight:600;margin-bottom:8px}.new-badges{color:#8b5cf6}.multiplier{color:#f59e0b}@keyframes celebrationPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}50%{transform:translate(-50%,-50%) scale(1.1)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media (max-width:768px){.missions-header{align-items:stretch;flex-direction:column}.engagement-metrics{justify-content:space-around;margin-top:16px}.missions-grid{gap:16px;grid-template-columns:1fr}.gamification-stats{gap:12px}.stat-item{min-width:80px;padding:8px 12px}.popup-content{margin:20px 0;width:95%}}.active-boosts-container{background:var(--yoll-dark-gray);border:1px solid var(--yoll-medium-gray);border-radius:8px;margin:1rem 0;padding:1rem}.boosts-title{align-items:center;color:var(--yoll-white);display:flex;font-size:1.1rem;gap:.5rem;margin:0 0 1rem}.boosts-list{display:flex;flex-direction:column;gap:.75rem}.boost-item{align-items:center;background:var(--yoll-medium-gray);border-radius:6px;display:flex;gap:.75rem;padding:.75rem;transition:all .2s ease}.boost-item:hover{box-shadow:0 2px 8px #0003;transform:translateY(-1px)}.boost-icon{align-items:center;background:var(--yoll-dark-gray);border-radius:50%;display:flex;font-size:1.5rem;height:40px;justify-content:center;width:40px}.boost-info{flex:1 1;min-width:0}.boost-name{color:var(--yoll-white);font-size:.9rem;margin:0}.boost-effects{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.effect{background:#4ade801a;border-radius:3px;color:var(--yoll-green);font-size:.75rem;padding:.1rem .4rem}.boost-time{color:var(--yoll-light-gray);font-size:.8rem;white-space:nowrap}.active-boosts-mini{align-items:center;background:var(--yoll-medium-gray);border-radius:4px;display:inline-flex;font-size:.8rem;gap:.25rem;padding:.25rem .5rem}.boosts-count{color:var(--yoll-green);font-weight:600}.boosts-icon{font-size:.9rem}.no-active-boosts{color:var(--yoll-light-gray);padding:2rem;text-align:center}.no-boosts-icon{display:block;font-size:2rem;margin-bottom:.5rem;opacity:.5}.active-boosts-loading{color:var(--yoll-light-gray);padding:1rem;text-align:center}.projects-sidebar{background:var(--yoll-dark-gray);border-right:1px solid var(--yoll-medium-gray);overflow-y:auto;padding:1.5rem;width:280px}.sidebar-section{margin-bottom:2rem}.sidebar-section h3{color:var(--yoll-light-gray);font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:1rem;text-transform:uppercase}.sidebar-menu{display:flex;flex-direction:column}.sidebar-item{align-items:center;background:none;border:none;border-radius:6px;color:var(--yoll-white);cursor:pointer;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:.3rem;padding:.8rem 1rem;text-align:left;transition:all .2s ease}.sidebar-item:hover{background:var(--yoll-medium-gray)}.sidebar-item.active{background:#ffffff1a;border-left:3px solid var(--yoll-white)}.sidebar-submenu{margin-bottom:.5rem;margin-left:1rem;margin-top:.5rem}.sidebar-subitem{align-items:center;background:none;border:none;border-radius:4px;color:var(--yoll-light-gray);cursor:pointer;display:flex;font-size:.8rem;justify-content:space-between;margin-bottom:.2rem;padding:.5rem 1rem;text-align:left;transition:all .2s ease;width:100%}.sidebar-subitem:hover{background:var(--yoll-medium-gray);color:var(--yoll-white)}.sidebar-subitem.active{background:#ffffff0d;color:var(--yoll-white)}.sidebar-stats{display:flex;flex-direction:column;gap:.8rem}.stat-item{align-items:center;background:var(--yoll-medium-gray);border-radius:4px;display:flex;font-size:.8rem;justify-content:space-between;padding:.5rem}.projects-content{flex:1 1;overflow-y:auto;padding:1.5rem;position:relative;z-index:auto}.actions-dropdown{position:relative!important;z-index:999999!important}.actions-dropdown-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #555!important;box-shadow:0 8px 32px #000c!important;isolation:isolate;max-height:300px;overflow-y:auto;position:fixed!important;transform:translateZ(999999px)!important;will-change:transform;z-index:999999!important}.dropdown-overlay{background:#0000;height:100vh!important;left:0!important;pointer-events:auto;position:fixed!important;top:0!important;width:100vw!important;z-index:999998!important}.projects-header{align-items:center;border-bottom:1px solid var(--yoll-medium-gray);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.header-left h1{margin:0 0 .3rem}.projects-count{color:var(--yoll-light-gray);font-size:.9rem}.header-actions{display:flex;gap:1rem}.create-folder-btn,.upload-btn{background:var(--yoll-white);border:none;border-radius:6px;color:var(--yoll-black);cursor:pointer;font-size:.9rem;font-weight:600;padding:.8rem 1.2rem;transition:all .2s ease}.create-folder-btn:hover,.upload-btn:hover{box-shadow:0 4px 12px #fff3;transform:translateY(-1px)}.create-folder-btn{background:var(--yoll-medium-gray);color:var(--yoll-white)}.filters-bar{align-items:center;background:var(--yoll-dark-gray);border-radius:8px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem}.search-group{flex:1 1}.search-input{background:var(--yoll-medium-gray);border:none;border-radius:6px;color:var(--yoll-white);padding:.7rem 1rem}.search-input::placeholder{color:var(--yoll-light-gray)}.filter-group,.view-group{display:flex;gap:.5rem}.sort-select{color:var(--yoll-white);font-size:.9rem}.sort-select,.view-btn{background:var(--yoll-medium-gray);border:none;border-radius:6px;cursor:pointer;padding:.7rem 1rem}.view-btn{color:var(--yoll-light-gray);font-size:.8rem;transition:all .2s ease}.view-btn:hover{background:var(--yoll-light-gray);color:var(--yoll-white)}.view-btn.active{background:var(--yoll-white);color:var(--yoll-black)}.projects-table-container{background:var(--yoll-dark-gray);border-radius:8px;overflow:hidden}.projects-table{border-collapse:collapse;width:100%}.projects-table thead{background:var(--yoll-medium-gray)}.projects-table th{color:var(--yoll-light-gray);font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.projects-table td{border-top:1px solid var(--yoll-medium-gray);padding:1rem;vertical-align:middle}.projects-table tr:hover{background:#ffffff08}.highlighted-row{background:#ffd7001a!important}.file-name-cell{align-items:center;display:flex;gap:.8rem}.file-icon{font-size:1.2rem}.file-name{font-weight:500}.highlight-badge{background:gold;border-radius:4px;color:#000;font-size:.7rem;padding:.2rem .4rem}.description-cell{color:var(--yoll-light-gray);font-size:.9rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.type-badge{border-radius:4px;font-size:.7rem;font-weight:600;padding:.3rem .6rem;text-transform:uppercase}.type-badge.file{background:#4ade8033;color:#4ade80}.type-badge.folder{background:#3b82f633;color:#3b82f6}.date-cell,.size-cell{color:var(--yoll-light-gray);font-size:.8rem}.action-buttons{display:flex;gap:.5rem}.action-btn{background:var(--yoll-medium-gray);border-radius:4px;font-size:.9rem;padding:.5rem;transition:all .2s ease}.action-btn:hover{background:var(--yoll-light-gray)}.action-btn.export:hover{background:#22c55e33}.action-btn.forum:hover{background:#3b82f633}.action-btn.highlight.active{background:gold;color:#000}.empty-state{color:var(--yoll-light-gray);padding:4rem 2rem}.empty-icon{font-size:4rem;opacity:.5}.empty-state h3{color:var(--yoll-white);margin-bottom:.5rem}.empty-state p{margin-bottom:2rem}.empty-state button{background:var(--yoll-white);border:none;border-radius:6px;color:var(--yoll-black);cursor:pointer;font-weight:600;padding:.8rem 1.5rem}.loading-projects{align-items:center;color:var(--yoll-light-gray);display:flex;flex-direction:column;height:100%;justify-content:center}.loading-spinner{border-top:3px solid var(--yoll-medium-gray);border:3px solid var(--yoll-medium-gray);border-top-color:var(--yoll-white);margin-bottom:1rem}.mobile-sidebar-toggle{align-items:center;background:var(--yoll-dark-gray);border:none;border:1px solid var(--yoll-medium-gray);gap:4px;height:44px;justify-content:center;left:1rem;top:1rem;transition:all .3s ease;width:44px;z-index:1002}.mobile-sidebar-toggle:hover{background:var(--yoll-medium-gray);transform:translateY(-1px)}.mobile-sidebar-toggle span{background:var(--yoll-white);transition:all .3s ease;width:20px}.mobile-sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:998}@media (max-width:1024px){.projects-sidebar{width:240px}.filters-bar{flex-direction:column;gap:.8rem}.projects-table td,.projects-table th{font-size:.8rem;padding:.8rem}.action-btn,.create-folder-btn,.upload-btn,.view-btn{min-height:44px;padding:.8rem 1rem}}@media (max-width:768px){.mobile-sidebar-toggle{display:flex}.mobile-sidebar-overlay{display:block}.projects-page{flex-direction:row;padding-top:80px}.projects-sidebar{height:100vh;left:-280px;overflow-y:auto;padding:5rem 1.5rem 1.5rem;position:fixed;top:0;transition:left .3s ease;width:280px;z-index:999}.projects-sidebar.mobile-open{left:0}.projects-content{flex:1 1;padding:1rem;width:100%}.projects-header{align-items:flex-start;flex-direction:column;gap:1rem}.header-actions{flex-wrap:wrap;width:100%}.create-folder-btn,.upload-btn{flex:1 1;min-width:120px}.filters-bar{gap:.8rem;padding:.8rem}.search-group{order:-1;width:100%}.filter-group,.view-group{flex-wrap:wrap}.projects-table-container{overflow-x:auto}.projects-table{min-width:600px}.projects-table td,.projects-table th{font-size:.7rem;padding:.6rem .4rem}.description-cell{max-width:120px}.action-buttons{flex-direction:column;gap:.3rem}.action-btn{font-size:.7rem;min-height:32px;padding:.4rem .6rem;width:100%}}@media (max-width:480px){.projects-page{padding-top:70px}.mobile-sidebar-toggle{height:40px;left:.8rem;top:.8rem;width:40px}.mobile-sidebar-toggle span{height:2px;width:16px}.projects-sidebar{left:-100%;padding:4rem 1rem 1rem;width:100%}.projects-content{padding:.8rem}.projects-header h1{font-size:1.4rem}.header-actions{gap:.5rem}.create-folder-btn,.upload-btn{font-size:.8rem;min-width:100px;padding:.6rem 1rem}.filters-bar{gap:.6rem;padding:.6rem}.search-input,.sort-select,.view-btn{font-size:.8rem;padding:.6rem .8rem}.projects-table{min-width:500px}.projects-table td,.projects-table th{font-size:.65rem;padding:.5rem .3rem}.file-icon{font-size:1rem}.highlight-badge,.type-badge{font-size:.6rem;padding:.2rem .3rem}.action-btn{font-size:.65rem;min-height:28px;padding:.3rem .4rem}.sidebar-section h3{align-items:center;display:flex;font-size:.8rem;gap:.5rem}.sidebar-section h3 img{height:24px!important;margin-right:0!important;width:24px!important}.sidebar-item{font-size:.8rem;padding:.6rem .8rem}.sidebar-subitem{font-size:.75rem;padding:.4rem .6rem}.stat-item{font-size:.7rem;padding:.4rem}}.upload-modal{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.upload-content{background:var(--yoll-dark-gray);border:1px solid var(--yoll-medium-gray);border-radius:12px;color:#fff;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.upload-header{border-bottom:1px solid var(--yoll-medium-gray);padding:1.5rem 2rem}.upload-header h2{font-size:1.4rem;margin:0}.close-btn{color:var(--yoll-light-gray);font-size:1.5rem;padding:.5rem;transition:all .2s ease}.close-btn:hover{background:var(--yoll-medium-gray);color:var(--yoll-white)}.drag-drop-area{border:2px dashed var(--yoll-medium-gray);border-radius:8px;cursor:pointer;margin:2rem;padding:3rem 2rem;text-align:center;transition:all .3s ease}.drag-drop-area.active{background:#ffffff0d;border-color:var(--yoll-white)}.drag-drop-area:hover{background:#ffffff05;border-color:var(--yoll-light-gray)}.drag-icon{font-size:3rem;margin-bottom:1rem;opacity:.6}.drag-drop-area p{color:var(--yoll-light-gray);margin:0 0 1rem}.file-input-label{background:var(--yoll-white);border-radius:6px;color:var(--yoll-black);cursor:pointer;display:inline-block;font-weight:600;margin-bottom:1rem;padding:.8rem 1.5rem;transition:all .2s ease}.file-input-label:hover{box-shadow:0 4px 12px #fff3;transform:translateY(-1px)}.drag-drop-area small{color:var(--yoll-light-gray);display:block;font-size:.8rem}.file-selected{align-items:center;background:var(--yoll-medium-gray);border-radius:8px;display:flex;gap:1rem;padding:1rem}.file-icon{font-size:2rem}.file-info{flex:1 1}.file-name{font-weight:600;margin-bottom:.3rem}.file-size{margin-bottom:.3rem}.file-size,.file-type{color:var(--yoll-light-gray);font-size:.8rem}.file-type{background:#ffffff1a;border-radius:4px;display:inline-block;padding:.2rem .5rem}.remove-file{background:#f8717133;border:none;border-radius:4px;color:#f87171;cursor:pointer;padding:.5rem;transition:all .2s ease}.remove-file:hover{background:#f871714d}.form-fields{padding:0 2rem}.form-group label{color:var(--yoll-white);font-size:.9rem}.form-group input,.form-group textarea{background:var(--yoll-medium-gray);border:none;border-radius:6px;box-sizing:border-box;color:#fff;font-family:inherit;font-size:.9rem;padding:.8rem;transition:all .2s ease;width:100%}.form-group input:focus,.form-group textarea:focus{background:var(--yoll-light-gray);outline:none;transform:translateY(-1px)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--yoll-light-gray);opacity:.8}.upload-progress{padding:1rem}.progress-bar{border-radius:4px;height:8px}.progress-text{color:var(--yoll-light-gray);display:block;font-size:.8rem;text-align:center}.upload-actions{border-top:1px solid var(--yoll-medium-gray);display:flex;gap:1rem;padding:1.5rem 2rem}.cancel-btn,.upload-submit-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:.8rem 1.5rem;transition:all .2s ease}.cancel-btn{background:var(--yoll-medium-gray);color:#fff}.cancel-btn:hover:not(:disabled){background:var(--yoll-light-gray)}.upload-submit-btn{background:var(--yoll-white);color:var(--yoll-black)}.upload-submit-btn:hover:not(:disabled){box-shadow:0 4px 12px #fff3;transform:translateY(-1px)}.upload-submit-btn:disabled{box-shadow:none;transform:none}.cancel-btn:disabled,.upload-submit-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.upload-content{margin:1rem;width:95%}.upload-header{padding:1rem}.drag-drop-area{margin:1rem;padding:2rem 1rem}.form-fields{padding:0 1rem}.upload-actions{flex-direction:column;padding:1rem}}.projects-page{background:var(--yoll-black);color:var(--yoll-white);display:flex;margin-top:80px!important;min-height:calc(100vh - 80px);padding-top:0!important}.pro-upgrade-btn+div[style*="position: fixed"]{z-index:9999!important}.dashboard-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--yoll-black);border-bottom:1px solid var(--yoll-dark-gray);box-shadow:0 2px 10px #0000004d;left:0;padding:1rem 2rem;position:fixed;right:0;top:0;z-index:1000}.yoll-dashboard:not(:has(.projects-page)){padding-top:80px}.projects-grid .project-card{background:var(--yoll-dark-gray);border-radius:8px;overflow:hidden;padding:1rem;transition:transform .2s ease}.projects-grid .project-card:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.projects-grid .project-card .project-actions{display:flex;gap:.4rem;margin-top:1rem}.projects-grid .project-card .project-actions button{background:var(--yoll-medium-gray);border:none;border-radius:4px;color:#fff;cursor:pointer;flex:1 1;font-size:.75rem;font-weight:500;padding:.5rem .7rem;transition:all .2s ease}.projects-grid .project-card .project-actions button:hover{background:var(--yoll-light-gray);transform:translateY(-1px)}.sidebar-item.productos-yoll{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;color:#fff;margin-top:1rem;overflow:hidden;position:relative}.sidebar-item.productos-yoll:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.sidebar-item.productos-yoll:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.storage-info{color:var(--yoll-light-gray);font-size:.8rem;margin-top:.5rem}.upload-error{align-items:center;background:#f871711a;border:1px solid #f871714d;border-radius:6px;color:#f87171;display:flex;font-size:.9rem;justify-content:space-between;margin:1rem 2rem;padding:1rem}.drag-drop-area.error{background:#f871710d;border-color:#f87171}.form-group small{color:var(--yoll-light-gray);display:block;font-size:.7rem;margin-top:.3rem}.progress-info{align-items:center;color:var(--yoll-light-gray);display:flex;font-size:.8rem;justify-content:space-between;margin-bottom:.5rem}.success-message{background:#4ade801a;border-radius:4px;color:#4ade80;font-weight:600;margin-top:.5rem;padding:.5rem;text-align:center}.drag-drop-area.disabled{background:var(--yoll-medium-gray);cursor:not-allowed;opacity:.6;pointer-events:none}.drag-drop-area.disabled .file-input-label,.form-fields input:disabled,.form-fields textarea:disabled{background:var(--yoll-light-gray);cursor:not-allowed;opacity:.7}.upload-actions button:disabled{cursor:not-allowed;opacity:.5;transform:none}.upload-content.uploading:before{background:#0000001a;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.upload-progress{background:var(--yoll-medium-gray);border:2px solid #4ade804d;border-radius:8px;box-shadow:0 4px 12px #4ade8033;margin:1rem 2rem;padding:1.5rem}.progress-bar{background:var(--yoll-dark-gray);border:1px solid #4ade804d;border-radius:6px;height:12px;margin-bottom:.5rem;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#4ade80,#22c55e);border-radius:6px;height:100%;position:relative;transition:width .3s ease}.progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:30px}:root{--yoll-bg-primary:#000;--yoll-bg-secondary:#111;--yoll-bg-elevated:#1a1a1a;--yoll-bg-surface:#0f0f0f;--yoll-bg-post:#181818;--yoll-bg-composer:#1a1a1a;--yoll-text-primary:#fff;--yoll-text-secondary:#a0a0a0;--yoll-text-tertiary:#666;--yoll-border-primary:#333;--yoll-border-secondary:#2a2a2a;--yoll-border-hover:#404040;--yoll-accent-primary:#0084ff;--yoll-accent-hover:#006ce7;--yoll-accent-light:#0084ff1a;--yoll-success:#10b981;--yoll-error:#ef4444;--yoll-warning:#f59e0b;--yoll-shadow-sm:0 1px 2px 0 #0000000d;--yoll-shadow-md:0 4px 6px -1px #0000001a;--yoll-shadow-lg:0 10px 15px -3px #0000001a;--yoll-transition-fast:0.15s ease;--yoll-transition-normal:0.3s ease;--yoll-transition-slow:0.5s ease;--yoll-sidebar-width:244px;--yoll-feed-width:600px;--yoll-header-height:80px;--yoll-radius-sm:12px;--yoll-radius-md:16px;--yoll-radius-lg:20px;--yoll-radius-full:9999px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;color:var(--yoll-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}.yoll-forum-container,body{background-color:#000;background-color:var(--yoll-bg-primary)}.yoll-forum-container{display:flex;min-height:100vh;position:relative}.mobile-sidebar-toggle{background:#1a1a1a;background:var(--yoll-bg-elevated);border:1px solid #333;border:1px solid var(--yoll-border-primary);border-radius:8px;cursor:pointer;display:none;flex-direction:column;gap:3px;left:16px;padding:8px;position:fixed;top:20px;z-index:1001}.mobile-sidebar-toggle,.mobile-sidebar-toggle span{transition:all .15s ease;transition:all var(--yoll-transition-fast)}.mobile-sidebar-toggle span{background:#fff;background:var(--yoll-text-primary);border-radius:1px;display:block;height:2px;width:18px}.mobile-sidebar-toggle:hover{background:#0f0f0f;background:var(--yoll-bg-surface)}.mobile-sidebar-toggle.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.mobile-sidebar-toggle.active span:nth-child(2){opacity:0}.mobile-sidebar-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.sidebar-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:500}.yoll-sidebar{background-color:#000;background-color:var(--yoll-bg-primary);border-right:1px solid #333;border-right:1px solid var(--yoll-border-primary);height:calc(100vh - 100px);height:calc(100vh - var(--yoll-header-height) - 20px);left:0;overflow-y:auto;position:fixed;scrollbar-width:none;top:100px;top:calc(var(--yoll-header-height) + 20px);width:244px;width:var(--yoll-sidebar-width);z-index:100}.yoll-sidebar::-webkit-scrollbar{display:none}.sidebar-content{display:flex;flex-direction:column;height:100%;padding:20px}.main-nav{margin-bottom:32px}.nav-item{border-radius:16px;border-radius:var(--yoll-radius-md);color:#fff;color:var(--yoll-text-primary);font-size:16px;font-weight:500;margin-bottom:4px;padding:12px 16px;transition:background-color .15s ease;transition:background-color var(--yoll-transition-fast);-webkit-user-select:none;user-select:none}.nav-item.active,.nav-item:hover{background-color:#1a1a1a;background-color:var(--yoll-bg-elevated)}.nav-item.active{font-weight:600}.sidebar-search{margin-bottom:24px;position:relative}.search-input{background-color:#1a1a1a;background-color:var(--yoll-bg-elevated);border:1px solid var(--yoll-border-primary);border-radius:9999px;border-radius:var(--yoll-radius-full);color:var(--yoll-text-primary);font-size:14px;padding:12px 16px 12px 44px;transition:all .15s ease;transition:all var(--yoll-transition-fast)}.search-input:focus{background-color:#111;background-color:var(--yoll-bg-secondary);border-color:#0084ff;border-color:var(--yoll-accent-primary)}.search-input::placeholder{color:var(--yoll-text-tertiary)}.search-icon{left:16px}.sidebar-filters{margin-bottom:24px}.filter-section{display:flex;flex-direction:column;gap:4px}.filter-btn{background:#0000;border:none;border-radius:16px;border-radius:var(--yoll-radius-md);color:#a0a0a0;color:var(--yoll-text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:12px 16px;text-align:left;transition:all .15s ease;transition:all var(--yoll-transition-fast)}.filter-btn:hover:not(:disabled){background-color:#1a1a1a;background-color:var(--yoll-bg-elevated);color:#fff;color:var(--yoll-text-primary)}.filter-btn.active{background-color:#0084ff1a;background-color:var(--yoll-accent-light);color:#0084ff;color:var(--yoll-accent-primary);font-weight:600}.filter-btn:disabled{cursor:not-allowed;opacity:.5}.yoll-main-feed{display:flex;flex:1 1;justify-content:center;margin-left:244px;margin-left:var(--yoll-sidebar-width);margin-top:100px;margin-top:calc(var(--yoll-header-height) + 20px);min-height:calc(100vh - 100px);min-height:calc(100vh - var(--yoll-header-height) - 20px)}.feed-container{border-left:1px solid #333;border-left:1px solid var(--yoll-border-primary);border-right:1px solid #333;border-right:1px solid var(--yoll-border-primary);max-width:600px;max-width:var(--yoll-feed-width);width:100%}.quick-post-composer{background-color:#1a1a1a;background-color:var(--yoll-bg-composer);border-bottom:1px solid #333;border-bottom:1px solid var(--yoll-border-primary);border-radius:16px;border-radius:var(--yoll-radius-md);margin-bottom:1px;padding:16px}.composer-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:12px}.user-avatar{align-items:center;background-color:#1a1a1a;background-color:var(--yoll-bg-elevated);border-radius:9999px;border-radius:var(--yoll-radius-full);color:#fff;color:var(--yoll-text-primary);display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.compose-input{background:#0000;border:none;color:#a0a0a0;color:var(--yoll-text-secondary);cursor:pointer;flex:1 1;font-size:16px;padding:12px 16px;text-align:left;transition:color .15s ease;transition:color var(--yoll-transition-fast)}.compose-input:hover{color:#fff;color:var(--yoll-text-primary)}.compose-input:disabled{cursor:not-allowed;opacity:.5}.composer-actions{display:flex;gap:8px;justify-content:flex-end}.media-button{background:#0000;border:none;border-radius:16px;border-radius:var(--yoll-radius-md);cursor:pointer;padding:8px;transition:background-color .15s ease;transition:background-color var(--yoll-transition-fast)}.media-button:hover{background-color:#1a1a1a;background-color:var(--yoll-bg-elevated)}.posts-feed{display:flex;flex-direction:column;gap:1px}.yoll-post{background-color:#181818;background-color:var(--yoll-bg-post);border-bottom:1px solid #333;border-bottom:1px solid var(--yoll-border-primary);border-radius:16px;border-radius:var(--yoll-radius-md);margin-bottom:1px;padding:16px;position:relative;transition:background-color .15s ease;transition:background-color var(--yoll-transition-fast)}.yoll-post.pro-post,.yoll-post:hover{background-color:#1a1a1a;background-color:var(--yoll-bg-elevated)}.yoll-post.automation-showcase,.yoll-post.pro-post{border-left:3px solid #0084ff;border-left:3px solid var(--yoll-accent-primary)}.yoll-post.automation-showcase{background:#181818;background:var(--yoll-bg-post);box-shadow:0 1px 4px #0084ff1a;margin-bottom:12px;overflow:hidden;padding:12px;position:relative;transition:all .3s ease;transition:all var(--yoll-transition-normal)}.yoll-post.automation-showcase:hover{border-left-color:#006ce7;border-left-color:var(--yoll-accent-hover);box-shadow:0 2px 8px #0084ff33;transform:translateY(-1px)}.automation-showcase-header{align-items:center;background:linear-gradient(135deg,#0084ff,#006ce7);background:linear-gradient(135deg,var(--yoll-accent-primary),var(--yoll-accent-hover));border-radius:8px;box-shadow:0 1px 4px #0084ff4d;display:flex;justify-content:space-between;margin:-12px -12px 8px;padding:6px 12px}.showcase-badge{color:#000;font-size:.75rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.featured-badge{background:linear-gradient(135deg,#0084ff,#006ce7);font-size:.75rem;padding:4px 8px}.automation-content{margin-bottom:8px}.automation-title{color:#fff;font-size:1rem;font-weight:600;line-height:1.3;margin:0 0 4px}.automation-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.85rem;margin:0 0 8px;overflow:hidden}.automation-stats{background:#0000;border:none;border-radius:0;gap:12px;justify-content:space-between;margin-bottom:6px;padding:6px 0}.stat-group{display:flex;flex-direction:column;gap:4px}.automation-stats .stat-item{align-items:center;background:none;border:none;display:flex;gap:6px;justify-content:space-between;padding:0}.stat-label{color:#666;font-size:.7rem;letter-spacing:.3px}.stat-value{color:#fff;font-size:.8rem;font-weight:600}.stat-value.complexity{color:#0084ff;color:var(--yoll-accent-primary);text-transform:capitalize}.automation-price{display:flex;justify-content:center;margin-bottom:6px}.automation-price .price{border-radius:8px;font-size:.8rem;font-weight:700;letter-spacing:.3px;padding:4px 12px;text-transform:uppercase}.automation-price .price.free{background:#10b981;background:var(--yoll-success);color:#000}.automation-price .price.paid{border:2px solid #0084ff;border:2px solid var(--yoll-accent-primary)}.automation-price .price.paid,.tag-pill.automation-tag{background:#1a1a1a;color:#0084ff;color:var(--yoll-accent-primary)}.tag-pill.automation-tag{background:var(--yoll-bg-elevated);border:1px solid #0084ff;border:1px solid var(--yoll-accent-primary)}.tag-pill.automation-tag:hover{background:#0084ff;background:var(--yoll-accent-primary);color:#000}.automation-actions{justify-content:center;margin-top:6px}.marketplace-button{background:linear-gradient(135deg,#0084ff,#006ce7);background:linear-gradient(135deg,var(--yoll-accent-primary),var(--yoll-accent-hover));border:none;border-radius:8px;box-shadow:0 2px 6px #0084ff4d;color:#000;cursor:pointer;font-size:.8rem;font-weight:700;letter-spacing:.3px;overflow:hidden;padding:8px 16px;position:relative;text-transform:uppercase;transition:all .3s ease}.marketplace-button:hover{box-shadow:0 4px 12px #0084ff66;transform:translateY(-2px)}.marketplace-button:active{transform:translateY(-1px)}.post-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.post-author-section{align-items:center;display:flex;flex:1 1;gap:12px}.author-avatar-container{cursor:pointer}.author-avatar{align-items:center;background-color:#1a1a1a;background-color:var(--yoll-bg-elevated);border-radius:9999px;border-radius:var(--yoll-radius-full);color:#fff;color:var(--yoll-text-primary);display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;transition:transform .15s ease;transition:transform var(--yoll-transition-fast);width:40px}.author-avatar:hover{transform:scale(1.05)}.author-info{flex:1 1}.author-name-row{align-items:center;display:flex;margin-bottom:2px}.author-name{color:#fff;color:var(--yoll-text-primary);cursor:pointer;font-weight:600;transition:color .15s ease;transition:color var(--yoll-transition-fast)}.author-name:hover{color:#a0a0a0;color:var(--yoll-text-secondary)}.pro-badge-icon{flex-shrink:0}.post-meta{align-items:center;display:flex;gap:4px}.post-time{color:#666;color:var(--yoll-text-tertiary);font-size:14px;font-weight:400}.post-actions-right{align-items:center;display:flex;gap:8px}.follow-button{background:#0000;border:1px solid #333;border:1px solid var(--yoll-border-primary);border-radius:9999px;border-radius:var(--yoll-radius-full);color:#fff;color:var(--yoll-text-primary);cursor:pointer;font-size:14px;font-weight:600;padding:6px 16px;transition:all .15s ease;transition:all var(--yoll-transition-fast);white-space:nowrap}.follow-button:hover{border-color:#404040;border-color:var(--yoll-border-hover)}.follow-button.following,.follow-button:hover{background-color:#1a1a1a;background-color:var(--yoll-bg-elevated)}.follow-button.following{color:#a0a0a0;color:var(--yoll-text-secondary)}.follow-button.following:hover{background-color:#ef4444;background-color:var(--yoll-error);border-color:#ef4444;border-color:var(--yoll-error);color:#fff}.post-more-btn{background:#0000;border:none;border-radius:16px;border-radius:var(--yoll-radius-md);cursor:pointer;padding:8px;transition:background-color .15s ease;transition:background-color var(--yoll-transition-fast)}.post-more-btn:hover{background-color:#1a1a1a;background-color:var(--yoll-bg-elevated)}.post-content{line-height:1.6;margin-bottom:12px}.post-title{color:var(--yoll-text-primary);font-size:18px;line-height:1.4;margin-bottom:8px}.post-text{word-wrap:break-word;color:#fff;color:var(--yoll-text-primary);font-size:16px;margin-bottom:12px;white-space:pre-wrap}.post-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.tag-pill{background-color:#1a1a1a;background-color:var(--yoll-bg-elevated);border-radius:12px;border-radius:var(--yoll-radius-sm);color:#0084ff;color:var(--yoll-accent-primary);cursor:pointer;font-size:13px;font-weight:500;padding:4px 8px;transition:all .15s ease;transition:all var(--yoll-transition-fast)}.tag-pill:hover{background-color:#0084ff1a;background-color:var(--yoll-accent-light);transform:translateY(-1px)}.linked-project{align-items:center;background-color:#1a1a1a;background-color:var(--yoll-bg-elevated);border:1px solid #333;border:1px solid var(--yoll-border-primary);border-radius:16px;border-radius:var(--yoll-radius-md);color:#a0a0a0;color:var(--yoll-text-secondary);cursor:pointer;display:flex;margin-bottom:12px;padding:12px;transition:all .15s ease;transition:all var(--yoll-transition-fast)}.linked-project:hover{background-color:#0f0f0f;background-color:var(--yoll-bg-surface);border-color:#404040;border-color:var(--yoll-border-hover)}.post-actions{gap:16px;margin-bottom:8px}.action-button,.post-actions{align-items:center;display:flex}.action-button{background:#0000;border:none;border-radius:9999px;border-radius:var(--yoll-radius-full);cursor:pointer;justify-content:center;padding:8px;position:relative;transition:all .15s ease;transition:all var(--yoll-transition-fast)}.action-button:hover{background-color:#1a1a1a;background-color:var(--yoll-bg-elevated)}.action-button.liked{animation:likeAnimation .3s ease}.action-button img{filter:none!important}.action-button.active{background-color:#0084ff1a;background-color:var(--yoll-accent-light)}.automation-rating{align-items:center;display:flex;gap:6px}.rating-hearts{gap:2px}.heart-rating,.rating-hearts{align-items:center;display:flex}.heart-rating{background:#0000;border:none;border-radius:12px;border-radius:var(--yoll-radius-sm);cursor:pointer;justify-content:center;padding:1px;transition:all .15s ease;transition:all var(--yoll-transition-fast)}.heart-rating:hover{background-color:#1a1a1a;background-color:var(--yoll-bg-elevated);transform:scale(1.1)}.heart-rating.filled{animation:heartPulse .3s ease}.rating-display{color:#a0a0a0;color:var(--yoll-text-secondary);font-size:.75rem;font-weight:500;margin-left:6px}.post-actions.automation-actions{align-items:flex-start;flex-wrap:wrap;gap:12px}@keyframes heartPulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.post-stats{margin-top:8px;padding-top:8px}.stats-row{align-items:center;display:flex;gap:16px;margin-bottom:4px}.stat-item{font-size:14px;font-weight:400}.stat-item,.stat-item.views{color:#666;color:var(--yoll-text-tertiary)}.stat-item.views{font-size:13px}.comments-section{border-top:1px solid #2a2a2a;border-top:1px solid var(--yoll-border-secondary);margin-top:12px;padding-top:12px}.forum-comments{background-color:#1a1a1a;background-color:var(--yoll-bg-elevated);border-radius:16px;border-radius:var(--yoll-radius-md);margin-top:8px;padding:16px;width:100%}.comments-header{align-items:center;border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--yoll-border-secondary);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:8px}.comments-header h4{align-items:center;color:#fff;color:var(--yoll-text-primary);display:flex;font-size:16px;font-weight:600;gap:8px;margin:0}.comments-header img{height:20px;width:20px}.comment-limit-info{align-items:center;display:flex;gap:8px}.daily-count{background-color:#0084ff;background-color:var(--yoll-accent-primary);border-radius:12px;border-radius:var(--yoll-radius-sm);color:#fff;font-size:12px;font-weight:600;padding:4px 8px}.comments-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.comment{background-color:#0f0f0f;background-color:var(--yoll-bg-surface);border:1px solid #2a2a2a;border:1px solid var(--yoll-border-secondary);border-radius:16px;border-radius:var(--yoll-radius-md);padding:12px;transition:all .15s ease;transition:all var(--yoll-transition-fast)}.comment:hover{border-color:#404040;border-color:var(--yoll-border-hover);transform:translateY(-1px)}.comment.author-comment{background-color:#0084ff1a;background-color:var(--yoll-accent-light);border-color:#0084ff;border-color:var(--yoll-accent-primary)}.comment.pro-comment{background-color:#7c3aed1a;border-color:#7c3aed4d}.comment.highlighted-comment{background-color:#1a1a1a;background-color:var(--yoll-bg-elevated);border-color:#f59e0b;border-color:var(--yoll-warning)}.comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.comment-author{align-items:center;display:flex;gap:8px}.comment-author .author-avatar{align-items:center;background-color:#000;background-color:var(--yoll-bg-primary);border-radius:9999px;border-radius:var(--yoll-radius-full);color:#fff;color:var(--yoll-text-primary);display:flex;font-size:12px;font-weight:600;height:24px;justify-content:center;width:24px}.comment-author .author-name{color:#fff;color:var(--yoll-text-primary);cursor:pointer;font-weight:600;transition:color .15s ease;transition:color var(--yoll-transition-fast)}.comment-author .author-name:hover{color:#a0a0a0;color:var(--yoll-text-secondary)}.comment-time{color:#666;color:var(--yoll-text-tertiary);font-size:12px;font-weight:400;margin-left:8px}.comment-actions{align-items:center;display:flex;gap:8px}.like-comment-btn,.reply-btn,.report-comment-btn{align-items:center;background:#0000;border:none;border-radius:12px;border-radius:var(--yoll-radius-sm);color:#666;color:var(--yoll-text-tertiary);cursor:pointer;display:flex;font-size:12px;gap:4px;padding:4px 8px;transition:all .15s ease;transition:all var(--yoll-transition-fast)}.reply-btn:hover{background-color:#0084ff1a;background-color:var(--yoll-accent-light);color:#0084ff;color:var(--yoll-accent-primary)}.like-comment-btn.liked,.like-comment-btn:hover,.report-comment-btn:hover{background-color:#ef44441a;color:#ef4444;color:var(--yoll-error)}.like-count{font-size:11px;font-weight:600;margin-left:2px}.comment-body{color:#fff;color:var(--yoll-text-primary);font-size:14px;line-height:1.5}.reply-to{color:#0084ff;color:var(--yoll-accent-primary);font-weight:600;margin-right:4px}.comment-form{background-color:#000;background-color:var(--yoll-bg-primary);border:1px solid #333;border:1px solid var(--yoll-border-primary);border-radius:16px;border-radius:var(--yoll-radius-md);margin-top:12px;padding:12px}.replying-to{align-items:center;background-color:#0f0f0f;background-color:var(--yoll-bg-surface);border-radius:12px;border-radius:var(--yoll-radius-sm);color:#a0a0a0;color:var(--yoll-text-secondary);display:flex;font-size:13px;justify-content:space-between;margin-bottom:12px;padding:8px 12px}.cancel-reply{background:#0000;border:none;border-radius:12px;border-radius:var(--yoll-radius-sm);color:#666;color:var(--yoll-text-tertiary);cursor:pointer;padding:2px 6px;transition:background-color .15s ease;transition:background-color var(--yoll-transition-fast)}.cancel-reply:hover{background-color:#1a1a1a;background-color:var(--yoll-bg-elevated)}.comment-input-wrapper{align-items:flex-end;display:flex;gap:8px}.comment-input{background-color:#0f0f0f;background-color:var(--yoll-bg-surface);border:1px solid #333;border:1px solid var(--yoll-border-primary);border-radius:16px;border-radius:var(--yoll-radius-md);color:#fff;color:var(--yoll-text-primary);flex:1 1;font-family:inherit;font-size:14px;max-height:120px;min-height:36px;outline:none;padding:8px 12px;resize:vertical;transition:all .15s ease;transition:all var(--yoll-transition-fast)}.comment-input:focus{background-color:#1a1a1a;background-color:var(--yoll-bg-elevated);border-color:#0084ff;border-color:var(--yoll-accent-primary)}.comment-input::placeholder{color:#666;color:var(--yoll-text-tertiary)}.send-comment-btn{background-color:#0084ff;background-color:var(--yoll-accent-primary);border:none;border-radius:16px;border-radius:var(--yoll-radius-md);color:#fff;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:600;padding:8px 12px;transition:all .15s ease;transition:all var(--yoll-transition-fast)}.send-comment-btn:hover:not(:disabled){background-color:#006ce7;background-color:var(--yoll-accent-hover);transform:translateY(-1px)}.send-comment-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.comment-form-footer{align-items:center;display:flex;font-size:12px;justify-content:space-between;margin-top:8px}.char-counter{color:#666;color:var(--yoll-text-tertiary);font-weight:500}.char-counter.warning{color:#f59e0b;color:var(--yoll-warning)}.plan-limit{color:#666;color:var(--yoll-text-tertiary);font-size:11px}.comment-error{color:#ef4444;color:var(--yoll-error);font-size:12px;font-weight:500}.no-comments{color:#a0a0a0;color:var(--yoll-text-secondary);padding:24px;text-align:center}.no-comments .empty-icon{font-size:32px;margin-bottom:8px;opacity:.5}.no-comments p{font-size:14px;margin:0}.no-comments small{color:#666;color:var(--yoll-text-tertiary);font-size:12px}.show-less-comments,.show-more-comments{background-color:#0f0f0f;background-color:var(--yoll-bg-surface);border:1px solid #333;border:1px solid var(--yoll-border-primary);border-radius:16px;border-radius:var(--yoll-radius-md);color:#fff;color:var(--yoll-text-primary);cursor:pointer;font-size:13px;font-weight:500;margin-top:8px;padding:8px 16px;transition:all .15s ease;transition:all var(--yoll-transition-fast);width:100%}.show-less-comments:hover,.show-more-comments:hover{background-color:#1a1a1a;background-color:var(--yoll-bg-elevated);border-color:#404040;border-color:var(--yoll-border-hover);transform:translateY(-1px)}.pro-hint-comments{background-color:#1a1a1a;background-color:var(--yoll-bg-elevated);border:1px solid #333;border:1px solid var(--yoll-border-primary);border-radius:16px;border-radius:var(--yoll-radius-md);margin-top:16px;padding:16px}.hint-content{align-items:center;display:flex;gap:12px}.hint-icon{flex-shrink:0;font-size:24px}.hint-text{flex:1 1}.hint-text strong{color:#fff;color:var(--yoll-text-primary);font-weight:600}.hint-text p{color:#a0a0a0;color:var(--yoll-text-secondary);font-size:13px;margin:4px 0 0}.hint-upgrade-btn{background-color:#0084ff;background-color:var(--yoll-accent-primary);border:none;border-radius:16px;border-radius:var(--yoll-radius-md);color:#fff;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:600;padding:8px 16px;transition:all .15s ease;transition:all var(--yoll-transition-fast)}.hint-upgrade-btn:hover{background-color:#006ce7;background-color:var(--yoll-accent-hover);transform:translateY(-1px)}.loading-comments{display:flex;flex-direction:column;gap:8px;padding:16px}.comment-skeleton{animation:shimmer 1.5s infinite;background-color:#0f0f0f;background-color:var(--yoll-bg-surface);border-radius:16px;border-radius:var(--yoll-radius-md);padding:12px}.author-badge{background-color:#0084ff;background-color:var(--yoll-accent-primary);color:#fff;text-transform:uppercase}.author-badge,.pro-badge{border-radius:12px;border-radius:var(--yoll-radius-sm);font-size:10px;font-weight:600;margin-left:4px;padding:2px 6px}.pro-badge{background-color:#7c3aed}.highlight-badge{background-color:#f59e0b;background-color:var(--yoll-warning);border-radius:12px;border-radius:var(--yoll-radius-sm);color:#fff;font-size:10px;font-weight:600;margin-left:4px;padding:2px 6px}.alert-message{align-items:center;border-bottom:1px solid #333;border-bottom:1px solid var(--yoll-border-primary);border-radius:16px;border-radius:var(--yoll-radius-md);display:flex;font-size:14px;font-weight:500;justify-content:space-between;margin-bottom:1px;padding:12px 16px}.alert-message.error{background-color:#ef44441a;border-left:3px solid #ef4444;border-left:3px solid var(--yoll-error);color:#ef4444;color:var(--yoll-error)}.alert-message.success{background-color:#10b9811a;border-left:3px solid #10b981;border-left:3px solid var(--yoll-success);color:#10b981;color:var(--yoll-success)}.alert-message button{background:#0000;border:none;border-radius:12px;border-radius:var(--yoll-radius-sm);cursor:pointer;padding:4px;transition:background-color .15s ease;transition:background-color var(--yoll-transition-fast)}.alert-message button:hover{background-color:#ffffff1a}.modal-overlay{background-color:#000c;padding:20px}.modal-container{background-color:#181818;background-color:var(--yoll-bg-post);border:1px solid #333;border:1px solid var(--yoll-border-primary);border-radius:20px;border-radius:var(--yoll-radius-lg);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--yoll-shadow-lg);max-height:90vh;max-width:600px;overflow:hidden;width:100%}.modal-header{background-color:#1a1a1a;background-color:var(--yoll-bg-elevated);border-bottom:1px solid var(--yoll-border-primary);padding:16px 20px}.modal-header h2{color:#fff;color:var(--yoll-text-primary)}.modal-close{background:#0000;border:none;border-radius:9999px;border-radius:var(--yoll-radius-full);cursor:pointer;padding:8px;transition:background-color .15s ease;transition:background-color var(--yoll-transition-fast)}.modal-close:hover{background-color:#0f0f0f;background-color:var(--yoll-bg-surface)}.modal-body{max-height:70vh}.post-composer{display:flex;flex-direction:column;gap:16px}.composer-user{align-items:center;display:flex;gap:12px;margin-bottom:8px}.composer-avatar{align-items:center;background-color:#1a1a1a;background-color:var(--yoll-bg-elevated);border-radius:9999px;border-radius:var(--yoll-radius-full);color:#fff;color:var(--yoll-text-primary);display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.composer-info{align-items:center;display:flex;gap:4px}.composer-name{color:#fff;color:var(--yoll-text-primary);font-weight:600}.content-input,.title-input{background:#0000;border:none;color:#fff;color:var(--yoll-text-primary);font-family:inherit;font-size:16px;line-height:1.5;outline:none;resize:vertical;width:100%}.title-input{font-size:18px;font-weight:600;margin-bottom:8px}.content-input::placeholder,.title-input::placeholder{color:#666;color:var(--yoll-text-tertiary)}.content-input{max-height:300px;min-height:120px}.composer-footer{align-items:center;border-top:1px solid #2a2a2a;border-top:1px solid var(--yoll-border-secondary);display:flex;justify-content:space-between;padding-top:12px}.composer-options{align-items:center;display:flex;gap:12px}.option-btn{background:#0000;border:none;border-radius:16px;border-radius:var(--yoll-radius-md);cursor:pointer;padding:8px;transition:background-color .15s ease;transition:background-color var(--yoll-transition-fast)}.option-btn:hover{background-color:#1a1a1a;background-color:var(--yoll-bg-elevated)}.char-count{color:#666;color:var(--yoll-text-tertiary);font-size:13px;font-weight:500}.publish-btn{background-color:#0084ff;background-color:var(--yoll-accent-primary);border:none;border-radius:9999px;border-radius:var(--yoll-radius-full);color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 24px;transition:all .15s ease;transition:all var(--yoll-transition-fast)}.publish-btn:hover:not(:disabled){background-color:#006ce7;background-color:var(--yoll-accent-hover);transform:translateY(-1px)}.publish-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.feed-loading,.post-skeleton{border-bottom:1px solid #333;border-bottom:1px solid var(--yoll-border-primary);padding:16px}.skeleton-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.skeleton-avatar{animation:shimmer 1.5s infinite;background-color:#1a1a1a;background-color:var(--yoll-bg-elevated);border-radius:9999px;border-radius:var(--yoll-radius-full);height:40px;width:40px}.skeleton-info{flex:1 1}.skeleton-name{height:16px;margin-bottom:4px;width:120px}.skeleton-name,.skeleton-time{animation:shimmer 1.5s infinite;background-color:#1a1a1a;background-color:var(--yoll-bg-elevated);border-radius:12px;border-radius:var(--yoll-radius-sm)}.skeleton-time{height:14px;width:80px}.skeleton-content{animation:shimmer 1.5s infinite;background-color:#1a1a1a;background-color:var(--yoll-bg-elevated);border-radius:12px;border-radius:var(--yoll-radius-sm);height:60px;margin-bottom:12px}.skeleton-actions{display:flex;gap:16px}.skeleton-actions:after,.skeleton-actions:before{animation:shimmer 1.5s infinite;background-color:#1a1a1a;background-color:var(--yoll-bg-elevated);border-radius:12px;border-radius:var(--yoll-radius-sm);content:"";height:20px;width:20px}.loading-more{display:flex;justify-content:center;padding:24px}.loading-spinner{border:2px solid #333;border-top-color:#0084ff;border:2px solid var(--yoll-border-primary);border-top-color:var(--yoll-accent-primary);height:20px;width:20px}.empty-feed,.end-of-feed{color:#a0a0a0;color:var(--yoll-text-secondary);padding:48px 20px;text-align:center}.empty-feed h3{color:#fff;color:var(--yoll-text-primary);font-size:20px;font-weight:600;margin-bottom:8px}.empty-feed p,.end-of-feed p{color:#a0a0a0;color:var(--yoll-text-secondary);font-size:16px}.search-dropdown{background-color:#1a1a1a;background-color:var(--yoll-bg-elevated);border:1px solid #333;border:1px solid var(--yoll-border-primary);border-radius:16px;border-radius:var(--yoll-radius-md);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--yoll-shadow-lg);left:0;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.search-loading{color:#a0a0a0;color:var(--yoll-text-secondary);padding:16px}.search-loading,.search-option{align-items:center;display:flex;gap:8px}.search-option{border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--yoll-border-secondary);cursor:pointer;padding:12px 16px;transition:background-color .15s ease;transition:background-color var(--yoll-transition-fast)}.search-option:hover{background-color:#0f0f0f;background-color:var(--yoll-bg-surface)}.search-option:last-child{border-bottom:none}.search-divider{background-color:#333;background-color:var(--yoll-border-primary);height:1px;margin:4px 0}.search-section-title{background-color:#0f0f0f;background-color:var(--yoll-bg-surface);color:#666;color:var(--yoll-text-tertiary);font-size:12px;font-weight:600;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.search-result-item{align-items:center;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background-color .15s ease;transition:background-color var(--yoll-transition-fast)}.search-result-item:hover{background-color:#0f0f0f;background-color:var(--yoll-bg-surface)}.result-avatar{align-items:center;background-color:#000;background-color:var(--yoll-bg-primary);border-radius:9999px;border-radius:var(--yoll-radius-full);color:#fff;color:var(--yoll-text-primary);display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.result-info{flex:1 1}.result-name{color:#fff;color:var(--yoll-text-primary);display:block;font-weight:600;margin-bottom:2px}.result-stats{color:#666;color:var(--yoll-text-tertiary);font-size:12px}.forum-ad{background-color:#0f0f0f;background-color:var(--yoll-bg-surface);border-bottom:1px solid #333;border-bottom:1px solid var(--yoll-border-primary);padding:16px}.ad-header{margin-bottom:8px}.ad-label{color:#666;color:var(--yoll-text-tertiary);font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.ad-content{background-color:#1a1a1a;background-color:var(--yoll-bg-elevated);border:1px solid #333;border:1px solid var(--yoll-border-primary);border-radius:16px;border-radius:var(--yoll-radius-md);padding:16px}.ad-placeholder{color:#a0a0a0;color:var(--yoll-text-secondary);text-align:center}.ad-placeholder h4{font-size:16px;font-weight:600;margin-bottom:8px}.ad-placeholder p{font-size:14px;margin-bottom:4px}@media (max-width:768px){:root{--yoll-sidebar-width:0px;--yoll-feed-width:100%}.mobile-sidebar-toggle{display:flex}.sidebar-overlay{display:block}.yoll-sidebar{box-shadow:2px 0 10px #0000004d;transform:translateX(-100%);transition:transform .3s ease;transition:transform var(--yoll-transition-normal);width:280px;z-index:600}.yoll-sidebar.open{transform:translateX(0)}.yoll-main-feed{margin-left:0;margin-top:80px;margin-top:var(--yoll-header-height)}.feed-container{border-left:none;border-right:none}.quick-post-composer,.yoll-post{border-radius:12px;border-radius:var(--yoll-radius-sm);padding:12px}.search-dropdown{left:10px;max-height:calc(100vh - 120px);position:fixed;right:10px;top:90px;z-index:1200}.post-header{flex-wrap:wrap;gap:8px}.post-actions-right{justify-content:flex-end;margin-top:8px;order:3;width:100%}.follow-button{font-size:13px;padding:4px 12px}.modal-container{border-radius:16px;border-radius:var(--yoll-radius-md);max-width:none;width:calc(100% - 32px)}.modal-body{padding:16px}.forum-comments{border-radius:12px;border-radius:var(--yoll-radius-sm);padding:12px}}@media (max-width:480px){.forum-page,.yoll-feed{padding:.5rem}.yoll-feed{gap:1rem}.quick-post-composer,.yoll-post{border-radius:12px;border-radius:var(--yoll-radius-sm);padding:.8rem}.post-avatar,.quick-post-avatar,.user-avatar{height:32px!important;width:32px!important}.post-content{font-size:.9rem;line-height:1.4}.post-username,.user-name{font-size:.8rem}.post-timestamp{font-size:.7rem}.post-header{gap:.5rem;margin-bottom:.5rem}.post-actions{gap:16px;justify-content:space-around}.action-button{border-radius:9999px;border-radius:var(--yoll-radius-full);min-height:44px;min-width:44px;padding:12px}.action-button img{height:24px!important;width:24px!important}.follow-button{font-size:14px;min-height:40px;padding:8px 16px}.post-more-btn{min-height:44px;min-width:44px;padding:12px}.modal-container{border-radius:12px;border-radius:var(--yoll-radius-sm);width:calc(100% - 16px)}.modal-header{padding:12px 16px}.modal-body{padding:12px}.forum-comments{border-radius:12px;border-radius:var(--yoll-radius-sm);padding:8px}.project-selector-inline{border:none!important;border-radius:0!important;bottom:0!important;left:0!important;margin:0!important;max-height:100vh!important;position:fixed!important;right:0!important;top:0!important;z-index:9999!important}.search-dropdown{left:5px;max-height:calc(100vh - 90px);position:fixed;right:5px;top:70px;z-index:1200}.compose-input,.search-input{font-size:16px}.yoll-sidebar{padding:1rem .8rem;width:260px}.sidebar-section h3{font-size:.8rem;margin-bottom:.8rem}.sidebar-item{font-size:.8rem;padding:.6rem .8rem}.search-bar{padding:.6rem}.search-input{padding:.6rem .8rem}.compose-input{min-height:80px;padding:.8rem}.compose-actions{gap:.6rem;padding:.6rem}.compose-btn{font-size:.8rem;padding:.6rem 1rem}.post-media img{max-height:200px}.post-actions{padding:.6rem 0}.action-button span{font-size:.7rem}}@keyframes shimmer{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes likeAnimation{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.like-animation{animation:likeAnimation .3s ease}.highlighted-post{background-color:#0084ff1a!important;background-color:var(--yoll-accent-light)!important;border-color:#0084ff!important;border-color:var(--yoll-accent-primary)!important}.action-button,.filter-btn,.nav-item,.yoll-post{will-change:transform}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#000;background:var(--yoll-bg-primary)}::-webkit-scrollbar-thumb{background:#333;background:var(--yoll-border-primary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#404040;background:var(--yoll-border-hover)}.action-button:focus,.filter-btn:focus,.follow-button:focus,.nav-item:focus{outline:2px solid #0084ff;outline:2px solid var(--yoll-accent-primary);outline-offset:2px}.content-input:focus,.search-input:focus,.title-input:focus{outline:2px solid #0084ff;outline:2px solid var(--yoll-accent-primary);outline-offset:1px}.yoll-post:before{background:linear-gradient(90deg,#0000,#ffffff05,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.yoll-post:hover:before{left:100%}::selection{background-color:#0084ff1a;background-color:var(--yoll-accent-light);color:#fff;color:var(--yoll-text-primary)}.post-more-menu{position:relative}.more-options-dropdown{animation:dropdownFadeIn .2s ease-out;background:#1a1a1a;background:var(--yoll-bg-elevated);border:1px solid #333;border:1px solid var(--yoll-border-primary);border-radius:8px;box-shadow:0 4px 12px #0006;min-width:160px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.dropdown-option{align-items:center;background:none;border:none;color:#fff;color:var(--yoll-text-primary);cursor:pointer;display:flex;font-size:14px;padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}.dropdown-option:hover{background:#0f0f0f;background:var(--yoll-bg-surface)}.dropdown-option.report-post:hover{background:#ef44441a;color:#ef4444}.dropdown-option.report-user:hover{background:#fbbf241a;color:#fbbf24}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.au-forum-container{background:#0a0a0a;color:#fff;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh}.au-sidebar{background:#111;border-right:1px solid #222;height:100vh;overflow-y:auto;position:-webkit-sticky;position:sticky;top:0;transition:transform .3s ease;width:280px}.au-sidebar.open{transform:translateX(0)}@media (max-width:768px){.au-sidebar{position:fixed;transform:translateX(-100%);z-index:1000}}.sidebar-content{padding:1.5rem}.main-nav .nav-item{align-items:center;border-radius:12px;color:#888;cursor:pointer;display:flex;font-weight:500;margin-bottom:.5rem;padding:.75rem 1rem;transition:all .2s ease}.main-nav .nav-item.active,.main-nav .nav-item:hover{background:#1a1a1a;color:#fff}.main-nav .nav-item.active{font-weight:600}.sidebar-search{margin:1.5rem 0}.search-container{align-items:center;display:flex;position:relative}.search-icon{left:.75rem;opacity:.6;z-index:1}.search-input{background:#1a1a1a;border:1px solid #333;border-radius:12px;color:#fff;font-size:.9rem;outline:none;padding:.75rem .75rem .75rem 3rem;transition:border-color .2s ease;width:100%}.search-input:focus{border-color:#fbbf24}.search-input::placeholder{color:#666}.sidebar-filters{margin-top:1.5rem}.filter-section{margin-bottom:1.5rem}.filter-section h4{color:#fff;font-size:.9rem;font-weight:600;margin:0 0 .75rem}.filter-select{background:#1a1a1a;border:1px solid #333;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;outline:none;padding:.5rem;width:100%}.filter-select:focus{border-color:#fbbf24}.price-range{margin-top:.5rem}.price-slider{accent-color:#fbbf24;margin:.5rem 0;width:100%}.price-labels{color:#888;display:flex;font-size:.75rem;justify-content:space-between}.au-main-content{flex:1 1;overflow-y:auto}.content-container{margin:0 auto;max-width:800px;padding:2rem}.content-header{align-items:flex-start;border-bottom:1px solid #222;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.header-left h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:700;margin:0 0 .5rem}.page-subtitle{color:#888;font-size:1rem;margin:0}.user-tokens{background:#1a1a1a;border:1px solid #333;border-radius:8px;color:#fbbf24;font-size:.9rem;font-weight:600;padding:.5rem 1rem}.featured-section{margin-bottom:2rem}.section-title{font-size:1.2rem;margin:0 0 1rem}.au-featured-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:1rem}.automations-section{margin-bottom:2rem}.au-automations-feed{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.au-automation-card{background:#111;border:1px solid #222;border-radius:16px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.au-automation-card:hover{border-color:#fbbf24;box-shadow:0 8px 25px #fbbf241a;transform:translateY(-2px)}.au-automation-card.au-featured{background:linear-gradient(135deg,#1a1a1a,#2a1810);border-color:#fbbf24}.au-automation-card.au-featured:hover{border-color:#f59e0b;box-shadow:0 8px 25px #fbbf2426}.au-automation-card.au-pro-author{border-left:3px solid #fbbf24}.au-featured-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:12px;color:#000;font-size:.75rem;font-weight:600;padding:.25rem .75rem;position:absolute;right:.75rem;top:.75rem;z-index:1}.au-automation-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.au-author-section{align-items:center;display:flex;gap:.75rem}.au-author-avatar{align-items:center;background:linear-gradient(135deg,#333,#666);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-weight:600;height:40px;justify-content:center;transition:transform .2s ease;width:40px}.au-author-avatar:hover{transform:scale(1.05)}.au-author-info{flex:1 1}.au-author-name-row{align-items:center;display:flex;gap:.5rem;margin-bottom:.25rem}.au-author-name{color:#fff;cursor:pointer;font-weight:600;transition:color .2s ease}.au-author-name:hover{color:#fbbf24}.au-pro-badge-icon{filter:brightness(1.2)}.au-automation-meta{color:#888;display:flex;font-size:.8rem;gap:1rem}.au-category{align-items:center;display:flex;gap:.25rem}.au-automation-actions-right{display:flex;gap:.5rem}.au-follow-button{background:#0000;border:1px solid #333;border-radius:8px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.au-follow-button:hover{background:#1a1a1a;color:#fff}.au-follow-button.au-following{background:#1a1a1a;color:#888}.au-follow-button.au-following:hover{background:#ef4444;color:#fff}.au-automation-content{margin-bottom:1rem}.au-automation-title{color:#fff;font-size:1.1rem;font-weight:600;line-height:1.4;margin:0 0 .5rem}.au-automation-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#ccc;display:-webkit-box;font-size:.9rem;line-height:1.5;margin:0 0 1rem;overflow:hidden}.au-automation-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.au-tag-pill{background:#1a1a1a;border:1px solid #333;border-radius:12px;color:#fbbf24;cursor:pointer;font-size:.7rem;padding:.25rem .5rem;transition:all .2s ease}.au-tag-pill:hover{background:#2a2a2a;border-color:#fbbf24}.au-tag-pill.au-more{color:#888;cursor:default}.au-tag-pill.au-more:hover{background:#1a1a1a;color:#888}.au-automation-stats{background:#0a0a0a;border-radius:8px;display:flex;gap:1rem;margin-bottom:1rem;padding:.75rem}.au-automation-stats .au-stat-item{align-items:center;display:flex;flex-direction:column;gap:.25rem}.au-stat-label{color:#888;font-size:.7rem;letter-spacing:.5px;text-transform:uppercase}.au-stat-value{color:#fff;font-size:.9rem;font-weight:600}.au-stat-value.au-complexity{font-weight:700;text-transform:capitalize}.au-automation-price-section{align-items:center;background:#0a0a0a;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.75rem}.au-price-info .au-price{border-radius:8px;font-size:1.1rem;font-weight:700;padding:.5rem 1rem}.au-price-info .au-price.free{background:#4ade801a;border:1px solid #4ade8033;color:#4ade80}.au-price-info .au-price.paid{background:#fbbf241a;border:1px solid #fbbf2433;color:#fbbf24}.au-automation-actions .au-action-button{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.au-action-button.download{background:#4ade801a;border:1px solid #4ade8033;color:#4ade80}.au-action-button.download:hover{background:#4ade8033}.au-action-button.purchase{background:#fbbf241a;border:1px solid #fbbf2433;color:#fbbf24}.au-action-button.purchase:hover{background:#fbbf2433}.au-action-button.purchased{background:#10b9811a;border:1px solid #10b98133;color:#10b981;cursor:default;font-weight:600}.au-action-button.au-disabled{background:#333;color:#666;cursor:not-allowed}.au-own-automation{color:#888;font-size:.9rem;font-style:italic}.au-automation-rating{margin-bottom:1rem}.au-rating-display{align-items:center;display:flex;justify-content:space-between}.au-stars{display:flex;gap:.25rem}.au-star{background:none;border:none;cursor:pointer;font-size:1rem;opacity:.3;transition:all .2s ease}.au-star:hover:not(:disabled){transform:scale(1.1)}.au-star.au-filled{filter:hue-rotate(0deg);opacity:1}.au-star.au-avg-filled{filter:hue-rotate(45deg);opacity:.7}.au-star:disabled{cursor:not-allowed}.au-rating-info{align-items:center;display:flex;font-size:.8rem;gap:.5rem}.au-avg-rating{color:#fbbf24;font-weight:600}.au-rating-count{color:#888}.au-automation-social-stats{background:#0a0a0a;border-radius:8px;display:flex;justify-content:space-around;padding:.75rem}.au-automation-social-stats .au-stat-item{align-items:center;color:#888;display:flex;font-size:.8rem;gap:.5rem}.au-automation-social-stats .au-icon{font-size:1rem}.au-automation-skeleton,.au-feed-loading{background:#111;border:1px solid #222;border-radius:16px;margin-bottom:1rem;padding:1.5rem}.au-skeleton-header{display:flex;gap:.75rem;margin-bottom:1rem}.au-skeleton-avatar{animation:au-shimmer 1.5s infinite;background:linear-gradient(90deg,#1a1a1a 25%,#2a2a2a 50%,#1a1a1a 75%);background-size:200% 100%;border-radius:50%;height:40px;width:40px}.au-skeleton-info{flex:1 1}.au-skeleton-actions,.au-skeleton-content,.au-skeleton-meta,.au-skeleton-name,.au-skeleton-stats{animation:au-shimmer 1.5s infinite;background:linear-gradient(90deg,#1a1a1a 25%,#2a2a2a 50%,#1a1a1a 75%);background-size:200% 100%;border-radius:4px;margin-bottom:.5rem}.au-skeleton-name{height:1rem;width:60%}.au-skeleton-meta{height:.75rem;width:40%}.au-skeleton-content{height:3rem;width:100%}.au-skeleton-stats{height:2rem;width:100%}.au-skeleton-actions{height:1.5rem;width:30%}@keyframes au-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.au-loading-more{display:flex;justify-content:center;padding:2rem}.au-loading-spinner{animation:au-spin 1s linear infinite;border:3px solid #333;border-radius:50%;border-top-color:#fbbf24;height:40px;width:40px}@keyframes au-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.au-empty-feed,.au-end-of-feed{color:#888;padding:3rem 1rem;text-align:center}.au-empty-feed h3{color:#fff;margin:0 0 .5rem}.au-empty-feed p,.au-end-of-feed p{font-size:.9rem;margin:0}@media (max-width:768px){.content-container{padding:1rem}.content-header{align-items:stretch;flex-direction:column;gap:1rem}.au-automations-feed,.au-featured-grid{grid-template-columns:1fr}.au-automation-card{padding:1rem}.au-automation-price-section{align-items:stretch;flex-direction:column;gap:.75rem}.au-automation-stats{flex-direction:column;gap:.5rem}.au-automation-stats .au-stat-item{flex-direction:row;justify-content:space-between}}.notification-bell-container{position:relative}.notification-bell{align-items:center;background:#0000;border:1px solid #2a2a2a;border:1px solid var(--tray-border);border-radius:50%;color:#fff;color:var(--tray-text-primary);cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;position:relative;transition:all .3s ease;width:40px}.notification-bell:hover{background:#ffffff0d;border-color:#656565;border-color:var(--tray-primary);transform:scale(1.05)}.notification-bell.has-new{animation:bellPulse 2s infinite;border-color:#ef4444;color:#ef4444}.notification-bell.has-notifications{border-color:#fbbf24;border-color:var(--tray-warning);color:#fbbf24;color:var(--tray-warning)}.notification-count{align-items:center;animation:bounceIn .5s ease;background:#fbbf24;background:var(--tray-warning);border:2px solid #0a0a0a;border:2px solid var(--tray-bg-primary);border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:20px;justify-content:center;position:absolute;right:-8px;top:-8px;width:20px}.notification-count.new{animation:newNotificationPulse 1.5s infinite;background:#ef4444}.notifications-dropdown{animation:dropdownSlide .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #2a2a2a;border:1px solid var(--tray-border);border-radius:12px;box-shadow:0 10px 40px #00000080;max-height:500px;overflow:hidden;right:0;top:50px;width:380px;z-index:1000}.notifications-dropdown,.notifications-dropdown:before{background:#1a1a1a;background:var(--tray-bg-secondary);position:absolute}.notifications-dropdown:before{border:1px solid #2a2a2a;border:1px solid var(--tray-border);border-bottom:none;border-right:none;content:"";height:12px;right:20px;top:-6px;transform:rotate(45deg);width:12px}.notifications-header{align-items:center;background:linear-gradient(135deg,#1a1a1a,#6b72800d);background:linear-gradient(135deg,var(--tray-bg-secondary) 0,#6b72800d 100%);border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--tray-border);display:flex;justify-content:space-between;padding:1rem}.notifications-header h3{color:#fff;color:var(--tray-text-primary);font-size:1rem;font-weight:600;margin:0}.notifications-header-actions{display:flex;gap:.5rem}.delete-all,.mark-all-read{background:none;border:none;border-radius:4px;color:#656565;color:var(--tray-primary);cursor:pointer;font-size:.8rem;padding:.25rem .5rem;transition:all .3s ease}.mark-all-read:hover{background:#6b72801a}.delete-all{color:#ef4444;color:var(--tray-error)}.delete-all:hover{background:#ef44441a}.notifications-list{max-height:400px;overflow-y:auto;scrollbar-color:#2a2a2a #0000;scrollbar-color:var(--tray-border) #0000;scrollbar-width:thin}.notifications-list::-webkit-scrollbar{width:6px}.notifications-list::-webkit-scrollbar-track{background:#0000}.notifications-list::-webkit-scrollbar-thumb{background:#2a2a2a;background:var(--tray-border);border-radius:3px}.notifications-list::-webkit-scrollbar-thumb:hover{background:#656565;background:var(--tray-primary)}.notification-item{align-items:flex-start;border-bottom:1px solid #2a2a2a80;cursor:pointer;display:flex;gap:.75rem;padding:1rem;position:relative;transition:all .3s ease}.notification-item:hover{background:#ffffff08}.notification-item:last-child{border-bottom:none}.notification-item.new{animation:newNotificationGlow 2s infinite alternate;background:#ef44441a;border-left:3px solid #ef4444}.notification-item.new:after{animation:newPulse 1.5s infinite;background:#ef4444;border-radius:50%;content:"";height:8px;position:absolute;right:1rem;top:1rem;width:8px}.notification-item.unread:not(.new){background:#6b72800d;border-left:3px solid #656565;border-left:3px solid var(--tray-primary)}.notification-item.unread:not(.new):after{background:#656565;background:var(--tray-primary);border-radius:50%;content:"";height:6px;position:absolute;right:1rem;top:1rem;width:6px}.notification-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:1.1rem;height:36px;justify-content:center;position:relative;width:36px}.notification-icon.success{background:#22c55e1a;border:1px solid #22c55e33;color:#22c55e}.notification-icon.error{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.notification-icon.warning{background:#f59e0b1a;border:1px solid #f59e0b33;color:#f59e0b}.notification-icon.info{background:#6b72801a;border:1px solid #6b728033;color:#656565;color:var(--tray-primary)}.notification-icon.like{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.notification-icon.comment{background:#3b82f61a;border:1px solid #3b82f633;color:#3b82f6}.notification-icon.follow{background:#a855f71a;border:1px solid #a855f733;color:#a855f7}.notification-icon.mission{background:#f59e0b1a;border:1px solid #f59e0b33;color:#f59e0b}.notification-icon.achievement{animation:achievementGlow 2s infinite alternate;background:linear-gradient(135deg,gold,#ffed4e);border:1px solid gold;color:#000}.notification-icon.system{background:#a1a1aa1a;border:1px solid #a1a1aa33;color:#b0b0b0;color:var(--tray-text-secondary)}.notification-content{flex:1 1;min-width:0}.notification-title{color:#fff;color:var(--tray-text-primary);font-size:.9rem;font-weight:600;line-height:1.4;margin:0 0 .25rem}.notification-description{color:#b0b0b0;color:var(--tray-text-secondary);font-size:.8rem;line-height:1.3;margin:0 0 .5rem}.notification-time{color:#656565;color:var(--tray-text-muted);font-size:.75rem}.notification-actions{align-items:flex-start;display:flex;gap:.5rem}.notification-action{align-items:center;background:#0000;border:1px solid #2a2a2a;border:1px solid var(--tray-border);border-radius:4px;color:#656565;color:var(--tray-text-muted);cursor:pointer;display:flex;font-size:.75rem;height:24px;justify-content:center;padding:.25rem .5rem;transition:all .3s ease;width:24px}.notification-action:hover{background:#656565;background:var(--tray-primary);border-color:#656565;border-color:var(--tray-primary);color:#fff}.notification-action.delete{border-color:#ef44444d;color:#ef4444;color:var(--tray-error)}.notification-action.delete:hover{background:#ef4444;background:var(--tray-error);color:#fff}.notifications-empty{color:#656565;color:var(--tray-text-muted);padding:2rem;text-align:center}.notifications-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.notifications-empty h4{color:#fff;color:var(--tray-text-primary);margin:0 0 .5rem}.notifications-empty p{font-size:.85rem;margin:0 0 1rem}.test-notification-btn{background:linear-gradient(135deg,#fff,#f3f4f6 50%,#e5e7eb);background:var(--gradient-primary);border:none;border-radius:6px;color:#0a0a0a;color:var(--yoll-black);cursor:pointer;font-size:.8rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.test-notification-btn:hover{background:linear-gradient(135deg,#f9fafb,#f3f4f6);background:var(--gradient-secondary);transform:translateY(-1px)}.notifications-loading{color:#656565;color:var(--tray-text-muted);padding:2rem;text-align:center}.notifications-spinner{animation:spin 1s linear infinite;border:3px solid #2a2a2a;border-top-color:#656565;border:3px solid var(--tray-border);border-radius:50%;border-top-color:var(--tray-primary);height:30px;margin:0 auto 1rem;width:30px}@keyframes bellPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes newNotificationPulse{0%,to{box-shadow:0 0 0 0 #ef4444b3;transform:scale(1)}50%{box-shadow:0 0 0 6px #ef444400;transform:scale(1.1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes newNotificationGlow{0%{background:#ef44441a;border-left-color:#ef4444}to{background:#ef444426;border-left-color:#dc2626}}@keyframes newPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}@keyframes achievementGlow{0%{box-shadow:0 0 10px #ffd7004d}to{box-shadow:0 0 20px #ffd70099}}:root{--tray-primary:#656565;--tray-primary-hover:grey;--tray-bg-primary:#0a0a0a;--tray-bg-secondary:#1a1a1a;--tray-bg-tertiary:#2a2a2a;--tray-text-primary:#fff;--tray-text-secondary:#b0b0b0;--tray-text-muted:#656565;--tray-border:#2a2a2a;--tray-border-light:#404040;--tray-success:#4ade80;--tray-warning:#fbbf24;--tray-error:#ef4444;--gradient-primary:linear-gradient(135deg,#fff,#f3f4f6 50%,#e5e7eb);--gradient-secondary:linear-gradient(135deg,#f9fafb,#f3f4f6);--gradient-dark:linear-gradient(135deg,#374151,#1f2937);--gradient-button:linear-gradient(135deg,#6b7280,#4b5563)}.user-tray-page{background:#0a0a0a;background:var(--tray-bg-primary);color:#fff;color:var(--tray-text-primary);display:flex;margin-top:80px;min-height:100vh;position:relative;z-index:1}.tray-sidebar{background:#1a1a1a;background:var(--tray-bg-secondary);border-right:1px solid #2a2a2a;border-right:1px solid var(--tray-border);display:flex;flex-direction:column;height:100vh;overflow-y:auto;position:-webkit-sticky;position:sticky;scrollbar-width:none;top:0;width:280px}.tray-sidebar::-webkit-scrollbar{display:none}.sidebar-header{border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--tray-border);padding:2rem 1.5rem 1rem}.back-btn{background:none;border:none;color:#b0b0b0;color:var(--tray-text-secondary);cursor:pointer;margin-bottom:1rem;padding:.5rem 0;transition:color .3s ease}.back-btn:hover,.sidebar-header h2{color:#fff;color:var(--tray-text-primary)}.sidebar-header h2{font-size:1.2rem;margin:0}.sidebar-nav{flex:1 1;padding:1rem}.nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#b0b0b0;color:var(--tray-text-secondary);cursor:pointer;display:flex;gap:.75rem;margin-bottom:.5rem;overflow:hidden;padding:.875rem 1rem;position:relative;text-align:left;transition:all .3s ease;width:100%}.nav-item:hover{background:#2a2a2a;background:var(--tray-bg-tertiary);color:#fff;color:var(--tray-text-primary)}.nav-item.active{background:linear-gradient(135deg,#6b7280,#4b5563);background:var(--gradient-button);color:var(--tray-white)}.nav-item.active,.nav-item.special{border:1px solid #404040;border:1px solid var(--tray-border-light)}.nav-item.special{background:linear-gradient(135deg,#fff,#f3f4f6 50%,#e5e7eb);background:var(--gradient-primary);color:#0a0a0a;color:var(--yoll-black);font-weight:600}.nav-item.special:hover{background:linear-gradient(135deg,#f9fafb,#f3f4f6);background:var(--gradient-secondary);box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.nav-icon{font-size:1.1rem;min-width:20px}.nav-label{flex:1 1;font-weight:500}.nav-badge{background:#656565;background:var(--tray-primary);border-radius:12px;color:#fff;padding:.2rem .5rem}.sidebar-footer{border-top:1px solid #2a2a2a;border-top:1px solid var(--tray-border);padding:1rem}.logout-btn-new{align-items:center;background:#0000;border:1px solid #ef4444;border:1px solid var(--tray-error);border-radius:8px;color:#ef4444;color:var(--tray-error);cursor:pointer;display:flex;font-weight:500;gap:.75rem;padding:.875rem 1rem;transition:all .3s ease;width:100%}.logout-btn-new:hover{background:#ef4444;background:var(--tray-error);color:#fff;transform:translateY(-1px)}.tray-content{flex:1 1;max-width:calc(100vw - 280px);overflow-y:auto;padding:2rem}.content-section h2{color:#fff;color:var(--tray-text-primary);font-size:1.5rem;font-weight:600;margin:0 0 2rem}.profile-header-instagram{background:linear-gradient(135deg,#374151,#1f2937);background:var(--gradient-dark);border-radius:16px;box-shadow:0 10px 25px #0000004d;margin-bottom:2rem;overflow:hidden}.profile-cover{align-items:center;background:linear-gradient(135deg,#fff,#f3f4f6 50%,#e5e7eb);background:var(--gradient-primary);display:flex;height:200px;justify-content:center;position:relative}.profile-cover:before{background:linear-gradient(45deg,#6b72801a,#4b55631a);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.cover-placeholder{color:#0a0a0a;color:var(--yoll-black);font-size:1.2rem;font-weight:600;opacity:.7;z-index:1}.profile-info-section{margin-top:-50px;padding:0 2rem 2rem;position:relative}.profile-avatar-large{align-items:center;background:linear-gradient(135deg,#6b7280,#4b5563);background:var(--gradient-button);border:4px solid #1a1a1a;border:4px solid var(--tray-bg-secondary);border-radius:50%;box-shadow:0 8px 20px #0000004d;color:var(--tray-white);display:flex;font-size:2.5rem;font-weight:700;height:100px;justify-content:center;margin-bottom:1rem;width:100px}.profile-username-large{color:#fff;color:var(--tray-text-primary);font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.profile-plan-badge{background:linear-gradient(135deg,#fff,#f3f4f6 50%,#e5e7eb);background:var(--gradient-primary);border-radius:20px;color:#0a0a0a;color:var(--yoll-black);display:inline-block;font-size:.8rem;font-weight:600;margin-bottom:1.5rem;padding:.25rem .75rem}.profile-stats-row{display:flex;gap:2rem;margin-bottom:1.5rem}.stat-item-large{text-align:center}.stat-number{color:#fff;color:var(--tray-text-primary);display:block;font-size:1.8rem;font-weight:700}.stat-label-small{color:#b0b0b0;color:var(--tray-text-secondary);font-size:.9rem}.profile-actions{display:flex;gap:1rem}.edit-profile-btn,.view-archive-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.edit-profile-btn{background:linear-gradient(135deg,#fff,#f3f4f6 50%,#e5e7eb);background:var(--gradient-primary);color:#0a0a0a;color:var(--yoll-black)}.edit-profile-btn:hover{background:linear-gradient(135deg,#f9fafb,#f3f4f6);background:var(--gradient-secondary);transform:translateY(-2px)}.view-archive-btn{background:#2a2a2a;background:var(--tray-bg-tertiary);border:1px solid #2a2a2a;border:1px solid var(--tray-border);color:#fff;color:var(--tray-text-primary)}.view-archive-btn:hover{border-color:#404040;border-color:var(--tray-border-light)}.profile-info,.view-archive-btn:hover{background:#1a1a1a;background:var(--tray-bg-secondary)}.profile-info{border:1px solid #2a2a2a;border:1px solid var(--tray-border);border-radius:12px;margin-bottom:2rem;padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--tray-text-primary);margin-bottom:.5rem}.form-group input{background:#2a2a2a;background:var(--tray-bg-tertiary);border:1px solid #2a2a2a;border:1px solid var(--tray-border);border-radius:8px;color:#fff;color:var(--tray-text-primary);padding:.75rem;transition:border-color .3s ease;width:100%}.form-group input:focus{border-color:#656565;border-color:var(--tray-primary);box-shadow:0 0 0 3px #6b72801a;outline:none}.change-avatar-btn,.change-password-btn,.verify-btn{background:linear-gradient(135deg,#6b7280,#4b5563);background:var(--gradient-button);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;margin-top:.5rem;padding:.5rem 1rem;transition:all .3s ease}.change-avatar-btn:hover,.change-password-btn:hover,.verify-btn:hover{background:grey;background:var(--tray-primary-hover);transform:translateY(-1px)}.avatar-selector{align-items:center;display:flex;gap:1rem}.current-avatar{align-items:center;background:linear-gradient(135deg,#6b7280,#4b5563);background:var(--gradient-button);border:2px solid #2a2a2a;border:2px solid var(--tray-border);border-radius:50%;color:var(--tray-white);display:flex;font-size:1.5rem;font-weight:700;height:60px;justify-content:center;width:60px}.badges-section{background:#1a1a1a;background:var(--tray-bg-secondary);border:1px solid #2a2a2a;border:1px solid var(--tray-border);border-radius:12px;margin-bottom:2rem;padding:1.5rem}.badges-section h3{color:#fff;color:var(--tray-text-primary);margin:0 0 1rem}.badges-slider{display:flex;gap:1rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-color:#2a2a2a #0000;scrollbar-color:var(--tray-border) #0000;scrollbar-width:thin}.badges-slider::-webkit-scrollbar{height:6px}.badges-slider::-webkit-scrollbar-track{background:#0000}.badges-slider::-webkit-scrollbar-thumb{background:#2a2a2a;background:var(--tray-border);border-radius:3px}.badge-item{align-items:center;background:#2a2a2a;background:var(--tray-bg-tertiary);border:1px solid #2a2a2a;border:1px solid var(--tray-border);border-radius:8px;display:flex;flex-direction:column;gap:.5rem;min-width:120px;padding:1rem;text-align:center;transition:all .3s ease}.badge-item.earned{background:#6b72801a;border-color:#656565;border-color:var(--tray-primary)}.badge-item.locked{filter:grayscale(100%);opacity:.4}.badge-item:hover.earned{border-color:grey;border-color:var(--tray-primary-hover);transform:translateY(-2px)}.badge-emoji,.badge-image{align-items:center;background:#0a0a0a;background:var(--tray-bg-primary);border-radius:50%;display:flex;font-size:1.5rem;height:40px;justify-content:center;width:40px}.badge-name{color:#fff;color:var(--tray-text-primary);font-size:.8rem;font-weight:600}.badge-reward{background:#6b72801a;border-radius:4px;color:#656565;color:var(--tray-primary);font-size:.7rem;padding:.2rem .5rem}.codes-section{display:flex;flex-direction:column;gap:2rem}.code-input-steam{background:#1a1a1a;background:var(--tray-bg-secondary);border:2px solid #2a2a2a;border:2px solid var(--tray-border);border-radius:12px;color:#fff;color:var(--tray-text-primary);font-size:1.2rem;font-weight:500;margin-bottom:1rem;padding:1.5rem;text-align:center;transition:all .3s ease;width:100%}.code-input-steam:focus{border-color:#656565;border-color:var(--tray-primary);box-shadow:0 0 0 4px #6b72801a;outline:none;transform:translateY(-2px)}.code-input-steam::placeholder{color:#656565;color:var(--tray-text-muted);font-weight:400}.redeem-btn-simple{background:linear-gradient(135deg,#fff,#f3f4f6 50%,#e5e7eb);background:var(--gradient-primary);border:none;border-radius:12px;color:#0a0a0a;color:var(--yoll-black);cursor:pointer;font-size:1.1rem;font-weight:700;letter-spacing:.5px;padding:1.2rem 2rem;text-transform:uppercase;transition:all .3s ease;width:100%}.redeem-btn-simple:hover{background:linear-gradient(135deg,#f9fafb,#f3f4f6);background:var(--gradient-secondary);box-shadow:0 8px 20px #0003;transform:translateY(-3px)}.redeem-btn-simple:active{transform:translateY(-1px)}.notification-settings,.privacy-settings{display:flex;flex-direction:column;gap:1.5rem}.toggle-setting{align-items:center;background:#1a1a1a;background:var(--tray-bg-secondary);border:1px solid #2a2a2a;border:1px solid var(--tray-border);border-radius:8px;display:flex;justify-content:space-between;padding:1rem}.toggle-info{flex:1 1}.toggle-label{color:#fff;color:var(--tray-text-primary);display:block;margin-bottom:.25rem}.toggle-description{color:#b0b0b0;color:var(--tray-text-secondary);font-size:.85rem}.toggle-switch{background:#2a2a2a;background:var(--tray-bg-tertiary);border:1px solid #2a2a2a;border:1px solid var(--tray-border);border-radius:13px;cursor:pointer;height:26px;position:relative;transition:all .3s ease;width:50px}.toggle-switch.enabled{background:linear-gradient(135deg,#6b7280,#4b5563);background:var(--gradient-button);border-color:#656565;border-color:var(--tray-primary)}.toggle-slider{height:100%;width:100%}.toggle-button{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;height:20px;left:2px;position:absolute;top:2px;transition:transform .3s ease;width:20px}.toggle-switch.enabled .toggle-button{transform:translateX(24px)}.analytics-placeholder{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.chart-placeholder{background:linear-gradient(135deg,#374151,#1f2937);background:var(--gradient-dark);border:1px solid #2a2a2a;border:1px solid var(--tray-border);border-radius:12px;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:2rem;text-align:center}.chart-placeholder h3{color:#fff;color:var(--tray-text-primary);margin:0 0 1rem}.chart-placeholder p{color:#656565;color:var(--tray-text-muted)}.pro-status,.pro-upgrade{background:linear-gradient(135deg,#374151,#1f2937);background:var(--gradient-dark);border:1px solid #2a2a2a;border:1px solid var(--tray-border);border-radius:12px;padding:2rem}.pro-active h3{color:#4ade80;color:var(--tray-success);margin:0 0 1rem}.pro-benefits,.pro-benefits-active{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:1.5rem 0}.benefit{background:#2a2a2a;background:var(--tray-bg-tertiary);border:1px solid #2a2a2a;border:1px solid var(--tray-border);border-radius:8px;color:#b0b0b0;color:var(--tray-text-secondary);padding:.75rem}.manage-subscription-btn,.upgrade-btn{background:linear-gradient(135deg,#fff,#f3f4f6 50%,#e5e7eb);background:var(--gradient-primary);border:none;border-radius:8px;color:#0a0a0a;color:var(--yoll-black);cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;padding:1rem 2rem;transition:all .3s ease}.manage-subscription-btn:hover,.upgrade-btn:hover{background:linear-gradient(135deg,#f9fafb,#f3f4f6);background:var(--gradient-secondary);transform:translateY(-2px)}.danger-zone{border-top:1px solid #2a2a2a;border-top:1px solid var(--tray-border);margin-top:2rem;padding-top:1.5rem}.danger-zone h4{margin-bottom:1rem}.danger-zone h4,.delete-account-btn{color:#ef4444;color:var(--tray-error)}.delete-account-btn{background:#0000;border:1px solid #ef4444;border:1px solid var(--tray-error);font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.delete-account-btn:hover{background:#ef4444;background:var(--tray-error);color:#fff}@media (max-width:1024px){.tray-sidebar{width:250px}.tray-content{max-width:calc(100vw - 250px)}}@media (max-width:768px){.user-tray-page{flex-direction:column}.tray-sidebar{border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--tray-border);border-right:none;height:auto;position:static;width:100%}.sidebar-nav{display:flex;gap:.5rem;overflow-x:auto;padding:1rem}.nav-item{margin-bottom:0;min-width:120px}.sidebar-footer{padding:1rem}.tray-content{max-width:100%;padding:1rem}.profile-stats-row{gap:1rem}.profile-actions{flex-direction:column}.badges-slider{justify-content:flex-start}}.analytics-loading{align-items:center;color:#656565;color:var(--tray-text-muted);display:flex;flex-direction:column;justify-content:center;padding:3rem}.analytics-loading .loading-spinner{animation:spin 1s linear infinite;border:3px solid #2a2a2a;border-top-color:#656565;border:3px solid var(--tray-border);border-radius:50%;border-top-color:var(--tray-primary);height:40px;margin-bottom:1rem;width:40px}.analytics-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;margin-bottom:2rem;padding:2rem;text-align:center}.analytics-error .error-icon{font-size:2rem;margin-bottom:1rem}.analytics-error h4{color:#ef4444;color:var(--tray-error);margin:0 0 .5rem}.retry-btn{background:#ef4444;background:var(--tray-error);margin-top:1rem;padding:.5rem 1rem;transition:all .3s ease}.retry-btn:hover{background:#dc2626}.analytics-overview{margin-bottom:2rem}.overview-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.analytics-card{background:#1a1a1a;background:var(--tray-bg-secondary);border:1px solid #2a2a2a;border:1px solid var(--tray-border);border-radius:12px;padding:1.5rem;transition:all .3s ease}.analytics-card:hover{border-color:#656565;border-color:var(--tray-primary);box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.overview-card{gap:1rem}.card-icon,.overview-card{align-items:center;display:flex}.card-icon{background:#2a2a2a;background:var(--tray-bg-tertiary);border:1px solid #2a2a2a;border:1px solid var(--tray-border);border-radius:12px;font-size:2rem;height:60px;justify-content:center;width:60px}.card-content{flex:1 1}.card-value{color:#fff;color:var(--tray-text-primary);font-size:1.8rem;font-weight:700;margin-bottom:.25rem}.card-label{color:#b0b0b0;color:var(--tray-text-secondary);font-size:.9rem;margin-bottom:.5rem}.card-change{font-size:.8rem}.card-change .positive{color:#4ade80;color:var(--tray-success)}.card-change .negative{color:#ef4444;color:var(--tray-error)}.card-change .neutral{color:#656565;color:var(--tray-text-muted)}.card-metric{color:#656565;color:var(--tray-primary)}.overview-card.engagement{background:linear-gradient(135deg,#6b72801a,#4b55630d)}.analytics-section{margin-bottom:2rem}.analytics-section h3,.analytics-section h4{color:#fff;color:var(--tray-text-primary);margin:0 0 1rem}.chart-card{padding:2rem}.timeline-chart{align-items:flex-end;background:#2a2a2a;background:var(--tray-bg-tertiary);border:1px solid #2a2a2a;border:1px solid var(--tray-border);border-radius:8px;display:flex;height:150px;justify-content:space-between;margin-bottom:1rem;padding:1rem}.timeline-day{align-items:center;display:flex;flex:1 1;flex-direction:column;max-width:60px}.day-bars{align-items:flex-end;display:flex;gap:2px;height:80px;margin-bottom:.5rem}.bar{border-radius:2px 2px 0 0;min-height:5px;transition:height .3s ease;width:12px}.posts-bar{background:#656565;background:var(--tray-primary)}.engagement-bar{background:#4ade80;background:var(--tray-success)}.day-label{color:#b0b0b0;color:var(--tray-text-secondary);font-size:.8rem;font-weight:600;margin-bottom:.25rem}.day-stats{align-items:center;display:flex;flex-direction:column;font-size:.7rem}.day-posts{color:#656565;color:var(--tray-primary);font-weight:600}.chart-legend{display:flex;gap:2rem;justify-content:center;margin-top:1rem}.legend-item{align-items:center;color:#b0b0b0;color:var(--tray-text-secondary);display:flex;font-size:.9rem;gap:.5rem}.legend-color{border-radius:2px;height:12px;width:12px}.legend-color.posts{background:#656565;background:var(--tray-primary)}.legend-color.engagement{background:#4ade80;background:var(--tray-success)}.best-performance{margin-bottom:2rem}.best-post-card{background:linear-gradient(135deg,#22c55e1a,#16a34a0d);border-color:#22c55e4d}.best-post-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.post-icon{font-size:1.5rem}.post-title{color:#fff;color:var(--tray-text-primary);font-size:1.1rem;font-weight:600}.post-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.stat{text-align:center}.stat-value{color:#4ade80;color:var(--tray-success);display:block;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.stat.total .stat-value{color:#656565;color:var(--tray-primary)}.stat-label{color:#b0b0b0;color:var(--tray-text-secondary);font-size:.8rem;letter-spacing:.05em;text-transform:uppercase}.no-posts-card{background:#2a2a2a;background:var(--tray-bg-tertiary);border:2px dashed #2a2a2a;border:2px dashed var(--tray-border);padding:3rem 2rem;text-align:center}.no-posts-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.no-posts-card h4{color:#fff;color:var(--tray-text-primary);margin:0 0 .5rem}.no-posts-card p{color:#656565;color:var(--tray-text-muted);margin:0 0 1rem}.create-post-btn{background:linear-gradient(135deg,#fff,#f3f4f6 50%,#e5e7eb);background:var(--gradient-primary);border:none;border-radius:8px;color:#0a0a0a;color:var(--yoll-black);cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.create-post-btn:hover{background:linear-gradient(135deg,#f9fafb,#f3f4f6);background:var(--gradient-secondary);transform:translateY(-2px)}.post-types-chart{display:flex;flex-direction:column;gap:1rem}.post-type-item{align-items:center;display:flex;gap:1rem}.post-type-bar{background:#2a2a2a;background:var(--tray-border);border-radius:4px;flex:1 1;height:8px;overflow:hidden}.type-fill{border-radius:4px;height:100%;transition:width .5s ease}.type-fill.quick{background:#656565;background:var(--tray-primary)}.type-fill.project{background:#4ade80;background:var(--tray-success)}.post-type-info{display:flex;flex-direction:column;min-width:150px}.type-name{font-size:.9rem}.type-count{color:#656565;color:var(--tray-text-muted);font-size:.8rem}.analytics-pro-section{border-top:2px solid #656565;border-top:2px solid var(--tray-primary);margin-top:2rem;padding-top:2rem}.pro-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.pro-section-header h3{color:#656565;color:var(--tray-primary);margin:0}.pro-badge{background:linear-gradient(135deg,#656565,grey);background:linear-gradient(135deg,var(--tray-primary) 0,var(--tray-primary-hover) 100%);border-radius:20px;color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.analytics-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.pro-card{background:linear-gradient(135deg,#1a1a1a,#6b72800d);background:linear-gradient(135deg,var(--tray-bg-secondary) 0,#6b72800d 100%);border-color:#6b72804d;position:relative}.pro-card:before{background:linear-gradient(90deg,#656565,grey);background:linear-gradient(90deg,var(--tray-primary),var(--tray-primary-hover));border-radius:12px 12px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.pro-card h5{color:#fff;color:var(--tray-text-primary);font-size:1rem;font-weight:600;margin:0 0 1rem}.best-times{display:flex;flex-wrap:wrap;gap:.5rem}.time-badge{align-items:center;background:#6b72801a;border:1px solid #6b72804d;border-radius:20px;display:flex;font-size:.8rem;gap:.5rem;padding:.5rem .75rem}.time-rank{background:#656565;background:var(--tray-primary);border-radius:50%;color:#fff;font-size:.7rem;font-weight:700;min-width:18px;padding:.2rem .4rem;text-align:center}.time-value{color:#fff;color:var(--tray-text-primary);font-weight:600}.pro-insight{color:#656565;color:var(--tray-text-muted);font-size:.85rem;font-style:italic;margin:1rem 0 0}.best-days{display:flex;flex-direction:column;gap:.5rem}.day-item{align-items:center;background:#2a2a2a;background:var(--tray-bg-tertiary);border:1px solid #2a2a2a;border:1px solid var(--tray-border);border-radius:6px;display:flex;gap:.75rem;padding:.5rem}.day-rank{background:#4ade80;background:var(--tray-success);border-radius:50%;color:#fff;font-size:.7rem;font-weight:700;min-width:18px;padding:.2rem .4rem;text-align:center}.day-name{color:#fff;color:var(--tray-text-primary);flex:1 1;font-weight:600}.day-engagement{color:#4ade80;color:var(--tray-success);font-size:.8rem;font-weight:600}.heatmap-card{grid-column:1/-1}.hourly-heatmap{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));margin-bottom:1rem}.hour-block,.hour-heat{position:relative}.hour-heat{align-items:center;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;height:50px;justify-content:center;transition:all .3s ease;width:100%}.hour-heat:hover{transform:scale(1.05)}.hour-label{color:#fff;color:var(--tray-text-primary);font-size:.7rem;font-weight:600}.hot-indicator{animation:pulse 2s infinite;font-size:.8rem;position:absolute;right:-5px;top:-5px}.heatmap-legend{align-items:center;color:#656565;color:var(--tray-text-muted);display:flex;font-size:.8rem;gap:1rem;justify-content:center}.legend-gradient{background:linear-gradient(90deg,#6b72801a,#22c55e4d 50%,#22c55e);border-radius:4px;height:8px;width:100px}.top-tags{flex-direction:column}.tag-item,.top-tags{display:flex;gap:.75rem}.tag-item{align-items:center}.tag-rank{background:#656565;background:var(--tray-primary);border-radius:50%;color:#fff;font-size:.7rem;font-weight:700;min-width:18px;padding:.2rem .4rem;text-align:center}.tag-content{flex:1 1}.tag-name{color:#fff;color:var(--tray-text-primary);display:block;font-weight:600;margin-bottom:.25rem}.tag-stats{color:#656565;color:var(--tray-text-muted);display:block;font-size:.8rem;margin-bottom:.5rem}.tag-bar{background:#2a2a2a;background:var(--tray-border);border-radius:2px;height:4px;overflow:hidden;width:100%}.tag-fill{background:#656565;background:var(--tray-primary);height:100%;transition:width .5s ease}.content-performance{display:flex;flex-direction:column;gap:1rem}.performance-item{background:#2a2a2a;background:var(--tray-bg-tertiary);border:1px solid #2a2a2a;border:1px solid var(--tray-border);border-radius:8px;padding:1rem}.performance-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.type-icon{font-size:1.1rem}.type-name{color:#fff;color:var(--tray-text-primary);font-weight:600}.performance-stats{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr)}.prediction-card{text-align:center}.prediction-content{align-items:center;display:flex;flex-direction:column}.prediction-value{color:#4ade80;color:var(--tray-success);font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.prediction-label{color:#b0b0b0;color:var(--tray-text-secondary);margin-bottom:1rem}.prediction-confidence{width:100%}.confidence-bar{background:#2a2a2a;background:var(--tray-border);border-radius:3px;height:6px;margin-bottom:.5rem;overflow:hidden;width:100%}.confidence-fill{background:#4ade80;background:var(--tray-success);height:100%;transition:width .5s ease}.confidence-text{color:#656565;color:var(--tray-text-muted);font-size:.8rem}.frequency-content{text-align:center}.frequency-recommendation{margin-bottom:1rem}.frequency-number{color:#656565;color:var(--tray-primary);display:block;font-size:2rem;font-weight:700}.frequency-unit{color:#b0b0b0;color:var(--tray-text-secondary);font-size:.9rem}.frequency-insight{color:#656565;color:var(--tray-text-muted);font-size:.85rem;font-style:italic;margin:0}.influence-card{text-align:center}.influence-content{align-items:center;display:flex;flex-direction:column}.influence-score{height:100px;margin-bottom:1rem;position:relative;width:100px}.score-circle{align-items:center;display:flex;flex-direction:column;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.score-value{color:#fff;color:var(--tray-text-primary);font-size:1.8rem;font-weight:700;line-height:1}.score-max{color:#656565;color:var(--tray-text-muted);font-size:.8rem}.score-ring{background:conic-gradient(#656565 0deg,#656565 calc(var(--score)*3.6deg),#2a2a2a calc(var(--score)*3.6deg),#2a2a2a 1turn);background:conic-gradient(var(--tray-primary) 0deg,var(--tray-primary) calc(var(--score)*3.6deg),var(--tray-border) calc(var(--score)*3.6deg),var(--tray-border) 1turn);border-radius:50%;height:100px;mask:radial-gradient(circle,#0000 35px,#000 36px);-webkit-mask:radial-gradient(circle,#0000 35px,#000 36px);width:100px}.influence-level{color:#fff;color:var(--tray-text-primary);font-size:1rem;font-weight:600}.ranking-card{text-align:center}.ranking-content{align-items:center;display:flex;flex-direction:column}.ranking-badge{background:linear-gradient(135deg,gold,#ffed4e);border-radius:25px;box-shadow:0 4px 15px #ffd7004d;color:#000;font-size:1rem;font-weight:700;margin-bottom:1rem;padding:.75rem 1.5rem}.ranking-details{text-align:center}.percentile{color:#fff;color:var(--tray-text-primary);font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.compared{color:#656565;color:var(--tray-text-muted);font-size:.8rem}.benchmark-content{display:flex;flex-direction:column;gap:1rem}.benchmark-item{background:#2a2a2a;background:var(--tray-bg-tertiary);border:1px solid #2a2a2a;border:1px solid var(--tray-border);border-radius:8px;padding:1rem}.benchmark-label{color:#b0b0b0;color:var(--tray-text-secondary);display:block;font-size:.8rem;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.benchmark-comparison{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-bottom:.5rem}.your-value{color:#656565;color:var(--tray-primary);font-size:1.3rem;font-weight:700}.vs{color:#656565;color:var(--tray-text-muted);font-size:.9rem}.industry-value{color:#b0b0b0;color:var(--tray-text-secondary);font-size:1.3rem;font-weight:700}.benchmark-status{font-size:.8rem;font-weight:600;text-align:center}.analytics-pro-notice{background:linear-gradient(135deg,#1a1a1a,#6b72800d);background:linear-gradient(135deg,var(--tray-bg-secondary) 0,#6b72800d 100%);border:1px solid #6b72804d;border-radius:12px;margin-top:2rem;padding:2rem;text-align:center}.pro-notice-content{margin:0 auto;max-width:500px}.pro-notice-header{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-bottom:1rem}.pro-icon{font-size:2rem}.pro-notice-content h4{color:#656565;color:var(--tray-primary);font-size:1.3rem;margin:0}.pro-notice-content p{color:#b0b0b0;color:var(--tray-text-secondary);line-height:1.5;margin:0 0 1.5rem}.pro-features-preview{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.pro-feature{align-items:center;background:#6b72801a;border:1px solid #6b728033;border-radius:8px;display:flex;gap:.5rem;padding:.75rem;text-align:left}.feature-icon{font-size:1.1rem}.feature-text{color:#fff;color:var(--tray-text-primary);font-size:.9rem;font-weight:500}.pro-upgrade-btn{background:linear-gradient(135deg,#656565,grey);background:linear-gradient(135deg,var(--tray-primary) 0,var(--tray-primary-hover) 100%);border:none;border-radius:8px;box-shadow:0 4px 15px #6b72804d;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:1rem 2rem;transition:all .3s ease}.pro-upgrade-btn:hover{box-shadow:0 8px 25px #6b728066;transform:translateY(-2px)}.analytics-actions{align-items:center;border-top:1px solid #2a2a2a;border-top:1px solid var(--tray-border);display:flex;justify-content:space-between;margin-top:2rem;padding-top:2rem}.refresh-analytics-btn{align-items:center;background:linear-gradient(135deg,#6b7280,#4b5563);background:var(--gradient-button);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.refresh-analytics-btn:hover:not(:disabled){background:grey;background:var(--tray-primary-hover);transform:translateY(-1px)}.refresh-analytics-btn:disabled{cursor:not-allowed;opacity:.6}.last-updated{color:#656565;color:var(--tray-text-muted);font-size:.8rem}@media (max-width:1024px){.analytics-grid{grid-template-columns:1fr}.overview-cards{grid-template-columns:repeat(2,1fr)}.heatmap-card{grid-column:auto}.hourly-heatmap{grid-template-columns:repeat(6,1fr)}}@media (max-width:768px){.overview-cards{grid-template-columns:1fr}.timeline-chart{height:120px;padding:.5rem}.chart-legend{flex-direction:column;gap:.5rem}.post-stats{grid-template-columns:repeat(2,1fr)}.analytics-actions{flex-direction:column;gap:1rem;text-align:center}.pro-features-preview{grid-template-columns:1fr}.benchmark-comparison{flex-direction:column;gap:.5rem}.day-bars{height:60px}.hourly-heatmap{grid-template-columns:repeat(4,1fr)}.hour-heat{height:40px}}.badge-actions{align-items:center;display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.equip-badge-btn{background:linear-gradient(135deg,#656565,grey);background:linear-gradient(135deg,var(--tray-primary) 0,var(--tray-primary-hover) 100%);border:none;border-radius:6px;color:#fff;color:var(--tray-text-primary);cursor:pointer;font-size:.75rem;font-weight:600;min-width:70px;padding:.4rem .8rem;transition:all .3s ease}.equip-badge-btn:hover:not(.equipped){background:linear-gradient(135deg,grey,#9ca3af);background:linear-gradient(135deg,var(--tray-primary-hover) 0,#9ca3af 100%);transform:translateY(-1px)}.equip-badge-btn.equipped{background:linear-gradient(135deg,#4ade80,#22c55e);background:linear-gradient(135deg,var(--tray-success) 0,#22c55e 100%);color:#0a0a0a;color:var(--tray-bg-primary)}.equipped-badge-display{background:#1a1a1a;background:var(--tray-bg-secondary);border:1px solid #404040;border:1px solid var(--tray-border-light);border-radius:12px;margin-top:2rem;padding:1.5rem}.equipped-badge-display h4{color:#fff;color:var(--tray-text-primary);font-size:1.1rem;margin-bottom:1rem}.equipped-badge-card{align-items:center;background:#2a2a2a;background:var(--tray-bg-tertiary);border-radius:8px;display:flex;gap:1rem;padding:1rem}.equipped-badge-emoji,.equipped-badge-image{align-items:center;background:#0a0a0a;background:var(--tray-bg-primary);border-radius:8px;display:flex;font-size:1.5rem;height:50px;justify-content:center;width:50px}.equipped-badge-info{display:flex;flex-direction:column;gap:.25rem}.equipped-badge-name{color:#fff;color:var(--tray-text-primary);font-size:1rem;font-weight:600}.equipped-badge-desc{color:#b0b0b0;color:var(--tray-text-secondary);font-size:.85rem}.badges-shop-link{background:#1a1a1a;background:var(--tray-bg-secondary);border:1px solid #2a2a2a;border:1px solid var(--tray-border);border-radius:12px;margin-top:1rem;padding:1rem;text-align:center}.shop-link-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.shop-link-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 6px 16px #3b82f666;transform:translateY(-2px)}.profile-equipped-badges{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:12px 0}.profile-badge-large{align-items:center;background:#1a1a1a;background:var(--tray-bg-secondary);background-clip:padding-box,border-box;background-image:var(--gradient-badge);background-origin:border-box;border:2px solid #0000;border-radius:12px;display:flex;flex-direction:column;gap:6px;min-width:80px;padding:12px;position:relative;transition:all .3s ease}.profile-badge-large:before{background:#1a1a1a;background:var(--tray-bg-secondary);border-radius:10px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.profile-badge-large:hover{box-shadow:0 8px 25px #fbbf244d;transform:scale(1.05)}.profile-badge-image{border-radius:8px;height:48px;object-fit:cover;width:48px}.profile-badge-emoji{align-items:center;background:#ffffff1a;border-radius:8px;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.profile-badge-name{color:#fff;color:var(--tray-text-primary);font-size:12px;font-weight:600;line-height:1.2;max-width:80px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.streak-detailed-info{animation:streak-glow 3s ease-in-out infinite;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;box-shadow:0 4px 16px #f59e0b4d;display:flex;flex-direction:column;gap:8px;margin:16px 0;padding:16px}.streak-main{align-items:center;display:flex;gap:12px}.streak-icon-large{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:32px}.streak-data{display:flex;flex:1 1;flex-direction:column}.streak-number-large{color:#fff;font-size:24px;font-weight:800;line-height:1}.streak-label-large{color:#ffffffe6;font-size:14px;font-weight:500}.streak-timer{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:8px;display:flex;gap:6px;padding:8px 12px}.timer-icon{font-size:16px}.timer-text{color:#fff;font-family:Monaco,Menlo,monospace;font-size:13px;font-weight:600}@keyframes streak-glow{0%,to{box-shadow:0 4px 16px #f59e0b4d}50%{box-shadow:0 6px 20px #f59e0b80}}.streak-simple-card{background:#1a1a1a;background:var(--tray-bg-secondary);border:1px solid #2a2a2a;border:1px solid var(--tray-border);border-radius:8px;margin-top:16px;padding:16px}.streak-simple-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.streak-icon{font-size:18px}.streak-title{color:#fff;color:var(--tray-text-primary);font-size:14px;font-weight:600}.streak-simple-content{align-items:baseline;display:flex;gap:6px;margin-bottom:8px}.streak-number{color:#f59e0b;font-size:24px;font-weight:700}.streak-label{color:#b0b0b0;color:var(--tray-text-secondary);font-size:12px}.streak-timer-simple{color:#656565;color:var(--tray-text-muted);font-family:monospace;font-size:11px}@media (max-width:480px){.tray-content{padding:.8rem}.content-section{margin-bottom:1rem;padding:1rem}.profile-header{gap:.8rem;padding:1rem}.profile-avatar{height:80px!important;width:80px!important}.profile-info h2{font-size:1.4rem}.profile-info p{font-size:.8rem}.profile-stats-row{gap:.5rem;grid-template-columns:repeat(2,1fr)}.stat-item{padding:.6rem}.stat-number{font-size:1.2rem}.stat-label{font-size:.7rem}.sidebar-nav{gap:.3rem;padding:.8rem}.nav-item{font-size:.8rem;min-width:100px;padding:.6rem .8rem}.code-input-steam,.profile-input,.settings-input{font-size:16px;padding:.8rem}.action-button,.primary-button,.secondary-button{font-size:.9rem;min-height:44px;padding:.8rem 1.2rem}.toggle-switch{height:24px;width:40px}.toggle-switch:before{height:20px;width:20px}.badge-item,.profile-badge-large{min-width:60px;padding:.6rem}.badge-icon{height:24px!important;width:24px!important}.badge-name{font-size:.7rem}.badges-carousel{gap:.5rem}.overview-cards{gap:.8rem;grid-template-columns:1fr}.analytics-card{padding:.8rem}.card-title{font-size:.9rem}.card-value{font-size:1.4rem}.timeline-chart{height:100px;padding:.4rem}.chart-legend{gap:.3rem}.legend-item{font-size:.7rem}.search-input{font-size:16px;padding:.8rem}.modal-content{border-radius:8px;margin:.5rem;padding:1rem}.modal-header{padding:.8rem 1rem}.modal-body{padding:1rem}.followers-grid,.following-grid{gap:.5rem;grid-template-columns:1fr}.user-card{padding:.8rem}.user-card .user-avatar{height:32px!important;width:32px!important}.user-card .user-name{font-size:.8rem}.follow-button{font-size:.7rem;min-height:32px;padding:.4rem .8rem}.user-posts-grid{gap:.8rem;grid-template-columns:1fr}.post-card{padding:.8rem}.post-content{font-size:.9rem;line-height:1.4}.hourly-heatmap{gap:2px;grid-template-columns:repeat(4,1fr)}.hour-heat{border-radius:2px;height:32px}.streak-display{padding:.6rem}.streak-number{font-size:20px}.streak-label{font-size:10px}.settings-group{margin-bottom:1rem}.settings-label{font-size:.8rem;margin-bottom:.3rem}.checkbox-group,.radio-group{gap:.5rem}.checkbox-item,.radio-item{font-size:.8rem;padding:.6rem}.shop-link-btn{font-size:.8rem;padding:.6rem 1rem}.profile-equipped-badges{gap:8px;margin:8px 0}.tray-sidebar{border-radius:0}.content-header{margin-bottom:.8rem;padding:.8rem 0}.content-header h3{font-size:1.1rem}.action-button:active,.nav-item:active,.toggle-switch:active{transform:scale(.98)}}.plans-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-top:2rem}@media (max-width:768px){.plans-grid{gap:1.5rem;grid-template-columns:1fr}}.pro-upgrade,.teams-upgrade{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;overflow:hidden;position:relative;transition:all .3s ease}.pro-upgrade:hover,.teams-upgrade:hover{border-color:#ffd7004d;box-shadow:0 20px 40px #0000004d;transform:translateY(-4px)}.teams-upgrade:hover{border-color:#3b82f64d}.pro-offer,.teams-offer{padding:2rem;text-align:center}.pro-offer h3,.teams-offer h3{color:gold;font-size:1.5rem;margin:0 0 .5rem}.teams-offer h3{color:#3b82f6}.pro-offer p,.teams-offer p{color:#a1a1aa;font-size:.9rem;margin:0 0 1.5rem}.pro-benefits,.teams-benefits{margin-bottom:2rem;text-align:left}.benefit{align-items:center;color:#e4e4e7;display:flex;font-size:.9rem;padding:.5rem 0}.benefit:before{content:"";margin-right:.5rem}.pro-pricing,.teams-pricing{margin-bottom:2rem}.price{color:#22c55e;display:block;font-size:2.5rem;font-weight:700;line-height:1}.period{color:#a1a1aa;display:block;font-size:.9rem;margin-top:.25rem}.min-seats{color:#f59e0b;display:block;font-size:.8rem;font-weight:500;margin-top:.5rem}.upgrade-btn{background:linear-gradient(135deg,gold,#ffed4e);border:none;border-radius:12px;color:#000;cursor:pointer;font-size:1rem;font-weight:700;padding:1rem 2rem;transition:all .3s ease;width:100%}.upgrade-btn:hover{box-shadow:0 8px 25px #ffd70066;transform:scale(1.02)}.teams-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;color:#fff!important}.teams-btn:hover{box-shadow:0 8px 25px #3b82f666!important}.pro-benefits-active{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1.5rem}.pro-benefits-active .benefit{background:#22c55e1a;border:1px solid #22c55e33;border-radius:8px;font-weight:500;padding:1rem}.pro-upgrade:before{background:#ffd70033;color:gold;content:"INDIVIDUAL"}.pro-upgrade:before,.teams-upgrade:before{border-radius:20px;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:.25rem .75rem;position:absolute;right:1rem;text-transform:uppercase;top:1rem}.teams-upgrade:before{background:#3b82f633;color:#3b82f6;content:"EQUIPOS"}.pro-upgrade:after{background:linear-gradient(135deg,#ff6b6b,#ff5722);border-radius:20px;box-shadow:0 4px 15px #ff6b6b4d;color:#fff;content:"MÁS POPULAR";font-size:.7rem;font-weight:700;left:50%;letter-spacing:.5px;padding:.5rem 1rem;position:absolute;text-transform:uppercase;top:-10px;transform:translateX(-50%)}.image-upload-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1001}.image-upload-modal{animation:slideUp .3s ease;background:var(--tray-bg-secondary);border:1px solid var(--tray-border);border-radius:16px;box-shadow:0 25px 50px #00000080;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.upload-header{align-items:center;background:linear-gradient(135deg,var(--tray-bg-secondary) 0,#6b72800d 100%);border-bottom:1px solid var(--tray-border);display:flex;justify-content:space-between;padding:1.5rem}.upload-header h3{color:var(--tray-text-primary);font-size:1.2rem;font-weight:600;margin:0}.upload-body{max-height:70vh;overflow-y:auto;padding:1.5rem}.file-selector{text-align:center}.current-avatar-large{align-items:center;background:var(--gradient-button);border:4px solid var(--tray-border);border-radius:50%;box-shadow:0 8px 20px #0000004d;color:var(--tray-white);display:flex;font-size:3rem;font-weight:700;height:120px;justify-content:center;margin:0 auto 2rem;overflow:hidden;width:120px}.current-avatar-large img{height:100%;object-fit:cover;width:100%}.upload-options{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.remove-avatar-btn,.select-file-btn{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.select-file-btn{background:var(--gradient-primary);color:var(--yoll-black)}.select-file-btn:hover:not(:disabled){background:var(--gradient-secondary);transform:translateY(-2px)}.remove-avatar-btn{background:#0000;border:1px solid var(--tray-error);color:var(--tray-error)}.remove-avatar-btn:hover:not(:disabled){background:var(--tray-error);color:#fff}.remove-avatar-btn:disabled,.select-file-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.upload-info{background:#6b72800d;border:1px solid var(--tray-border);border-radius:8px;color:var(--tray-text-muted);font-size:.85rem;line-height:1.4;padding:1rem;text-align:left}.crop-editor{width:100%}.crop-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 200px;margin-bottom:2rem}.image-container{align-items:center;background:#000;border:1px solid var(--tray-border);border-radius:8px;display:flex;justify-content:center;min-height:300px;overflow:hidden;position:relative}.crop-image{display:block;max-height:400px;max-width:100%;user-select:none;-webkit-user-select:none;-moz-user-select:none}.crop-overlay{background:#6b72801a;border:2px solid var(--tray-primary);box-shadow:0 0 0 9999px #00000080;cursor:move;position:absolute}.crop-border{border:1px dashed #fff;height:100%;opacity:.7;width:100%}.crop-preview{text-align:center}.crop-preview h4{color:var(--tray-text-primary);font-size:.9rem;margin:0 0 1rem}.preview-canvas{background:#000;border:2px solid var(--tray-border);border-radius:50%;display:block;margin:0 auto}.crop-controls{display:flex;gap:1rem;justify-content:space-between}.crop-cancel-btn,.crop-upload-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.crop-cancel-btn{background:#0000;border:1px solid var(--tray-border);color:var(--tray-text-secondary)}.crop-cancel-btn:hover:not(:disabled){background:var(--tray-bg-tertiary);border-color:var(--tray-primary);color:var(--tray-text-primary)}.crop-upload-btn{background:var(--tray-success);color:#fff}.crop-upload-btn:hover:not(:disabled){background:#16a34a;box-shadow:0 4px 15px #22c55e4d;transform:translateY(-2px)}.crop-cancel-btn:disabled,.crop-upload-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.image-upload-modal{margin:1rem;max-width:none;width:calc(100% - 2rem)}.upload-body,.upload-header{padding:1rem}.crop-container{gap:1rem;grid-template-columns:1fr}.crop-preview{order:-1}.upload-options{align-items:center;flex-direction:column}.remove-avatar-btn,.select-file-btn{max-width:250px;width:100%}.current-avatar-large{font-size:2.5rem;height:100px;width:100px}}@media (max-width:480px){.crop-controls{flex-direction:column}.image-container{min-height:250px}.crop-image{max-height:300px}}.email-with-provider{align-items:center;display:flex;gap:.75rem}.email-with-provider input{flex:1 1}.provider-badge{align-items:center;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:8px;color:#22c55e;display:flex;font-size:.85rem;gap:.5rem;padding:.5rem .75rem;white-space:nowrap}.provider-icon{font-size:1rem}.provider-text{font-weight:500}.provider-info-section{align-items:center;background:#3b82f60d;border:1px solid #3b82f633;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem}.provider-display{align-items:center;display:flex;gap:1rem}.provider-icon-large{align-items:center;background:#3b82f61a;border-radius:12px;display:flex;font-size:2rem;height:48px;justify-content:center;width:48px}.provider-details{display:flex;flex-direction:column;gap:.25rem}.provider-name{color:#fff;color:var(--yoll-white,#fff);font-size:1.1rem;font-weight:600;margin:0}.provider-email{color:#888;color:var(--yoll-gray,#888);font-size:.9rem;margin:0}.disconnect-provider-btn{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:all .2s ease}.disconnect-provider-btn:hover:not(:disabled){background:#ef444433;border-color:#ef444480}.disconnect-provider-btn:disabled{cursor:not-allowed;opacity:.5}.profile-provider-badge{align-items:center;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:20px;color:#3b82f6;display:inline-flex;font-size:.8rem;font-weight:500;gap:.5rem;margin-bottom:.5rem;padding:.25rem .75rem}@media (max-width:640px){.provider-info-section{align-items:stretch;flex-direction:column;gap:1rem}.provider-display{justify-content:center;text-align:center}.disconnect-provider-btn{width:100%}.email-with-provider{align-items:stretch;flex-direction:column;gap:.5rem}.provider-badge{justify-content:center}}@media (prefers-color-scheme:dark){.provider-badge{background:#22c55e26;border-color:#22c55e66}.provider-info-section{background:#3b82f614;border-color:#3b82f640}.provider-icon-large{background:#3b82f626}.profile-provider-badge{background:#3b82f626;border-color:#3b82f666}}.avatar-section{background:#6b72800d;border:1px solid var(--tray-border);border-radius:12px;margin-bottom:1.5rem;padding:1rem}.avatar-section h4{color:var(--tray-text-primary);font-size:1rem;font-weight:600;margin:0 0 1rem}.avatar-editor{align-items:center;display:flex;gap:1rem}.current-avatar-preview{align-items:center;background:var(--gradient-button);border:3px solid var(--tray-border);border-radius:50%;box-shadow:0 4px 12px #0003;color:var(--tray-white);display:flex;font-size:2rem;font-weight:700;height:80px;justify-content:center;overflow:hidden;position:relative;width:80px}.current-avatar-preview img{height:100%;object-fit:cover;width:100%}.verification-badge{align-items:center;background:var(--tray-warning);border:2px solid var(--tray-bg-secondary);border-radius:50%;bottom:-5px;color:#fff;display:flex;font-size:.8rem;height:24px;justify-content:center;position:absolute;right:-5px;width:24px}.avatar-actions{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.change-avatar-btn{align-self:flex-start;background:var(--gradient-button);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.change-avatar-btn:hover:not(:disabled){background:var(--tray-primary-hover);transform:translateY(-1px)}.change-avatar-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.privacy-stats{background:var(--tray-bg-secondary);border:1px solid var(--tray-border);border-radius:12px;margin-top:2rem;padding:1.5rem}.privacy-stats h3{color:var(--tray-text-primary);margin:0 0 1rem}.privacy-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.privacy-stat{background:var(--tray-bg-tertiary);border:1px solid var(--tray-border);border-radius:8px;padding:1rem;text-align:center;transition:all .3s ease}.privacy-stat:hover{border-color:var(--tray-primary);transform:translateY(-2px)}.privacy-stat .stat-icon{display:block;font-size:1.5rem;margin-bottom:.5rem}.privacy-stat .stat-number{color:var(--tray-primary);display:block;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.privacy-stat .stat-text{color:var(--tray-text-primary);display:block;font-size:1rem;font-weight:600;margin-bottom:.25rem}.privacy-stat .stat-label{color:var(--tray-text-muted);font-size:.8rem;letter-spacing:.05em;text-transform:uppercase}.profile-editor-overlay{align-items:center;animation:fadeIn .3s ease;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.profile-editor-modal{animation:slideUp .3s ease;background:var(--tray-bg-secondary);border:1px solid var(--tray-border);border-radius:16px;box-shadow:0 25px 50px #00000080;max-height:90vh;max-width:500px;overflow:hidden;width:100%}.editor-header{align-items:center;background:linear-gradient(135deg,var(--tray-bg-secondary) 0,#6b72800d 100%);border-bottom:1px solid var(--tray-border);display:flex;justify-content:space-between;padding:1.5rem}.editor-header h3{color:var(--tray-text-primary);font-size:1.2rem;font-weight:600;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--tray-text-muted);cursor:pointer;display:flex;font-size:1.3rem;height:32px;justify-content:center;padding:.25rem;transition:all .3s ease;width:32px}.close-btn:hover{background:var(--tray-border);color:var(--tray-text-primary)}.editor-body{max-height:60vh;overflow-y:auto;padding:1.5rem;scrollbar-color:var(--tray-border) #0000;scrollbar-width:thin}.editor-body::-webkit-scrollbar{width:6px}.editor-body::-webkit-scrollbar-track{background:#0000}.editor-body::-webkit-scrollbar-thumb{background:var(--tray-border);border-radius:3px}.editor-field{margin-bottom:1.5rem}.editor-field label{color:var(--tray-text-primary);display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.editor-field input,.editor-field textarea{background:var(--tray-bg-tertiary);border:1px solid var(--tray-border);border-radius:8px;box-sizing:border-box;color:var(--tray-text-primary);font-size:.9rem;padding:.75rem;transition:all .3s ease;width:100%}.editor-field input:focus,.editor-field textarea:focus{border-color:var(--tray-primary);box-shadow:0 0 0 3px #6b72801a;outline:none;transform:translateY(-1px)}.editor-field input.error,.editor-field textarea.error{border-color:var(--tray-error);box-shadow:0 0 0 3px #ef44441a}.editor-field input:disabled,.editor-field textarea:disabled{cursor:not-allowed;opacity:.6}.editor-field textarea{font-family:inherit;min-height:80px;resize:vertical}.field-hint{color:var(--tray-text-muted);line-height:1.3}.error-text,.field-hint{display:block;font-size:.8rem;margin-top:.5rem}.error-text{color:var(--tray-error);font-weight:500}.social-links-section{background:#6b72800d;border:1px solid var(--tray-border);border-radius:12px;margin-top:1rem;padding:1rem}.social-links-section h4{color:var(--tray-text-primary);font-size:1rem;font-weight:600;margin:0 0 .5rem}.disclaimer{background:#ef44441a;border:1px solid #ef444433;border-radius:6px;color:var(--tray-text-muted);display:block;font-size:.75rem;line-height:1.3;margin-bottom:1rem;padding:.5rem}.editor-footer{background:var(--tray-bg-primary);border-top:1px solid var(--tray-border);display:flex;gap:1rem;justify-content:flex-end;padding:1rem 1.5rem}.cancel-btn,.save-btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;min-width:100px;padding:.75rem 1.5rem;transition:all .3s ease}.cancel-btn{background:#0000;border:1px solid var(--tray-border);color:var(--tray-text-secondary)}.cancel-btn:hover:not(:disabled){background:var(--tray-bg-tertiary);border-color:var(--tray-primary);color:var(--tray-text-primary)}.save-btn{background:var(--gradient-primary);color:var(--yoll-black)}.save-btn:hover:not(:disabled){background:var(--gradient-secondary);box-shadow:0 4px 15px #6b72804d;transform:translateY(-2px)}.cancel-btn:disabled,.save-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.profile-editor-modal{margin:1rem;max-width:none;width:calc(100% - 2rem)}.editor-header{padding:1rem}.editor-body{max-height:50vh;padding:1rem}.editor-footer{flex-direction:column;padding:1rem}.cancel-btn,.save-btn{width:100%}}.danger-zone-section{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #fecaca;border-radius:12px;margin-top:30px;padding:20px;position:relative}.danger-zone-section:before{background:#fee2e2;border:2px solid #fecaca;border-radius:20px;content:"⚠️";font-size:20px;left:20px;padding:5px 10px;position:absolute;top:-15px}.danger-zone-section h4{color:#dc2626;font-size:18px;font-weight:700;margin:0 0 10px}.danger-warning{color:#7f1d1d;font-size:14px;line-height:1.5;margin:0 0 20px}.delete-account-btn{align-items:center;background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:8px;justify-content:center;padding:15px;transition:all .2s;width:100%}.delete-account-btn:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:0 8px 25px #dc26264d;transform:translateY(-2px)}.delete-account-btn:active{transform:translateY(0)}.delete-account-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}@media (max-width:600px){.email-with-verification,.password-section{flex-direction:column}.password-section{align-items:flex-start;text-align:center}}.teams-dashboard-section{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:1px solid #3b82f6;border-radius:16px;box-shadow:0 8px 32px #3b82f61a;margin-bottom:24px;padding:24px}.teams-header h3{align-items:center;color:#3b82f6;display:flex;font-size:24px;font-weight:700;gap:12px;margin:0 0 8px}.teams-header p{color:#94a3b8;font-size:14px;margin:0}.team-overview-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin:24px 0}.team-card{background:#3b82f60d;border:1px solid #3b82f633;border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.team-card:hover{background:#3b82f61a;border-color:#3b82f666;transform:translateY(-2px)}.team-card-icon{font-size:24px;margin-bottom:8px}.team-card-value{color:#3b82f6;font-size:24px;font-weight:700;margin-bottom:4px}.team-card-label{color:#94a3b8;font-size:12px;font-weight:600}.team-members-section{margin:24px 0}.team-members-section h4{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 16px}.team-members-list{display:flex;flex-direction:column;gap:12px}.team-member-item{border:1px solid #ffffff1a;border-radius:12px;gap:16px;padding:16px;transition:all .3s ease}.team-member-item:hover{transform:translateY(-1px)}.team-member-item.owner{background:linear-gradient(135deg,#ffd7001a,#ffd7000d);border-color:#ffd7004d}.member-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;display:flex;font-size:18px;font-weight:700;height:48px;justify-content:center;width:48px}.member-name{display:block;font-size:16px;margin-bottom:4px}.member-role{border-radius:16px;display:inline-block;font-size:14px;font-weight:500;padding:4px 8px}.team-member-item.owner .member-role{background:linear-gradient(135deg,gold,#ffed4e);color:#1a1a1a}.team-member-item:not(.owner) .member-role{background:#3b82f633;color:#3b82f6}.member-stats{color:#94a3b8;font-size:14px;text-align:right}.team-actions{border-top:1px solid #ffffff1a;flex-wrap:wrap;padding-top:20px}.team-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:160px;padding:12px 20px;transition:all .3s ease}.team-btn.primary{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.team-btn.primary:hover{box-shadow:0 8px 25px #22c55e4d;transform:translateY(-2px)}.team-btn.secondary{background:#ffffff14;border:1px solid #fff3;color:#fff}.team-btn.secondary:hover{background:#ffffff1f;transform:translateY(-1px)}@media (max-width:768px){.team-overview-cards{grid-template-columns:repeat(2,1fr)}.team-actions{flex-direction:column}.team-btn{flex:none}.team-member-item{gap:12px;padding:12px}.member-avatar{font-size:16px;height:40px;width:40px}}.members-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.members-count{color:#94a3b8;font-size:14px}.member-date{color:#6b7280;display:block;font-size:12px;margin-top:2px}.remove-member-btn{font-size:12px;padding:6px 12px}.remove-member-btn:hover{border-color:#ef444466}.team-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px;text-align:center}.loading-spinner{border:3px solid #3b82f633;border-top-color:#3b82f6;height:32px;margin-bottom:16px;width:32px}.team-error{color:#ef4444;padding:40px;text-align:center}.retry-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:12px;padding:8px 16px}.user-search-results{border-top:1px solid #ffffff1a;margin-top:16px;padding:12px 0}.user-search-results h4{color:#fff;font-size:14px;margin:0 0 12px}.user-result-item{align-items:center;border:1px solid #0000;border-radius:6px;cursor:pointer;display:flex;gap:12px;padding:8px 12px;transition:all .2s ease}.user-result-item:hover{background:#3b82f61a;border-color:#3b82f633}.user-result-item .user-avatar{font-size:14px;height:32px;width:32px}.user-result-item .user-name{color:#fff;font-size:14px;font-weight:600}.user-result-item .user-email{color:#94a3b8;font-size:12px}.teams-interface-section{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:1px solid #444;border-radius:16px;margin-bottom:24px;padding:24px}.teams-header{align-items:center;border-bottom:1px solid #333;display:flex;gap:16px;margin-bottom:24px;padding-bottom:16px}.teams-icon{filter:invert(1) sepia(1) saturate(0) hue-rotate(0deg) brightness(100%)}.teams-text h3{color:#fff;font-size:20px;font-weight:700;margin:0}.teams-text p{color:#aaa;font-size:14px;margin:4px 0 0}.team-members-list h4{color:#fff;font-size:16px;font-weight:600;margin:0 0 16px}.team-member-item{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;gap:12px;margin-bottom:8px;padding:12px;transition:background .2s ease}.team-member-item:hover{background:#ffffff14}.member-avatar{border-radius:50%;flex-shrink:0;height:32px;overflow:hidden;width:32px}.avatar-initials{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;display:flex;font-size:14px;font-weight:600;height:100%;justify-content:center;width:100%}.member-info{flex:1 1}.member-name{color:#fff;font-size:14px;font-weight:600;margin-bottom:2px}.member-role{font-size:12px}.owner-badge{align-items:center;background:linear-gradient(135deg,gold,#ffed4e);color:#1a1a1a;display:flex;font-weight:600;gap:4px}.member-badge,.owner-badge{border-radius:12px;font-size:11px;padding:2px 8px}.member-badge{background:#64748b33;color:#94a3b8;font-weight:500}.member-actions{text-align:right}.member-date{color:#666;font-size:11px;margin-bottom:4px}.remove-member-btn{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;font-size:11px;gap:4px;padding:4px 8px;transition:all .2s ease}.remove-member-btn:hover{background:#ef444433}.team-actions{border-top:1px solid #333;display:flex;gap:12px;margin-top:24px;padding-top:16px}.add-member-btn{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 16px;transition:transform .2s ease}.add-member-btn:hover{transform:translateY(-1px)}.manage-team-btn{align-items:center;background:#ffffff1a;border:1px solid #444;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 16px;transition:all .2s ease}.manage-team-btn:hover{background:#ffffff26}.teams-upgrade-btn{align-items:center;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:12px;justify-content:center;margin-top:12px;padding:16px 24px;transition:all .3s ease;width:100%}.teams-upgrade-btn:hover{box-shadow:0 8px 25px #7c3aed4d;transform:translateY(-2px)}.modal-overlay{z-index:10000}.modal-content{background:#1a1a1a;border:1px solid #333;border-radius:16px}.modal-header{border-bottom:1px solid #333;padding:20px}.modal-header h3{color:#fff;font-size:18px;font-weight:600;margin:0}.modal-close-btn{background:none;border:none;border-radius:4px;color:#999;font-size:20px;padding:4px;transition:all .2s ease}.modal-close-btn:hover{background:#ffffff1a}.modal-body{padding:20px}.modal-body p{color:#ccc;line-height:1.5;margin:0 0 16px}.member-email-input{background:#ffffff0d;border:1px solid #444;border-radius:8px;color:#fff;font-size:14px;padding:12px;width:100%}.member-email-input:focus{border-color:#22c55e;outline:none}.email-requirements{margin-top:8px}.email-requirements small{color:#999;font-size:12px}.modal-actions{border-top:1px solid #333;padding:20px}.cancel-btn{background:none;border:1px solid #444;border-radius:8px;color:#ccc;cursor:pointer;padding:10px 20px;transition:all .2s ease}.cancel-btn:hover{background:#ffffff0d}.confirm-btn{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s ease}.confirm-btn:hover:not(:disabled){transform:translateY(-1px)}.confirm-btn:disabled{cursor:not-allowed;opacity:.5}.teams-application-form{display:flex;flex-direction:column;gap:16px}.form-group{gap:6px}.form-group label{font-size:14px;font-weight:600}.form-group input,.form-group select,.form-group textarea{background:#ffffff0d;border:1px solid #444;color:#fff;padding:10px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#7c3aed}.language-section{margin:0 auto;max-width:600px}.language-selector{background:#1e1e1e;border:1px solid #333;border-radius:8px;margin-bottom:20px;padding:20px}.language-selector h3{align-items:center;color:#fff;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:16px}.languages-grid{display:flex;flex-direction:column;gap:8px}.language-option{align-items:center;background:#2a2a2a;border:2px solid #0000;border-radius:6px;color:#fff;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s ease}.language-option:hover{background:#363636;border-color:#4a4a4a}.language-option.active{background:#2b5a3e;border-color:#22c55e}.language-flag{font-size:20px;min-width:24px}.language-info{flex:1 1}.language-name{color:#fff;font-size:14px;font-weight:600;margin-bottom:2px}.language-region{color:#9ca3af;font-size:12px}.language-check{opacity:0;transition:opacity .2s ease}.language-option.active .language-check{opacity:1}.future-languages{background:#1e1e1e;border:1px solid #333;border-radius:8px;padding:20px}.future-languages h4{color:#9ca3af;font-size:14px;font-weight:500;margin-bottom:12px}.future-languages-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.future-language{background:#2a2a2a;border-radius:4px;opacity:.5;padding:8px;text-align:center}.future-flag{font-size:16px;margin-bottom:4px}.future-name{color:#9ca3af;font-size:10px}.future-notice{color:#6b7280;font-size:12px;font-style:italic;margin-top:12px;text-align:center}.auto-detected-notice{align-items:center;background:#1a365d;border:1px solid #2563eb;border-radius:4px;color:#93c5fd;display:flex;font-size:12px;gap:8px;margin-bottom:12px;padding:8px 12px}.loading-spinner-mini{animation:spin 1s linear infinite;border:2px solid #444;border-radius:50%;border-top-color:#22c55e;height:14px;width:14px}.advanced-language-settings{background:#1e1e1e;border:1px solid #333;border-radius:8px;margin-top:20px;padding:20px}.advanced-language-settings h4{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:12px}.setting-row{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:8px 0}.setting-row:last-child{border-bottom:none}.setting-info{align-items:center;color:#fff;display:flex;font-size:13px;gap:8px}.setting-status .status-enabled{color:#22c55e;font-size:12px;font-weight:500}@media (max-width:768px){.future-languages-grid{grid-template-columns:repeat(2,1fr)}.advanced-language-settings,.future-languages,.language-selector{padding:16px}}:root{--yoll-black:#0a0a0a;--yoll-dark-gray:#1a1a1a;--yoll-medium-gray:#2a2a2a;--yoll-light-gray:#656565;--yoll-white:#fff}.about-us-container{background-color:#1a1a1a;background-color:var(--yoll-dark-gray);color:#fff;min-height:100vh;overflow-x:hidden;padding:0}.about-us-container,.back-button{color:var(--yoll-white);font-family:Tajawal,sans-serif}.back-button{background-color:#0a0a0a;background-color:var(--yoll-black);border:2px solid #2a2a2a;border:2px solid var(--yoll-medium-gray);box-shadow:0 4px 12px #0000004d;left:20px;padding:12px 24px;top:20px;transition:all .3s ease;z-index:1000}.back-button:hover{background-color:#fff;background-color:var(--yoll-white);box-shadow:0 6px 20px #0006;color:#0a0a0a;color:var(--yoll-black);transform:translateY(-2px)}.main-title{color:#fff;color:var(--yoll-white);font-size:3rem;font-weight:700;margin:0 0 20px;text-align:center}.hero-section{margin:0 auto;max-width:1200px;padding:80px 40px 60px}.hero-content{align-items:flex-start;display:flex;gap:60px}.hero-text{flex:2 1;line-height:1.8}.hero-text h2{color:#fff;color:var(--yoll-white);font-size:2rem;font-weight:600;margin-bottom:20px;margin-top:40px}.hero-text h2:first-child{margin-top:0}.hero-text p{color:#fff;color:var(--yoll-white);font-size:1.1rem;margin-bottom:25px;text-align:justify}.hero-image{align-items:flex-start;display:flex;flex:1 1;justify-content:center;padding-top:20px}.hero-image img{border:3px solid #2a2a2a;border:3px solid var(--yoll-medium-gray);border-radius:15px;box-shadow:0 8px 32px #0000004d;height:auto;max-width:350px;object-fit:cover;transition:transform .3s ease,box-shadow .3s ease;width:100%}.hero-image img:hover{box-shadow:0 12px 48px #0006;transform:scale(1.05)}.values-section{border-top:1px solid #2a2a2a;border-top:1px solid var(--yoll-medium-gray);margin:0 auto;max-width:1200px;padding:60px 40px}.values-section h2{color:#fff;color:var(--yoll-white);font-size:2.5rem;font-weight:600;margin-bottom:40px;text-align:center}.values-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.values-content p{background-color:#2a2a2a;background-color:var(--yoll-medium-gray);border-left:4px solid #fff;border-left:4px solid var(--yoll-white);border-radius:10px;font-size:1.1rem;line-height:1.6;padding:20px}.values-content strong{color:#fff;color:var(--yoll-white);font-weight:600}.portfolio-section{border-top:1px solid #2a2a2a;border-top:1px solid var(--yoll-medium-gray);margin:0 auto;max-width:1200px;padding:60px 40px}.portfolio-section h2{color:#fff;color:var(--yoll-white);font-size:2.5rem;font-weight:600;margin-bottom:40px;text-align:center}.portfolio-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.portfolio-item{background-color:#2a2a2a;background-color:var(--yoll-medium-gray);border-radius:15px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.portfolio-item:hover{box-shadow:0 10px 30px #0000004d;transform:translateY(-5px)}.portfolio-item img{height:200px;object-fit:cover;transition:transform .3s ease;width:100%}.portfolio-item:hover img{transform:scale(1.1)}.portfolio-item p{color:#fff;color:var(--yoll-white);font-size:1rem;line-height:1.5;margin:0;padding:20px;text-align:center}@media (max-width:768px){.main-title{font-size:2.5rem;margin-bottom:30px}.back-button{font-size:.9rem;left:15px;padding:10px 18px;top:15px}.hero-content{flex-direction:column;gap:40px;padding:0 20px}.hero-section{padding:100px 20px 40px}.hero-text h2{font-size:1.8rem}.hero-text p{font-size:1rem}.hero-image{order:-1}.portfolio-section,.values-section{padding:40px 20px}.portfolio-section h2,.values-section h2{font-size:2rem}.portfolio-grid,.values-content{grid-template-columns:1fr}}@media (max-width:480px){.main-title{font-size:2rem}.hero-text h2{font-size:1.5rem}.portfolio-section h2,.values-section h2{font-size:1.8rem}.back-button{font-size:.8rem;left:10px;padding:8px 16px;top:10px}.hero-section{padding:120px 15px 30px}}:root{--bg-hover:#222;--text-tertiary:#7a7a7a;--border-primary:#ffffff0f;--border-secondary:#ffffff0a;--shadow-sm:0 2px 8px #00000040;--transition:180ms ease-in-out;--yoll-bg-elevated:var(--bg-card);--yoll-border:var(--border-primary);--yoll-border-light:#ffffff14;--yoll-text-muted:var(--text-tertiary);--space-xs:6px;--space-sm:10px;--space-md:16px;--space-lg:24px}[data-theme=light]{--bg-secondary:#f7f8fa;--text-primary:#111827;--text-secondary:#6b7280;--border-primary:#0000000f;--yoll-border-light:#00000014}.documentation-container{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0a;background:var(--bg-primary);color:#fff;color:var(--text-primary);display:flex;flex-direction:column;font-family:Arimo,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;min-height:100vh;overflow-x:hidden}.hero-image-container{border-bottom:1px solid #ffffff0f;transition:-webkit-backdrop-filter .18s ease-in-out;transition:backdrop-filter .18s ease-in-out;transition:backdrop-filter .18s ease-in-out,-webkit-backdrop-filter .18s ease-in-out;transition:-webkit-backdrop-filter var(--transition);transition:backdrop-filter var(--transition);transition:backdrop-filter var(--transition),-webkit-backdrop-filter var(--transition)}.hero-image{filter:brightness(.7);transform-origin:center;transition:filter .18s ease-in-out,transform .4s ease;transition:filter var(--transition),transform .4s ease}.hero-image-container.fixed-hero{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid #ffffff0f;height:96px;left:0;right:0}.hero-image-container.fixed-hero .hero-image{filter:brightness(.55);transform:scale(1.02)}.hero-overlay-text{font-family:Tajawal,system-ui;font-size:1.6rem;font-weight:600;letter-spacing:.2px;padding:0 24px;padding:0 var(--space-lg);pointer-events:none;text-align:center;text-shadow:none;z-index:4}.hero-content-spacer{background:#0000;height:96px}.hero-image-divider{background:linear-gradient(90deg,#0000,#ffd70014,#0000)}.doc-main-layout{background:#0000;display:flex;flex:1 1;gap:24px;gap:var(--space-lg);min-height:calc(100vh - 400px);padding:24px;padding:var(--space-lg)}.doc-sidebar{background:#0000;border-right:1px solid #ffffff0a;border-right:1px solid var(--border-secondary);height:calc(100vh - 120px);overflow:auto;padding:18px;position:-webkit-sticky;position:sticky;top:120px;transition:top .18s ease-in-out;transition:top var(--transition);width:240px}.doc-sidebar-header{border-bottom:1px solid #ffffff0a;border-bottom:1px solid var(--border-secondary);display:flex;flex-direction:column;gap:6px;margin-bottom:18px;padding-bottom:12px}.doc-sidebar-title{color:#fff;color:var(--text-primary);font-family:Tajawal;font-size:1.1rem;font-weight:700;margin:0}.doc-nav{list-style:none;margin:0;padding:0}.doc-category{margin-bottom:10px}.doc-category-toggle{align-items:center;background:#0000;border:none;border-radius:6px;color:#a0a0a0;color:var(--text-secondary);cursor:pointer;display:flex;font-weight:600;gap:10px;padding:10px 8px;text-align:left;transition:background .18s ease-in-out,color .18s ease-in-out,transform .18s ease-in-out;transition:background var(--transition),color var(--transition),transform var(--transition);width:100%}.doc-category-toggle:hover{background:#ffffff05;color:#fff;color:var(--text-primary);transform:translateX(2px)}.doc-category-toggle .arrow{color:#7a7a7a;color:var(--text-tertiary);transform-origin:center;transition:transform .18s ease-in-out,color .18s ease-in-out;transition:transform var(--transition),color var(--transition)}.doc-category-toggle.open .arrow{color:gold;color:var(--accent-primary);transform:rotate(90deg)}.doc-category-toggle.active{background:#0000;box-shadow:none;color:gold;color:var(--accent-primary);position:relative}.doc-category-toggle.active:before{background:linear-gradient(180deg,gold,#ffed4a);background:linear-gradient(180deg,var(--accent-primary),var(--accent-secondary));border-radius:2px;bottom:8px;content:"";left:0;position:absolute;top:8px;width:3px}.doc-subcategories{list-style:none;margin:6px 0 0;max-height:999px;padding:0 0 0 8px;transition:max-height .24s ease-in-out .18s;transition:max-height .24s var(--transition)}.doc-subcategories li{margin-bottom:6px}.doc-subcategories li:before{display:none}.doc-subcategory-link{background:#0000;border:none;border-radius:6px;color:#a0a0a0;color:var(--text-secondary);cursor:pointer;display:block;font-size:.95rem;padding:8px 10px;text-align:left;transition:color .18s ease-in-out,background .18s ease-in-out,transform .18s ease-in-out;transition:color var(--transition),background var(--transition),transform var(--transition);width:100%}.doc-subcategory-link:hover{background:#ffffff05;color:#fff;color:var(--text-primary);transform:translateX(4px)}.doc-subcategory-link.active{background:#0000;color:gold;color:var(--accent-primary);font-weight:700;position:relative}.doc-subcategory-link.active:after{background:linear-gradient(90deg,gold,#ffed4a);background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:2px;bottom:4px;content:"";height:2px;left:8px;opacity:.9;position:absolute;right:8px}.doc-content-area{background:#0000;flex:1 1;height:calc(100vh - 120px);max-width:1100px;overflow:auto;padding:6px 18px}.doc-breadcrumbs{align-items:center;border-bottom:1px solid #ffffff0a;border-bottom:1px solid var(--border-secondary);display:flex;font-size:.9rem;gap:8px;margin-bottom:18px;padding:12px 0}.breadcrumb-item,.doc-breadcrumbs{color:#a0a0a0;color:var(--text-secondary)}.breadcrumb-item{cursor:default}.breadcrumb-item:hover{color:gold;color:var(--accent-primary)}.breadcrumb-item.active{color:#fff;color:var(--text-primary);font-weight:600}.breadcrumb-separator{color:#7a7a7a;color:var(--text-tertiary);opacity:.6}.reading-progress-container{background:#ffd7000f;height:3px;margin-bottom:12px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.reading-progress-bar{background:linear-gradient(90deg,gold,#ffed4a);background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:2px;height:100%;transition:width .12s linear;width:0}.doc-content-wrapper{position:relative;z-index:2}.doc-content-section{background:#1e1e1e;background:var(--bg-card);border:1px solid #ffffff0f;border:1px solid var(--border-primary);border-radius:10px;margin-bottom:28px;padding:20px;transition:box-shadow .18s ease-in-out,border-color .18s ease-in-out,transform .18s ease-in-out;transition:box-shadow var(--transition),border-color var(--transition),transform var(--transition)}.doc-content-section:hover{border-color:#ffd70014;box-shadow:0 2px 8px #00000040;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.doc-content-title{font-size:1.9rem;font-weight:700;margin:0 0 12px}.doc-content-subtitle,.doc-content-title{color:#fff;color:var(--text-primary);font-family:Tajawal}.doc-content-subtitle{font-size:1.2rem;font-weight:600;margin:18px 0 12px}.doc-content-text{color:#a0a0a0;color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:12px}.doc-content-image-container{background:#0000;border-radius:8px;margin:20px 0;overflow:hidden;padding:12px;text-align:center}.doc-content-image{border-radius:6px;height:auto;max-width:100%;opacity:0;transform:translateY(6px);transition:transform .22s ease-in-out .18s,opacity .2s ease-in-out .18s;transition:transform .22s var(--transition),opacity .2s var(--transition)}.doc-content-image.loaded{opacity:1;transform:none}.doc-content-image.loading{opacity:.65}.doc-image-placeholder{align-items:center;background:#1e1e1e;background:var(--yoll-bg-elevated);border-radius:6px;display:flex;height:180px;justify-content:center;width:100%}.loading-spinner{animation:spin .9s linear infinite;border:3px solid #ffffff0f;border-top-color:gold;border:3px solid var(--yoll-border);height:28px;width:28px}.doc-image-caption{color:#7a7a7a;color:var(--yoll-text-muted);font-size:.85rem;font-style:italic;margin-top:10px}.doc-content-code-block{background:#0000;border:1px solid #ffffff0f;border:1px solid var(--border-primary);border-radius:8px;margin:18px 0;overflow:auto;padding:16px}.doc-content-code-block pre{color:#fff;color:var(--text-primary);font-family:Arimo,monospace;margin:0;padding:0}.back-button{background:#0000;border:1px solid #ffffff0f;border:1px solid var(--border-primary);border-radius:8px;color:#fff;color:var(--text-primary);font-weight:700;letter-spacing:.6px;padding:8px 12px;position:fixed;right:18px;top:18px;transition:transform .18s ease-in-out,background .18s ease-in-out,color .18s ease-in-out;transition:transform var(--transition),background var(--transition),color var(--transition);z-index:1001}.back-button:hover{background:#ffd7000f;color:gold;color:var(--accent-primary);transform:translateY(-3px)}.doc-content-area::-webkit-scrollbar,.doc-sidebar::-webkit-scrollbar{height:8px;width:8px}.doc-content-area::-webkit-scrollbar-thumb,.doc-sidebar::-webkit-scrollbar-thumb{background:#ffffff14;background:var(--yoll-border-light);border-radius:6px}@media (max-width:900px){.doc-main-layout{flex-direction:column;padding:12px}.doc-sidebar{border-bottom:1px solid #ffffff0a;border-bottom:1px solid var(--border-secondary);border-right:none;height:auto;padding-bottom:12px;position:relative;top:0;width:100%}.doc-content-area{height:auto;padding:6px 0}.hero-image-container{height:220px}.hero-content-spacer,.hero-image-container.fixed-hero{height:72px}.doc-content-title{font-size:1.4rem}}@media (max-width:480px){.hero-image-container{height:160px}.hero-content-spacer,.hero-image-container.fixed-hero{height:64px}.doc-sidebar{padding:12px}.doc-content-section{padding:14px}.doc-content-title{font-size:1.2rem}}.remote-execution-tabs{display:flex;flex-direction:column;height:60%;width:80%}.remote-execution-tabs .doc-sidebar{background:#151515;background:var(--bg-secondary);border:1px solid #ffffff0f;border:1px solid var(--border-primary);border-radius:8px;height:80%;margin-bottom:20px;padding:12px;position:relative;width:100%}.remote-execution-tabs .doc-sidebar h2{color:#fff;color:var(--text-primary);font-size:1.1rem;margin:0 0 2px}.remote-execution-tabs .doc-nav{display:flex;flex-direction:row;flex-wrap:wrap;gap:2px}.remote-execution-tabs .nav-item{background:#0a0a0a;background:var(--bg-primary);border:1px solid #ffffff0f;border:1px solid var(--border-primary);border-radius:8px;color:#a0a0a0;color:var(--text-secondary);cursor:pointer;font-weight:500;padding:2px 4px;text-align:center;transition:all .18s ease-in-out;transition:all var(--transition);white-space:nowrap}.remote-execution-tabs .nav-item:hover{background:#222;background:var(--bg-hover);border-color:gold;border-color:var(--accent-primary);color:#fff;color:var(--text-primary)}.remote-execution-tabs .nav-item.active{background:#ffd7001a;border-color:gold;border-color:var(--accent-primary);color:gold;color:var(--accent-primary);font-weight:600}.doc-section{background:#1e1e1e;background:var(--bg-card);border:1px solid #ffffff0f;border:1px solid var(--border-primary);border-radius:12px;padding:24px}.doc-section h1{color:#fff;color:var(--text-primary);font-family:Tajawal;font-size:2rem;font-weight:700;margin:0 0 20px}.doc-section h2{font-size:1.5rem;margin:24px 0 16px}.doc-section h2,.doc-section h3{color:#fff;color:var(--text-primary);font-family:Tajawal;font-weight:600}.doc-section h3{font-size:1.2rem;margin:20px 0 12px}.info-card{background:#151515;background:var(--bg-secondary);border:1px solid #ffffff0f;border:1px solid var(--border-primary);border-radius:10px;margin:16px 0;padding:20px}.info-card h3{color:gold;color:var(--accent-primary);margin:0 0 12px}.info-card ul{margin:0;padding-left:20px}.info-card li{color:#a0a0a0;color:var(--text-secondary);margin-bottom:8px}.features-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:20px 0}.feature-card{background:#151515;background:var(--bg-secondary);border:1px solid #ffffff0f;border:1px solid var(--border-primary);border-radius:10px;padding:20px;text-align:center;transition:all .18s ease-in-out;transition:all var(--transition)}.feature-card:hover{border-color:gold;border-color:var(--accent-primary);box-shadow:0 2px 8px #00000040;box-shadow:var(--shadow-sm);transform:translateY(-4px)}.feature-icon{font-size:2.5rem;margin-bottom:12px}.feature-card h4{color:gold;color:var(--accent-primary);margin:8px 0}.feature-card p{color:#a0a0a0;color:var(--text-secondary);font-size:.9rem;margin:0}.providers-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin:20px 0}.provider-item{align-items:center;background:#151515;background:var(--bg-secondary);border:1px solid #ffffff0f;border:1px solid var(--border-primary);border-radius:8px;display:flex;gap:12px;padding:16px;transition:all .18s ease-in-out;transition:all var(--transition)}.provider-item:hover{background:#222;background:var(--bg-hover);border-color:gold;border-color:var(--accent-primary)}.provider-item img{border-radius:4px;height:32px;width:32px}.provider-item span{color:#fff;color:var(--text-primary);font-weight:500}.step-by-step{margin:24px 0}.step{background:#151515;background:var(--bg-secondary);border:1px solid #ffffff0f;border:1px solid var(--border-primary);border-radius:10px;display:flex;gap:16px;margin:20px 0;padding:20px}.step-number{align-items:center;background:gold;background:var(--accent-primary);border-radius:50%;color:#0a0a0a;color:var(--bg-primary);display:flex;flex-shrink:0;font-weight:700;height:32px;justify-content:center;width:32px}.step-content{flex:1 1}.step-content h4{color:#fff;color:var(--text-primary);font-weight:600;margin:0 0 8px}.step-content p{color:#a0a0a0;color:var(--text-secondary);margin:8px 0}.prerequisites{margin:24px 0}.checklist{display:flex;flex-direction:column;gap:8px}.check-item{align-items:center;background:#151515;background:var(--bg-secondary);border:1px solid #ffffff0f;border:1px solid var(--border-primary);border-radius:8px;display:flex;gap:12px;padding:12px}.check-item input[type=checkbox]{accent-color:gold;accent-color:var(--accent-primary)}.check-item span{color:#a0a0a0;color:var(--text-secondary)}.recommendation-matrix{margin:24px 0}.matrix-table{grid-gap:1px;background:#ffffff0f;background:var(--border-primary);border-radius:8px;display:grid;gap:1px;grid-template-columns:1fr 1fr 1fr 1fr;overflow:hidden}.matrix-row{display:contents}.matrix-cell{background:#151515;background:var(--bg-secondary);color:#a0a0a0;color:var(--text-secondary);font-weight:500;padding:12px;text-align:center}.matrix-row.header .matrix-cell{background:#1a1a1a;background:var(--bg-tertiary);color:#fff;color:var(--text-primary);font-weight:700}.warning-box{background:#ffc1071a;border:1px solid #ffc1074d;border-radius:8px;margin:16px 0;padding:16px}.warning-box h4{color:#ffc107;margin:0 0 8px}.success-box{background:#28a7451a;border:1px solid #28a7454d;border-radius:8px;margin:16px 0;padding:16px}.success-box h4{color:#28a745;margin:0 0 8px}.config-form-example{background:#1a1a1a;background:var(--bg-tertiary);border:1px solid #ffffff0f;border:1px solid var(--border-primary);border-radius:8px;margin:16px 0;padding:16px}.form-row{align-items:center;border-bottom:1px solid #ffffff0a;border-bottom:1px solid var(--border-secondary);justify-content:space-between;padding:8px 0}.form-row:last-child{border-bottom:none}.form-row label{color:#a0a0a0;color:var(--text-secondary);font-weight:500}.form-row code{background:#0a0a0a;background:var(--bg-primary);border-radius:4px;color:gold;color:var(--accent-primary);font-family:monospace;padding:4px 8px}.code-example{background:#1a1a1a;background:var(--bg-tertiary);border:1px solid #ffffff0f;border:1px solid var(--border-primary);border-radius:8px;margin:16px 0;overflow-x:auto;padding:16px}.code-example pre{color:#fff;color:var(--text-primary);font-family:Courier New,monospace;font-size:.9rem;margin:0}.deployment-status{align-items:center;background:#151515;background:var(--bg-secondary);border:1px solid #ffffff0f;border:1px solid var(--border-primary);border-radius:8px;display:flex;gap:12px;padding:12px 16px}.status-indicator{animation:pulse 2s infinite;background:gold;background:var(--accent-primary);height:10px;width:10px}.deployment-status span{color:#fff;color:var(--text-primary);font-weight:500}@media (max-width:768px){.remote-execution-tabs .nav-item{flex:1 1;font-size:.9rem;min-width:120px;padding:10px 12px}.features-grid{grid-template-columns:1fr}.matrix-table{font-size:.8rem}.matrix-cell{padding:8px 4px}}:root{--accent-primary:gold;--accent-secondary:#ffed4a}.shop-page{background:#0a0a0a;background:var(--bg-primary);color:#fff;color:var(--text-primary);display:flex;font-family:Arimo,sans-serif;min-height:100vh;overflow-x:hidden;width:100%}.left-header{align-items:flex-start;background:#151515;background:var(--bg-secondary);border-right:1px solid #ffffff1a;border-right:1px solid var(--border-primary);display:flex;flex-direction:column;height:100vh;overflow-y:auto;padding:24px 20px;position:fixed;width:250px;z-index:100}.left-header-divider{background:#ffffff0d;background:var(--border-secondary);height:1px;margin-top:2rem;width:100%}.top-controls{justify-content:space-between;margin-bottom:1.5rem;width:100%}.back-button,.top-controls{align-items:center;display:flex}.back-button{background:none;border:none;color:#a0a0a0;color:var(--text-secondary);cursor:pointer;font-size:1rem;gap:.5rem;padding:.2rem 0;transition:color .2s cubic-bezier(.25,.8,.25,1);transition:color var(--transition)}.back-button:hover{color:#fff;color:var(--text-primary)}.user-points-display{align-items:top;background-color:#1e1e1e;background-color:var(--bg-card);border:1px solid #ffffff1a;border:1px solid var(--border-primary);border-radius:6px;color:#a0a0a0;color:var(--text-secondary);display:flex;font-size:.8rem;font-weight:600;gap:.5rem;padding:.8rem .6rem}.shop-title{color:#fff;color:var(--text-primary);font-family:Tajawal,sans-serif;font-size:2.2rem;font-weight:700;letter-spacing:1px;margin-bottom:2rem;text-shadow:0 2px 8px #00000080}.shop-categories{display:flex;flex-direction:column;gap:.8rem;width:100%}.category-button{background:#0000;border:1px solid #ffffff1a;border:1px solid var(--border-primary);border-radius:8px;color:#a0a0a0;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;padding:12px 20px;position:relative;text-align:left;transition:all .2s cubic-bezier(.25,.8,.25,1);transition:all var(--transition);width:100%}.category-button:hover:not(.disabled){background:#252525;background:var(--bg-hover);border-color:#ffffff1a;border-color:var(--border-primary);color:#fff;color:var(--text-primary)}.category-button.active{background:#ffd7001a;border-right:2px solid gold;border-right:2px solid var(--accent-primary);color:gold;color:var(--accent-primary);font-weight:600}.physical-products-section{border-top:1px solid var(--yoll-border);margin-top:var(--space-xl);padding-top:var(--space-lg);position:relative;width:100%}.physical-products-section .category-button{background:#0000;border:1px solid var(--yoll-border);padding:var(--space-sm) var(--space-md);text-align:left;width:100%}.physical-products-section .category-button.active{background:var(--yoll-warning);border-color:var(--yoll-warning);color:var(--yoll-text-inverse)}.coming-soon-tag{background:var(--yoll-warning);border-radius:4px;color:var(--yoll-text-inverse);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:var(--space-xs) var(--space-sm);position:absolute;right:var(--space-sm);text-transform:uppercase;top:var(--space-sm)}@keyframes modern-glow{0%{box-shadow:0 0 3px #f59e0b4d}50%{box-shadow:0 0 8px #f59e0b80,0 0 12px #f59e0b4d}to{box-shadow:0 0 3px #f59e0b4d}}.physical-products-glow{animation:modern-glow 2s infinite alternate;border-radius:6px;inset:0;pointer-events:none;position:absolute}.shop-content{flex-direction:column;flex-grow:1;margin-left:280px;margin-right:auto;max-width:1400px;padding:0;width:calc(100% - 280px)}.hero-image-container,.shop-content{align-items:center;display:flex;position:relative}.hero-image-container{background:#151515;background:var(--bg-secondary);border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-primary);justify-content:center;overflow:hidden;transition:all .2s cubic-bezier(.25,.8,.25,1);transition:all var(--transition);width:100%}.hero-image-container:before{background:linear-gradient(135deg,#0a0a0ab3,#15151580);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:opacity .2s cubic-bezier(.25,.8,.25,1);transition:opacity var(--transition);z-index:2}.hero-image-container.fixed-hero{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-primary);box-shadow:0 8px 32px #00000080;box-shadow:var(--shadow-lg);height:100px;left:250px;position:fixed;top:0;width:calc(100vw - 250px);z-index:50}.hero-image-container.fixed-hero:before{opacity:.9}.hero-image{filter:brightness(.6) contrast(1.1);height:100%;object-fit:cover;transition:filter .2s cubic-bezier(.25,.8,.25,1);transition:filter var(--transition);width:100%;z-index:1}.hero-image-container.fixed-hero .hero-image{filter:brightness(.4) contrast(1.2)}.hero-overlay-text{color:#fff;color:var(--text-primary);font-family:Tajawal,sans-serif;font-size:2.5rem;font-weight:700;letter-spacing:.5px;position:absolute;text-shadow:0 4px 12px #000000b3;z-index:3}.hero-content-spacer{background:linear-gradient(180deg,#0000,#0a0a0a1a);height:100px;width:100%}.hero-image-divider{background:linear-gradient(90deg,#0000,gold,#0000);background:linear-gradient(90deg,#0000,var(--accent-primary),#0000);box-shadow:0 1px 3px #ffd7004d;height:1px;margin-bottom:0;width:100%}.products-grid{grid-gap:30px;box-sizing:border-box;gap:30px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:0 auto;max-width:1200px;padding:40px;position:relative;width:100%}.no-items-message{background:#1e1e1e;background:var(--bg-card);border-radius:12px;color:#a0a0a0;color:var(--text-secondary);font-size:1rem;grid-column:1/-1;margin-top:40px;padding:30px;text-align:center}.no-items-message,.product-card{border:1px solid #ffffff1a;border:1px solid var(--border-primary);box-shadow:0 2px 8px #0000004d;box-shadow:var(--shadow-sm)}.product-card{display:flex;flex-direction:column;overflow:hidden;position:relative}.product-card:hover{border-color:#ffd7004d;box-shadow:0 4px 16px #0006;box-shadow:var(--shadow-md);transform:translateY(-2px)}.product-image-container{align-items:center;background:#1a1a1a;background:var(--bg-tertiary);border-bottom:1px solid #ffffff0d;border-bottom:1px solid var(--border-secondary);display:flex;height:200px;justify-content:center;overflow:hidden;width:100%}.product-image{display:block;filter:brightness(.9) contrast(1.05);height:100%;object-fit:cover;transition:transform .2s cubic-bezier(.25,.8,.25,1);transition:transform var(--transition);width:100%}.product-card:hover .product-image{filter:brightness(1) contrast(1.1);transform:scale(1.02)}.product-title{color:#fff;color:var(--text-primary);font-family:Tajawal,sans-serif;font-size:1.2rem;font-weight:600;line-height:1.3;margin:20px 20px 10px;text-shadow:0 1px 3px #0000004d}.product-description{color:#a0a0a0;color:var(--text-secondary);flex-grow:1;line-height:1.5}.buy-button,.product-description{font-size:.9rem;margin:0 20px 20px}.buy-button{border:none;border-radius:8px;cursor:pointer;font-weight:600;letter-spacing:.3px;padding:12px 20px;text-transform:uppercase;transition:all .2s cubic-bezier(.25,.8,.25,1);transition:all var(--transition);width:calc(100% - 40px)}.green-gradient-button{background:linear-gradient(135deg,#4ade80,#16a34a);background:linear-gradient(135deg,var(--status-success),#16a34a);border:1px solid #ffffff1a;box-shadow:0 2px 8px #4ade8033;color:#fff}.green-gradient-button:hover{background:linear-gradient(135deg,#16a34a,#4ade80);background:linear-gradient(135deg,#16a34a,var(--status-success));box-shadow:0 4px 16px #4ade804d;transform:translateY(-2px)}.yellow-gradient-button{background:linear-gradient(135deg,gold,#ffed4a);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border:1px solid #ffd7004d;box-shadow:0 2px 8px #ffd70033;color:#0a0a0a;color:var(--bg-primary);font-weight:700}.yellow-gradient-button:hover{background:linear-gradient(135deg,#ffed4a,gold);background:linear-gradient(135deg,var(--accent-secondary),var(--accent-primary));border-color:#ffd70080;box-shadow:0 4px 16px #ffd7004d;transform:translateY(-2px)}.acquired-button{border:1px solid #ffffff0d;border:1px solid var(--border-secondary);box-shadow:none;cursor:not-allowed}.acquired-button,.acquired-button:hover{background:#252525;background:var(--bg-hover);color:#666;color:var(--text-tertiary)}.acquired-button:hover{transform:none}.modal-overlay{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000c;inset:0}.purchase-modal{background:#1e1e1e;background:var(--bg-card);border:1px solid #ffffff1a;border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 8px 32px #00000080;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:24px;max-height:90vh;max-width:600px;overflow-y:auto;padding:32px;position:relative;width:90%}.modal-header{align-items:flex-start;border-bottom:1px solid #ffffff0d;border-bottom:1px solid var(--border-secondary);margin-bottom:20px;padding-bottom:20px}.modal-item-header{align-items:center;display:flex;gap:20px}.modal-item-icon{align-items:center;background:#1a1a1a;background:var(--bg-tertiary);border:1px solid #ffffff1a;border:1px solid var(--border-primary);border-radius:50%;box-shadow:0 2px 8px #0000004d;box-shadow:var(--shadow-sm);display:flex;flex-shrink:0;font-size:2rem;height:64px;justify-content:center;overflow:hidden;width:64px}.modal-item-image-icon{border-radius:50%;height:100%;object-fit:cover;width:100%}.modal-title-group{align-items:center;display:flex;flex-wrap:wrap;gap:12px}@keyframes glowing-gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.modal-rarity-badge{animation:glowing-gradient 3s ease infinite;background:linear-gradient(90deg,var(--rarity-color-start),var(--rarity-color-end),var(--rarity-color-start));background-size:200% 100%;color:var(--yoll-black);margin-left:0;position:static}.modal-limited-badge,.modal-rarity-badge{border-radius:20px;box-shadow:0 1px 4px #0003;font-size:.8rem;font-weight:700;padding:.3rem .8rem;text-transform:uppercase;z-index:1}.modal-limited-badge{background-color:#ef4444;color:var(--yoll-white);margin-left:10px}.modal-close-btn{align-items:center;background:#252525;background:var(--bg-hover);border:1px solid #ffffff1a;border:1px solid var(--border-primary);border-radius:8px;color:#a0a0a0;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;transition:all .2s cubic-bezier(.25,.8,.25,1);transition:all var(--transition);width:32px}.modal-close-btn:hover{background:#f87171;background:var(--status-error);border-color:#f87171;border-color:var(--status-error);box-shadow:0 2px 8px #0000004d;box-shadow:var(--shadow-sm);color:#fff;transform:translateY(-1px)}.modal-content-scrollable{display:flex;flex-direction:column;gap:20px;max-height:60vh;overflow-y:auto;padding-right:15px;scrollbar-color:#ffffff1a #0a0a0a;scrollbar-color:var(--border-primary) var(--bg-primary);scrollbar-width:thin}.modal-content-scrollable::-webkit-scrollbar{width:6px}.modal-content-scrollable::-webkit-scrollbar-track{background:#151515;background:var(--bg-secondary);border-radius:3px}.modal-content-scrollable::-webkit-scrollbar-thumb{background-color:#ffffff1a;background-color:var(--border-primary);border:1px solid #151515;border:1px solid var(--bg-secondary);border-radius:3px}.modal-content-scrollable::-webkit-scrollbar-thumb:hover{background-color:#666;background-color:var(--text-tertiary)}.modal-item-name{color:#fff;color:var(--text-primary);font-family:Tajawal,sans-serif;font-size:1.5rem;font-weight:700;line-height:1.3;text-shadow:0 2px 8px #0000004d}.modal-item-description{color:#a0a0a0;color:var(--text-secondary);font-size:.95rem;line-height:1.5}.modal-benefits,.modal-duration,.modal-rewards{background:#1a1a1a;background:var(--bg-tertiary);border:1px solid #ffffff0d;border:1px solid var(--border-secondary);border-radius:8px;padding:20px}.modal-benefits h4,.modal-duration h4,.modal-rewards h4{color:#fff;color:var(--text-primary);font-family:Tajawal,sans-serif;font-size:1rem;font-weight:600;margin-bottom:12px}.modal-benefits ul,.modal-rewards ul{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.modal-benefits li,.modal-rewards li{color:#a0a0a0;color:var(--text-secondary);font-size:.875rem;padding-left:16px;position:relative}.modal-benefits li:before,.modal-rewards li:before{color:gold;color:var(--accent-primary);content:"•";left:0;position:absolute}.modal-duration p{color:#fff;color:var(--text-primary);font-size:.95rem;font-weight:500;margin:0}.modal-price-info{background:#1a1a1a;background:var(--bg-tertiary);border:1px solid #ffffff0d;border:1px solid var(--border-secondary);border-radius:8px;padding:20px}.price-row{display:flex;justify-content:space-between;margin-bottom:12px}.price-row span{color:#a0a0a0;color:var(--text-secondary);font-size:.95rem}.price-row .points-amount,.price-row .price-amount{color:#fff;color:var(--text-primary);font-weight:600}.price-row.current-points .points-amount{color:#4ade80;color:var(--status-success)}.price-row.after-purchase .points-amount{color:#fff;color:var(--text-primary)}.price-row.after-purchase .points-amount.negative{color:#f87171;color:var(--status-error)}.modal-info,.modal-warning{align-items:flex-start;background:#1a1a1a;background:var(--bg-tertiary);border:1px solid #ffffff0d;border:1px solid var(--border-secondary);border-radius:8px;display:flex;gap:16px;padding:20px}.modal-warning{border-left:3px solid #fbbf24;border-left:3px solid var(--status-warning)}.modal-info{border-left:3px solid gold;border-left:3px solid var(--accent-primary)}.info-icon,.warning-icon{flex-shrink:0;font-size:1.25rem}.info-content h4,.warning-content h4{color:#fff;color:var(--text-primary);font-family:Tajawal,sans-serif;font-size:1rem;font-weight:600;margin-top:0}.info-content p,.warning-content p{color:#a0a0a0;color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin-bottom:0}.modal-actions{border-top:1px solid #ffffff0d;border-top:1px solid var(--border-secondary);gap:16px;margin-top:20px;padding-top:20px}.modal-btn{align-items:center;border-radius:8px;display:flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;letter-spacing:.3px;min-width:100px;padding:12px 20px;text-transform:uppercase;transition:all .2s cubic-bezier(.25,.8,.25,1);transition:all var(--transition)}.modal-btn.cancel-btn{background:#252525;background:var(--bg-hover);border:1px solid #ffffff1a;border:1px solid var(--border-primary);color:#a0a0a0;color:var(--text-secondary)}.modal-btn.cancel-btn:hover{background:#ffffff1a;background:var(--border-primary);box-shadow:0 2px 8px #0000004d;box-shadow:var(--shadow-sm);color:#fff;color:var(--text-primary);transform:translateY(-1px)}.modal-btn.confirm-btn{background:linear-gradient(135deg,gold,#ffed4a);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border:1px solid #ffd7004d;box-shadow:0 2px 8px #ffd70033;color:#0a0a0a;color:var(--bg-primary);font-weight:700}.modal-btn.confirm-btn:hover{background:linear-gradient(135deg,#ffed4a,gold);background:linear-gradient(135deg,var(--accent-secondary),var(--accent-primary));border-color:#ffd70080;box-shadow:0 4px 16px #ffd7004d;transform:translateY(-2px)}.modal-btn.disabled{cursor:not-allowed;opacity:.5}.loading-spinner{border:2px solid #ffffff1a;border-top:2px solid gold;border:2px solid var(--border-primary);height:16px;width:16px}.modal-preview{background-color:#0a0a0a;background-color:var(--bg-primary);border:1px solid #ffffff1a;border:1px solid var(--border-primary);border-radius:8px;padding:20px}.modal-preview h4{color:#fff;color:var(--text-primary);font-family:Tajawal,sans-serif;font-size:1.1rem;margin-bottom:16px}.badge-preview{display:flex;flex-direction:column;gap:1rem}.preview-user{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:1.1rem;gap:8px}.preview-username{font-family:Tajawal,sans-serif;font-weight:600}.preview-badge{font-size:1.2rem;margin-left:.3rem}.preview-avatar{margin-top:1rem}.avatar-circle,.preview-avatar{align-items:center;display:flex;justify-content:center}.avatar-circle{background-color:#1a1a1a;background-color:var(--bg-tertiary);border:2px solid #ffffff1a;border:2px solid var(--border-primary);border-radius:50%;color:#fff;color:var(--text-primary);font-size:2.5rem;height:80px;position:relative;width:80px}.avatar-badge{bottom:0;font-size:1.5rem;position:absolute;right:0;transform:translate(25%,25%)}@media (max-width:768px){.left-header{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-primary);border-right:none;height:auto;padding:20px 16px;position:relative;width:100%}.left-header-divider{display:none}.top-controls{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:16px}.back-button{margin-bottom:0}.user-points-display{justify-content:center;width:100%}.shop-title{font-size:1.5rem;margin-bottom:16px;text-align:center;width:100%}.shop-categories{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.category-button{font-size:.8rem;padding:10px 8px;text-align:center}.shop-content{margin-left:0;max-width:100%;width:100%}.hero-image-container{height:200px;position:relative}.hero-image-container.fixed-hero{height:60px;left:0;padding:0;position:fixed;top:0;width:100%}.hero-content-spacer{height:60px}.hero-image-divider{margin-bottom:20px}.products-grid{gap:20px;grid-template-columns:1fr;padding:20px}.product-card{margin:0 auto;max-width:400px}.purchase-modal{margin:16px;max-width:95%;padding:24px}.modal-item-icon{font-size:1.5rem;height:48px;width:48px}.modal-item-name{font-size:1.25rem}.modal-actions{flex-direction:column;gap:12px}.modal-btn{justify-content:center;width:100%}}@media (max-width:480px){.shop-title{font-size:1.25rem;margin-bottom:12px}.products-grid{gap:16px;padding:12px}.product-card{max-width:100%}.product-title{font-size:1rem}.product-description{font-size:.8rem;line-height:1.4}.category-button{font-size:.75rem;padding:8px 12px}.left-header{padding:12px}.user-points-display{font-size:.75rem;padding:8px 12px}.hero-image-container{height:150px}.hero-content-spacer,.hero-image-container.fixed-hero{height:50px}.purchase-modal{margin:8px;padding:16px}}.product-image-container{position:relative}.stock-indicator{align-items:center;background:#000000e6;border:1px solid;border-radius:6px;display:flex;font-size:11px;font-weight:600;gap:4px;letter-spacing:.5px;padding:4px 8px;position:absolute;right:8px;text-transform:uppercase;top:8px;z-index:2}.stock-indicator.low{border-color:#fbbf24;border-color:var(--status-warning);box-shadow:0 2px 8px #fbbf244d;color:#fbbf24;color:var(--status-warning)}.stock-indicator.critical{animation:stockPulse 2s infinite;border-color:#f87171;border-color:var(--status-error);box-shadow:0 2px 8px #f8717166;color:#f87171;color:var(--status-error)}.stock-icon{filter:brightness(0) saturate(100%) invert(76%) sepia(73%) saturate(317%) hue-rotate(8deg) brightness(106%) contrast(96%)}.stock-indicator.critical .stock-icon{filter:brightness(0) saturate(100%) invert(40%) sepia(97%) saturate(4449%) hue-rotate(347deg) brightness(97%) contrast(94%)}.stock-text{white-space:nowrap}.stock-progress-container{display:flex;flex-direction:column;gap:6px;margin:12px 0}.stock-progress-bar{background:#ffffff0d;background:var(--border-secondary);border-radius:2px;height:4px;overflow:hidden;width:100%}.stock-progress-fill{background:linear-gradient(90deg,#4ade80,#16a34a);background:linear-gradient(90deg,var(--status-success) 0,#16a34a 100%);border-radius:2px;height:100%;transition:all .2s cubic-bezier(.25,.8,.25,1);transition:all var(--transition)}.stock-progress-fill.low-stock{background:linear-gradient(90deg,#f87171,#dc2626);background:linear-gradient(90deg,var(--status-error) 0,#dc2626 100%)}.stock-count{color:#666;color:var(--text-tertiary);font-size:12px;font-weight:500;text-align:center}@keyframes stockPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.buy-button:disabled{cursor:not-allowed;opacity:.5}.buy-button:disabled,.buy-button:disabled:hover{transform:none!important}:root{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-elevated:#fff;--text-primary:#202124;--text-secondary:#5f6368;--text-disabled:#9aa0a6;--border-color:#dadce0;--border-hover:#c4c7c5;--accent-primary:#202124;--accent-hover:#5f6368;--accent-light:#f8f9fa;--accent-danger:#5f6368;--accent-warning:#9aa0a6;--accent-success:#202124;--node-bg:#fff;--node-border:#dadce0;--node-shadow:0 1px 3px #3c404326,0 1px 2px #3c40434d;--console-bg:#fff;--console-text:#202124;--console-timestamp:#5f6368;--console-error:#d93025;--console-success:#137333;--console-info:#1a73e8;--console-border:#dadce0}[data-theme=dark]{--bg-primary:#1f1f1f;--bg-secondary:#2d2e30;--bg-elevated:#1f1f1f;--text-primary:#e8eaed;--text-secondary:#9aa0a6;--text-disabled:#5f6368;--border-color:#5f6368;--border-hover:#80868b;--accent-primary:#e8eaed;--accent-hover:#9aa0a6;--accent-light:#2d2e30;--accent-danger:#9aa0a6;--accent-warning:#5f6368;--accent-success:#e8eaed;--node-bg:#2d2e30;--node-border:#5f6368;--node-shadow:0 1px 3px #0000004d,0 1px 2px #00000026;--console-bg:#2d2e30;--console-text:#e8eaed;--console-timestamp:#9aa0a6;--console-error:#f28b82;--console-success:#81c995;--console-info:#4285f4;--console-border:#5f6368}.workflow-builder{background:#fff;background:var(--bg-primary);bottom:0;color:#202124;color:var(--text-primary);display:flex;flex-direction:column;font-family:Roboto,sans-serif;height:100vh;left:0;margin:0;overflow:hidden;padding:0;position:fixed;right:0;top:0}.builder-header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0000;border:none;justify-content:space-between;left:0;padding:8px 16px;position:absolute;right:0;top:0;z-index:1000}.builder-header,.header-left{align-items:center;display:flex}.header-left{gap:12px}.header-center{gap:8px}.header-button,.header-center{align-items:center;display:flex}.header-button{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#202124;color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease}[data-theme=light] .header-button{background:#0000000d;border-color:#0000001a;color:#202124;color:var(--text-primary)}[data-theme=light] .header-button:hover{background:#0000001a;border-color:#0003}.header-button:hover{background:#ffffff26;border-color:#ffffff4d;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.header-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.header-button.primary{background:#4a90e233;border-color:#4a90e24d;color:#4a90e2}.header-button.primary:hover{background:#4a90e24d;border-color:#4a90e266}.header-button.danger{background:#dc354533;border-color:#dc35454d;color:#dc3545}.header-button.danger:hover{background:#dc35454d;border-color:#dc354566}.workflow-title{align-items:center;display:flex;font-size:14px;font-weight:500;gap:8px}.beta-badge,.workflow-title{color:#202124;color:var(--text-primary)}.beta-badge{font-size:12px;font-style:italic;font-weight:400;letter-spacing:1px;margin-left:8px;opacity:.7;text-transform:uppercase}.header-toggle-group{align-items:center;display:flex;gap:16px}.header-toggle{align-items:center;color:#202124;color:var(--text-primary);cursor:pointer;display:flex;font-size:12px;gap:8px;-webkit-user-select:none;user-select:none}[data-theme=light] .header-toggle,[data-theme=light] .toggle-label{color:#202124!important}[data-theme=light] .toggle-slider{background:#0000001a;border-color:#0003}[data-theme=light] .toggle-slider:before{background:#202124;background:var(--text-primary)}.theme-toggle-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#202124;color:var(--text-primary);cursor:pointer;display:flex;font-size:11px;font-weight:500;gap:4px;padding:4px 8px;transition:all .2s ease}[data-theme=light] .theme-toggle-button{background:#00000014;border-color:#00000026;color:#202124;color:var(--text-primary)}.theme-toggle-button:hover{background:#ffffff26;border-color:#ffffff4d}[data-theme=light] .theme-toggle-button:hover{background:#0000001f;border-color:#00000040}.header-toggle input[type=checkbox]{display:none}.toggle-slider{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;cursor:pointer;height:16px;position:relative;transition:all .2s ease;width:32px}.toggle-slider:before{background:#5f6368;background:var(--text-secondary);border-radius:50%;content:"";height:12px;left:1px;position:absolute;top:1px;transition:all .2s ease;width:12px}.header-toggle input:checked+.toggle-slider{background:#4a90e24d;border-color:#4a90e266}.header-toggle input:checked+.toggle-slider:before{background:#4a90e2;transform:translateX(16px)}.toggle-label{font-weight:500}.header-toggle:hover .toggle-slider{background:#ffffff26;border-color:#ffffff4d}.header-toggle:hover input:checked+.toggle-slider{background:#4a90e266}.header-icon{align-items:center;display:inline-flex;font-size:14px;height:16px;justify-content:center;line-height:16px;text-align:center;width:16px}.canvas-coordinates-hud{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:6px;box-shadow:0 2px 8px #0000001a;color:#202124;color:var(--text-primary);font-family:Roboto Mono,monospace;font-size:11px;left:10px;min-width:200px;padding:8px 12px;position:fixed;top:70px;z-index:999}[data-theme=light] .canvas-coordinates-hud{background:#ffffffe6;border-color:#0000001a;box-shadow:0 2px 8px #0000001a}.coords-row{align-items:center;display:flex;gap:8px;margin-bottom:2px}.coords-row:last-child{margin-bottom:0}.coord-label{color:#5f6368;color:var(--text-secondary);font-size:10px;font-weight:600;min-width:35px}.coord-value{color:#202124;color:var(--text-primary);font-size:11px;font-weight:500}.properties-panel-v2.docked~.workflow-builder .canvas-coordinates-hud{left:310px}.assets-panel-open .canvas-coordinates-hud{left:260px}.builder-title{color:#202124;color:var(--text-primary);font-size:14px;gap:12px}.automation-icon,.builder-title{align-items:center;display:flex;font-weight:500}.automation-icon{background:linear-gradient(135deg,#202124,#5f6368);background:linear-gradient(135deg,var(--text-primary) 0,var(--text-secondary) 100%);border-radius:2px;color:#fff;color:var(--bg-primary);font-size:10px;height:20px;justify-content:center;width:20px}.builder-controls{align-items:center;display:flex;gap:8px}.builder-button{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:6px;cursor:pointer;display:flex;font-family:Roboto,sans-serif;font-size:12px;font-weight:500;gap:6px;min-height:32px;padding:6px 12px;transition:all .15s ease}.builder-button,.builder-button:hover{color:#202124;color:var(--text-primary)}.builder-button:hover{background:#f8f9fa;background:var(--bg-secondary);border-color:#c4c7c5;border-color:var(--border-hover)}.builder-button.primary{background:#202124;background:var(--text-primary);border-color:#202124;border-color:var(--text-primary);color:#fff;color:var(--bg-primary);font-weight:500}.builder-button.primary:hover{background:#5f6368;background:var(--text-secondary);border-color:#5f6368;border-color:var(--text-secondary)}.builder-button.success{background:#202124;background:var(--text-primary);border-color:#202124;border-color:var(--text-primary);color:#fff;color:var(--bg-primary);font-weight:500}.builder-button.success:hover{background:#5f6368;background:var(--text-secondary);border-color:#5f6368;border-color:var(--text-secondary)}.builder-button.active{background:#202124;background:var(--text-primary);border-color:#202124;border-color:var(--text-primary);color:#fff;color:var(--bg-primary)}.builder-content{display:flex;height:calc(100vh - 60px);margin-top:60px;max-height:calc(100vh - 60px)}.builder-content,.workflow-canvas{flex:1 1;overflow:hidden;position:relative;width:100%}.workflow-canvas{background:#fff;background:var(--bg-primary);border-right:1px solid #dadce0;border-right:1px solid var(--border-color);cursor:grab;height:100%;order:1}.workflow-canvas.drag-over{background:#f8f9fa;background:var(--bg-secondary)}.workflow-canvas:active{cursor:grabbing}.canvas-content{height:100%;position:relative;transform-origin:0 0;width:100%;will-change:transform}.canvas-content:before{background-image:radial-gradient(circle,#dadce0 .5px,#0000 0);background-image:radial-gradient(circle,var(--border-color) .5px,#0000 .5px);background-size:20px 20px;content:"";height:100%;left:0;opacity:.3;pointer-events:none;position:absolute;top:0;width:100%}.assets-panel{border-left:1px solid #dadce0;border-left:1px solid var(--border-color);display:flex;flex-direction:column;order:2;position:relative;width:280px;z-index:50}.assets-header,.assets-panel{background:#fff;background:var(--bg-elevated)}.assets-header{border-bottom:1px solid #dadce0;border-bottom:1px solid var(--border-color);padding:16px}.assets-title{align-items:center;display:flex;font-size:16px;font-weight:500;gap:8px;margin-bottom:12px}.assets-search,.assets-title{color:#202124;color:var(--text-primary);font-family:Roboto,sans-serif}.assets-search{background:#fff;background:var(--bg-primary);border:1px solid #dadce0;border:1px solid var(--border-color);border-radius:4px;font-size:14px;font-weight:400;height:36px;padding:0 12px;transition:border-color .1s ease;width:100%}.assets-search::placeholder{color:#5f6368;color:var(--text-secondary)}.assets-search:focus{border-color:#202124;border-color:var(--text-primary);outline:none}.assets-panel.n8n-style{background:#fff;background:var(--bg-elevated);border-left:1px solid #dadce0;border-left:1px solid var(--border-color);width:320px}.assets-categories.dropdown-style{flex:1 1;overflow-y:auto;padding:8px 0}.category-dropdown{background:#fff;background:var(--bg-primary);border:1px solid #dadce0;border:1px solid var(--border-color);border-radius:8px;margin-bottom:4px;overflow:hidden;transition:all .2s ease}.category-dropdown:hover{border-color:#c4c7c5;border-color:var(--border-hover);box-shadow:0 2px 8px #0000000d}.category-header{align-items:center;background:#fff;background:var(--bg-primary);cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.category-header.expanded,.category-header:hover{background:#f8f9fa;background:var(--bg-secondary)}.category-header.expanded{border-bottom:1px solid #dadce0;border-bottom:1px solid var(--border-color)}.category-header-content{align-items:center;display:flex;gap:12px}.category-info{align-items:center;display:flex;gap:8px}.category-name{color:#202124;color:var(--text-primary);font-size:14px;font-weight:500}.category-count{background:#f8f9fa;background:var(--bg-secondary);border-radius:10px;font-size:12px;font-weight:500;padding:2px 6px}.category-count,.dropdown-arrow{color:#5f6368;color:var(--text-secondary)}.dropdown-arrow{font-size:10px;transform:rotate(-90deg);transition:transform .3s ease}.dropdown-arrow.expanded{transform:rotate(0deg)}.category-content{background:#fff;background:var(--bg-primary);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.category-content.collapsed{max-height:0;opacity:0}.category-content.expanded{max-height:1000px;opacity:1}.assets-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr;padding:12px}.asset-card.n8n-card{background:#fff;background:var(--bg-primary);border:1px solid #dadce0;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:all .2s ease}.asset-card.n8n-card:hover{border-color:#c4c7c5;border-color:var(--border-hover);box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.asset-card.n8n-card.disabled{cursor:not-allowed;opacity:.6;transform:none}.asset-card.n8n-card.disabled:hover{box-shadow:none;transform:none}.asset-card-content{align-items:center;display:flex;gap:12px;padding:12px}.asset-icon-container{align-items:center;background:#f8f9fa;background:var(--bg-secondary);border-radius:8px;display:flex;flex-shrink:0;height:36px;justify-content:center;position:relative;width:36px}.asset-icon-img{height:20px;object-fit:contain;width:20px}.asset-emoji{align-items:center;display:flex;font-size:20px;height:20px;justify-content:center;width:20px}.premium-badge{background:linear-gradient(135deg,gold,orange);color:#000}.custom-badge,.premium-badge{border-radius:4px;font-size:8px;font-weight:700;line-height:1;padding:2px 4px;position:absolute;right:-4px;top:-4px}.custom-badge{background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff}.asset-card-info{flex:1 1;min-width:0}.asset-card-name{color:#202124;color:var(--text-primary);font-size:13px;font-weight:500;line-height:1.3;margin-bottom:2px}.asset-card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#5f6368;color:var(--text-secondary);display:-webkit-box;font-size:11px;line-height:1.3;overflow:hidden}.no-assets-message{font-size:12px;font-style:italic;padding:16px}.no-assets-message,.no-results-message{color:#5f6368;color:var(--text-secondary);text-align:center}.no-results-message{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px}.no-results-title{color:#202124;color:var(--text-primary);font-size:16px;font-weight:500;margin-bottom:4px}.no-results-subtitle{font-size:14px;margin-bottom:8px}.no-results-hint{font-size:12px;opacity:.8}.create-asset-button{background:linear-gradient(135deg,#202124,#5f6368);background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));border:none;border-radius:8px;color:#fff;color:var(--bg-primary);cursor:pointer;font-family:Roboto,sans-serif;font-size:14px;font-weight:600;margin-bottom:12px;padding:12px 16px;transition:all .2s ease;width:100%}.create-asset-button:hover{background:linear-gradient(135deg,#5f6368,#202124);background:linear-gradient(135deg,var(--text-secondary),var(--text-primary));box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.create-asset-button:active{transform:translateY(0)}.assets-panel-footer.n8n-footer{background:#fff;background:var(--bg-elevated);border-top:1px solid #dadce0;border-top:1px solid var(--border-color);padding:16px}.assets-panel-footer.n8n-footer,.plan-status{display:flex;flex-direction:column;gap:8px}.plan-badge{align-items:center;background:#f8f9fa;background:var(--bg-secondary);border-radius:8px;display:flex;font-size:12px;font-weight:500;gap:8px;padding:8px 12px}.plan-text{color:#202124;color:var(--text-primary)}.upgrade-hint{background:linear-gradient(135deg,#ffd7001a,#ffa5001a);border:1px solid #ffd70033;border-radius:6px;color:#5f6368;color:var(--text-secondary);padding:6px 8px}.limit-warning{background:#dc35451a;border:1px solid #dc354533;border-radius:6px;color:#5f6368;color:var(--accent-danger);font-size:11px;padding:6px 8px}.modal-overlay.create-asset-modal{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{border:1px solid #dadce0;border:1px solid var(--border-color);box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow:hidden;width:90%}.modal-content,.modal-header{background:#fff;background:var(--bg-elevated)}.modal-header{align-items:center;border-bottom:1px solid #dadce0;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 24px}.modal-header h2{color:#202124;color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.modal-close-button{background:none;border:none;border-radius:4px;color:#5f6368;color:var(--text-secondary);cursor:pointer;font-size:24px;padding:4px;transition:all .2s ease}.modal-close-button:hover{background:#f8f9fa;background:var(--bg-secondary);color:#202124;color:var(--text-primary)}.modal-body{max-height:calc(90vh - 140px);overflow-y:auto;padding:24px}.modal-footer{background:#fff;background:var(--bg-elevated);border-top:1px solid #dadce0;border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.form-section{border-bottom:1px solid #dadce0;border-bottom:1px solid var(--border-color);margin-bottom:24px;padding-bottom:20px}.form-section:last-child{border-bottom:none;margin-bottom:0}.form-section h3{color:#202124;color:var(--text-primary);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.form-group{margin-bottom:16px}.form-group label{color:#202124;display:block;font-size:13px;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{background:#fff;background:var(--bg-primary);border:1px solid #dadce0;border:1px solid var(--border-color);border-radius:6px;color:#202124;color:var(--text-primary);font-family:Roboto,sans-serif;font-size:14px;padding:10px 12px;transition:border-color .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#202124;border-color:var(--text-primary);outline:none}.form-group textarea{min-height:80px;resize:vertical}.add-item-form{display:flex;gap:8px;margin-bottom:12px}.add-item-form input{flex:1 1}.add-item-form button{background:#202124;background:var(--text-primary);border:none;border-radius:6px;color:#fff;color:var(--bg-primary);cursor:pointer;font-size:13px;font-weight:500;padding:10px 16px;transition:all .2s ease}.add-item-form button:hover{background:#5f6368;background:var(--text-secondary)}.items-list,.parameters-list{display:flex;flex-direction:column;gap:8px}.item-row,.parameter-item{align-items:center;background:#f8f9fa;background:var(--bg-secondary);border:1px solid #dadce0;border:1px solid var(--border-color);border-radius:6px;display:flex;justify-content:space-between;padding:10px 12px}.parameter-item{align-items:flex-start}.parameter-info{flex:1 1;font-size:13px;line-height:1.4}.required-badge{border-radius:4px;font-size:10px;font-weight:600;margin-left:8px;padding:2px 6px}.remove-button,.required-badge{background:#dc35451a;color:#dc3545}.remove-button{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:4px 8px;transition:all .2s ease}.remove-button:hover{background:#dc354533}.parameter-form{background:#f8f9fa;background:var(--bg-secondary);border-radius:8px;margin-bottom:16px;padding:16px}.form-row{display:flex;gap:12px;margin-bottom:12px}.form-row:last-child{margin-bottom:0}.form-row input,.form-row select{flex:1 1}.checkbox-label{align-items:center;color:#202124;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;gap:8px}.checkbox-label input[type=checkbox]{margin:0;width:auto}.button-primary,.button-secondary{border:none;border-radius:6px;cursor:pointer;font-family:Roboto,sans-serif;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.button-primary{background:#202124;background:var(--text-primary);color:#fff;color:var(--bg-primary)}.button-primary:hover{background:#5f6368;background:var(--text-secondary);transform:translateY(-1px)}.button-secondary{background:#f8f9fa;background:var(--bg-secondary);border:1px solid #dadce0;border:1px solid var(--border-color);color:#202124;color:var(--text-primary)}.button-secondary:hover{background:#dadce0;background:var(--border-color);border-color:#c4c7c5;border-color:var(--border-hover)}.emoji-selector{position:relative}.emoji-preview-button{align-items:center;background:#f8f9fa;background:var(--bg-secondary);border:1px solid #dadce0;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .2s ease;width:100%}.emoji-preview-button:hover{background:#dadce0;background:var(--border-color);border-color:#c4c7c5;border-color:var(--border-hover)}.emoji-display{align-items:center;display:flex;font-size:24px;height:32px;justify-content:center;width:32px}.emoji-label{color:#202124;color:var(--text-primary);font-size:14px}.emoji-picker{background:#fff;background:var(--bg-elevated);border:1px solid #dadce0;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 24px #00000026;left:0;max-height:200px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.emoji-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(8,1fr);max-height:160px;overflow-y:auto;padding:12px}.emoji-option{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.emoji-option:hover{background:#f8f9fa;background:var(--bg-secondary)}.emoji-option.selected{background:#202124;background:var(--text-primary);color:#fff;color:var(--bg-primary)}.emoji-picker-footer{background:#f8f9fa;background:var(--bg-secondary);border-top:1px solid #dadce0;border-top:1px solid var(--border-color);padding:8px 12px}.emoji-picker-footer small{color:#5f6368;color:var(--text-secondary);font-size:11px}.assets-categories{flex:1 1;overflow-y:auto;padding:8px}.assets-categories::-webkit-scrollbar{width:6px}.assets-categories::-webkit-scrollbar-track{background:#0000}.assets-categories::-webkit-scrollbar-thumb{background:#dadce0;background:var(--border-color);border-radius:3px}.assets-categories::-webkit-scrollbar-thumb:hover{background:#c4c7c5;background:var(--border-hover)}.category-section{margin-bottom:16px}.category-title{color:#5f6368;color:var(--text-secondary);font-family:Roboto,sans-serif;font-size:11px;font-weight:500;letter-spacing:.5px;margin-bottom:8px;padding:0 8px;text-transform:uppercase}.assets-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));padding:8px}.connection-layer{pointer-events:none;-webkit-user-select:none;user-select:none}.connection-layer path,.connection-point{pointer-events:auto}.connection-point{border:2px solid #fff;border:2px solid var(--bg-primary);border-radius:50%;cursor:pointer;height:8px;opacity:.6;transition:all .1s ease;width:8px;z-index:200}.connection-point.active,.connection-point:hover{opacity:1;transform:scale(1.3)}.workflow-node.selected .connection-point,.workflow-node:hover .connection-point{opacity:1}.connection-point-input{background:#1a73e8;background:var(--console-info);border-color:#1a73e8;border-color:var(--console-info)}.connection-point-output{background:#5f6368;background:var(--text-secondary);border-color:#5f6368;border-color:var(--text-secondary)}.connection-point-success{background:#137333;background:var(--console-success);border-color:#137333;border-color:var(--console-success)}.connection-point-error{background:#d93025;background:var(--console-error);border-color:#d93025;border-color:var(--console-error)}.connection-point.connected{background:#202124;background:var(--text-primary);border-color:#202124;border-color:var(--text-primary);opacity:1}.connection-path{fill:none;stroke-width:1.5px;stroke:#5f6368;stroke:var(--text-secondary);cursor:pointer;transition:stroke-width .1s ease}.connection-path:hover{stroke-width:2px}.connection-path.selected{stroke:#202124;stroke:var(--text-primary);stroke-width:2.5px;filter:drop-shadow(0 0 4px rgba(0,0,0,.3))}.connection-path.success{stroke:#137333;stroke:var(--console-success)}.connection-path.error{stroke:#d93025;stroke:var(--console-error);stroke-dasharray:4 2}.connection-anchor{fill:#202124;fill:var(--text-primary);stroke:#fff;stroke:var(--bg-primary);stroke-width:2px;cursor:move;opacity:0;transition:opacity .1s ease}.connection-path.selected~.connection-anchor{opacity:1}.connection-arrow{fill:#5f6368;fill:var(--text-secondary);opacity:.7}.connection-path.selected~.connection-arrow{fill:#202124;fill:var(--text-primary);opacity:1}.workflow-node{cursor:move;flex-direction:column;height:100px;pointer-events:auto;position:absolute;-webkit-user-select:none;user-select:none;width:80px;will-change:transform;z-index:100}.canvas-node-circle,.workflow-node{align-items:center;display:flex;transition:all .1s ease}.canvas-node-circle{background:#dadce0;background:var(--border-color);border-radius:50%;height:60px;justify-content:center;margin-top:15px;position:relative;width:60px}.canvas-node-icon{height:32px;object-fit:contain;width:32px}.canvas-node-name{word-wrap:break-word;color:#202124;color:var(--text-primary);font-family:Roboto,sans-serif;font-size:12px;font-weight:400;line-height:1.2;margin-top:8px;max-width:80px;text-align:center}.canvas-node-delete{align-items:center;background:#202124;background:var(--text-primary);border-radius:50%;color:#fff;color:var(--bg-primary);cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;opacity:0;position:absolute;right:-8px;top:-8px;transition:opacity .1s ease;width:20px}.workflow-node:hover .canvas-node-delete{opacity:1}.workflow-node:hover .canvas-node-circle{background:#5f6368;background:var(--text-secondary);transform:scale(1.05)}.workflow-node.selected{border-color:#202124;border-color:var(--text-primary);box-shadow:0 0 0 2px #202124,0 1px 3px #3c404326,0 1px 2px #3c40434d;box-shadow:0 0 0 2px var(--text-primary),var(--node-shadow)}.asset-item{align-items:center;background:#0000;cursor:grab;display:flex;flex-direction:column;gap:8px;min-width:80px;padding:4px;text-align:center;transition:all .1s ease;-webkit-user-select:none;user-select:none}.asset-item:hover .asset-circle{background:#5f6368;background:var(--text-secondary);transform:scale(1.05)}.asset-item:active{cursor:grabbing}.asset-item.premium{position:relative}.asset-item.premium:after{background:#202124;background:var(--text-primary);border-radius:8px;color:#fff;color:var(--bg-primary);content:"PRO";font-family:Roboto,sans-serif;font-size:8px;font-weight:500;letter-spacing:.2px;padding:1px 3px;position:absolute;right:2px;top:2px}.asset-circle{align-items:center;background:#dadce0;background:var(--border-color);border-radius:50%;display:flex;flex-shrink:0;height:50px;justify-content:center;margin-bottom:4px;transition:all .1s ease;width:50px}.asset-info{width:100%}.asset-name{word-wrap:break-word;color:#202124;color:var(--text-primary);font-family:Roboto,sans-serif;font-size:10px;font-weight:400;-webkit-hyphens:auto;hyphens:auto;line-height:1.1;margin-bottom:0;max-width:100%;text-align:center}.asset-description{display:none}.node-header{border-bottom:1px solid #dadce0;border-bottom:1px solid var(--border-color);gap:8px;margin-bottom:12px;padding-bottom:8px}.node-header,.node-icon{align-items:center;display:flex}.node-icon{background:linear-gradient(135deg,#202124,#5f6368);background:linear-gradient(135deg,var(--text-primary) 0,var(--text-secondary) 100%);border-radius:2px;color:#fff;color:var(--bg-primary);flex-shrink:0;font-size:10px;font-weight:500;height:20px;justify-content:center;width:20px}.node-title{color:#202124;color:var(--text-primary);flex:1 1;font-size:14px;font-weight:500;line-height:1.2}.node-menu{align-items:center;background:#0000;border-radius:2px;color:#5f6368;color:var(--text-secondary);cursor:pointer;display:flex;height:20px;justify-content:center;padding:4px;transition:background-color .1s ease;width:20px}.node-menu:hover{background:#f8f9fa;background:var(--bg-secondary);color:#202124;color:var(--text-primary)}.node-content{color:#5f6368;color:var(--text-secondary);font-size:12px;line-height:1.4;margin-bottom:12px}.node-status{align-items:center;display:flex;font-size:11px;justify-content:space-between}.status-indicator{align-items:center;background:#f8f9fa;background:var(--bg-secondary);border-radius:12px;color:#5f6368;color:var(--text-secondary);display:inline-flex;font-size:10px;font-weight:400;gap:2px;letter-spacing:0;padding:6px;text-transform:lowercase}.status-indicator.active{background:#f8f9fa;background:var(--accent-light);color:#202124;color:var(--accent-primary)}.status-indicator.active:before{content:"●";font-size:8px}.status-indicator.inactive{background:#f8f9fa;background:var(--bg-secondary);color:#9aa0a6;color:var(--text-disabled)}.status-indicator.inactive:before{content:"○";font-size:8px}.status-indicator.error{background:#fce8e6;color:#5f6368;color:var(--accent-danger)}.status-indicator.error:before{content:"!";font-size:8px;font-weight:500}.status-indicator.ready{background:#f8f9fa;background:var(--accent-light);color:#202124;color:var(--accent-primary)}.status-indicator.ready:before{content:"●";font-size:8px}.status-indicator.waiting{background:#fef7cd;color:#9aa0a6;color:var(--accent-warning)}.status-indicator.waiting:before{content:"○";font-size:8px}.status-indicator.success{background:#e6f7ed;color:#202124;color:var(--accent-success)}.status-indicator.success:before{content:"✓";font-size:8px}.properties-panel{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:var(--gradient-hierarchy);border:1px solid #dadce0;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px #0000001a;left:20px;max-height:80vh;overflow:hidden;position:fixed;top:50%;transform:translateY(-50%);width:300px;z-index:100}.properties-header{background:#0000;border-bottom:1px solid var(--border-color);padding:20px}.properties-title{font-size:16px;font-weight:600;margin:0}.properties-content{max-height:calc(80vh - 70px);overflow-y:auto;padding:20px}.property-group{margin-bottom:20px}.property-label{font-size:13px;margin-bottom:6px}.property-input{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000;border-radius:6px;font-family:Tajawal,sans-serif;font-size:14px;padding:10px 14px;transition:all .15s ease}.property-input:focus{background:#f8f9fa;background:var(--bg-secondary);border-color:#202124;border-color:var(--text-primary)}.floating-debug-console{background:#fff;background:var(--console-bg);border:1px solid #dadce0;border:1px solid var(--console-border);border-radius:8px;box-shadow:0 4px 16px #00000026;font-family:Roboto,sans-serif;min-height:200px;min-width:300px;overflow:hidden;-webkit-user-select:none;user-select:none}.floating-console-header{align-items:center;background:#f8f9fa;background:var(--bg-secondary);border-bottom:1px solid #dadce0;border-bottom:1px solid var(--console-border);cursor:move;display:flex;padding:8px 12px;position:relative}.console-window-controls{display:flex;gap:4px;margin-right:12px}.console-control{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:8px;height:12px;justify-content:center;transition:all .1s ease;width:12px}.console-control.minimize{background:#ffbd2e;color:#d08b00}.console-control.minimize:hover{background:#d08b00;color:#fff}.console-control.close{background:#ff5f57;color:#c02b1d}.console-control.close:hover{background:#c02b1d;color:#fff}.console-title-bar{align-items:center;display:flex;flex:1 1;gap:6px}.console-icon{height:14px;object-fit:contain;width:14px}.console-title{color:#202124;color:var(--console-text);font-size:13px;font-weight:500}.console-count{background:#fff;background:var(--bg-primary);border-radius:10px;color:#5f6368;color:var(--text-secondary);font-size:11px;padding:1px 6px}.console-actions{display:flex;gap:4px}.console-action-btn{background:#0000;border:none;border-radius:4px;cursor:pointer;font-size:12px;padding:4px;transition:background .1s ease}.console-action-btn:hover,.console-tabs{background:#fff;background:var(--bg-primary)}.console-tabs{border-bottom:1px solid #dadce0;border-bottom:1px solid var(--console-border);display:flex;overflow-x:auto}.console-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#5f6368;color:var(--text-secondary);cursor:pointer;font-size:11px;padding:8px 12px;transition:all .1s ease;white-space:nowrap}.console-tab.active,.console-tab:hover{background:#f8f9fa;background:var(--bg-secondary);color:#202124;color:var(--text-primary)}.console-tab.active{border-bottom-color:#1a73e8;border-bottom-color:var(--console-info)}.tab-count{font-size:10px}.console-search{border-bottom:1px solid #dadce0;border-bottom:1px solid var(--console-border);padding:8px 12px;position:relative}.console-search,.console-search-input{background:#fff;background:var(--bg-primary)}.console-search-input{border:1px solid #dadce0;border:1px solid var(--border-color);border-radius:4px;color:#202124;color:var(--text-primary);font-family:Roboto,sans-serif;font-size:11px;padding:6px 8px;width:100%}.console-search-input:focus{border-color:#1a73e8;border-color:var(--console-info);outline:none}.console-search-clear{background:none;border:none;color:#5f6368;color:var(--text-secondary);cursor:pointer;font-size:12px;padding:2px;position:absolute;right:18px;top:50%;transform:translateY(-50%)}.floating-console-content{font-family:Roboto Mono,monospace;font-size:11px;line-height:1.4;max-height:300px;overflow-y:auto;padding:8px 12px}.floating-console-content::-webkit-scrollbar{width:6px}.floating-console-content::-webkit-scrollbar-track{background:#0000}.floating-console-content::-webkit-scrollbar-thumb{background:#dadce0;background:var(--border-color);border-radius:3px}.console-empty{color:#5f6368;color:var(--text-secondary);padding:40px 20px;text-align:center}.console-empty img{display:block;height:24px;margin:0 auto 8px;object-fit:contain;opacity:.5;width:24px}.console-empty p{font-size:12px;margin:0}.floating-console-message{align-items:flex-start;border-bottom:1px solid #0000;display:flex;gap:8px;padding:4px 0}.floating-console-message:hover{background:#f8f9fa;background:var(--bg-secondary);border-radius:4px;margin:0 -8px;padding:4px 8px}.message-icon{text-align:center;width:16px}.message-icon,.message-time{flex-shrink:0;margin-top:1px}.message-time{color:#5f6368;color:var(--console-timestamp);font-size:10px}.message-text{word-wrap:break-word;flex:1 1}.floating-console-message.info .message-icon{color:#1a73e8;color:var(--console-info)}.floating-console-message.error .message-icon{color:#d93025;color:var(--console-error)}.floating-console-message.success .message-icon{color:#137333;color:var(--console-success)}.floating-console-message.warning .message-icon{color:#9aa0a6;color:var(--accent-warning)}.console-resize-handle{background:linear-gradient(-45deg,#0000,#0000 30%,#dadce0 0,#dadce0 40%,#0000 0,#0000 60%,#dadce0 0,#dadce0 70%,#0000 0);background:linear-gradient(-45deg,#0000 0,#0000 30%,var(--border-color) 30%,var(--border-color) 40%,#0000 40%,#0000 60%,var(--border-color) 60%,var(--border-color) 70%,#0000 70%);bottom:0;cursor:nw-resize;height:16px;position:absolute;right:0;width:16px}.console-resize-handle:hover{background:linear-gradient(-45deg,#0000,#0000 30%,#5f6368 0,#5f6368 40%,#0000 0,#0000 60%,#5f6368 0,#5f6368 70%,#0000 0);background:linear-gradient(-45deg,#0000 0,#0000 30%,var(--text-secondary) 30%,var(--text-secondary) 40%,#0000 40%,#0000 60%,var(--text-secondary) 60%,var(--text-secondary) 70%,#0000 70%)}.assets-panel-footer{background:#fff;background:var(--bg-elevated);border-top:1px solid #dadce0;border-top:1px solid var(--border-color);margin-top:auto;padding:12px 16px}.plan-info{align-items:center;display:flex;justify-content:space-between}.plan-name{font-size:12px;font-weight:500}.plan-name,.upgrade-hint{color:#202124;color:var(--text-primary);font-family:Roboto,sans-serif}.upgrade-hint{border-radius:4px;font-size:11px;padding:4px 6px;text-decoration:none;transition:color .1s ease}.upgrade-hint:hover{color:#5f6368;color:var(--text-secondary)}.model-examples,.upgrade-hint:hover{background:#f8f9fa;background:var(--bg-secondary)}.model-examples{border-left:3px solid #202124;border-left:3px solid var(--accent-primary);border-radius:4px;margin-top:4px;padding:4px 8px}.model-examples small{color:#5f6368;color:var(--text-secondary);font-size:10px;font-style:italic}@media (max-width:1200px){.assets-panel{width:280px}.properties-panel{width:260px}.debug-console{max-width:500px;width:90%}}@media (max-width:768px){.builder-header{padding:16px 20px}.builder-title{font-size:1.2rem}.assets-panel{width:260px}.workflow-node{min-width:180px;padding:16px}.properties-panel{max-height:70vh;width:240px}.debug-console{max-width:400px;width:95%}}.asset-item:focus,.builder-button:focus,.workflow-node:focus{outline:2px solid #202124;outline:2px solid var(--text-primary);outline-offset:2px}.context-menu{pointer-events:auto;-webkit-user-select:none;user-select:none}.context-menu-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--console-bg);border:1px solid #dadce0;border:1px solid var(--console-border);border-radius:6px;box-shadow:0 4px 16px #0003;min-width:120px;padding:4px}[data-theme=dark] .context-menu-content{background:#1a1a1a;border-color:#404040;box-shadow:0 4px 16px #0006}.context-menu-item{align-items:center;background:#0000;border:none;border-radius:4px;color:#202124;color:var(--text-primary);cursor:pointer;display:flex;font-family:Roboto,sans-serif;font-size:12px;gap:8px;padding:6px 8px;text-align:left;transition:all .1s ease;width:100%}.context-menu-item:hover{background:#f8f9fa;background:var(--bg-secondary)}[data-theme=dark] .context-menu-item:hover{background:#2a2a2a}.context-menu-item-danger,.context-menu-item-danger:hover{color:#d93025;color:var(--console-error)}.context-menu-item-danger:hover{background:#d930251a}[data-theme=dark] .context-menu-item-danger:hover{background:#f28b8226}.context-menu-item-primary{color:#202124;color:var(--text-primary)}.context-menu-icon{flex-shrink:0;height:12px;object-fit:contain;width:12px}.context-menu-label{flex:1 1;font-weight:400}.selection-toolbar{animation:fadeInUp .15s ease-out;pointer-events:auto;-webkit-user-select:none;user-select:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.selection-toolbar-content{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff;background:var(--console-bg);border:1px solid #dadce0;border:1px solid var(--console-border);border-radius:8px;box-shadow:0 8px 24px #00000026;display:flex;gap:4px;padding:6px}[data-theme=dark] .selection-toolbar-content{background:#1a1a1a;border-color:#404040;box-shadow:0 8px 24px #0006}.selection-toolbar-btn{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;height:28px;justify-content:center;position:relative;transition:all .1s ease;width:28px}.selection-toolbar-btn:hover{background:#f8f9fa;background:var(--bg-secondary);transform:scale(1.05)}[data-theme=dark] .selection-toolbar-btn:hover{background:#2a2a2a}.toolbar-btn-danger:hover{background:#d930251a}[data-theme=dark] .toolbar-btn-danger:hover{background:#f28b8226}.toolbar-btn-primary:hover{background:#1a73e81a}[data-theme=dark] .toolbar-btn-primary:hover{background:#4285f426}.toolbar-btn-secondary:hover{background:#9e9e9e1a}[data-theme=dark] .toolbar-btn-secondary:hover{background:#9e9e9e26}.toolbar-btn-close{border-left:1px solid #dadce0;border-left:1px solid var(--border-color);border-radius:0 6px 6px 0;color:#5f6368;color:var(--text-secondary);font-size:12px;font-weight:500;margin-left:4px;padding-left:8px}.selection-toolbar-icon{height:14px;object-fit:contain;width:14px}.selection-toolbar-arrow{background:#fff;background:var(--console-bg);border-bottom:1px solid #dadce0;border-bottom:1px solid var(--console-border);border-left:1px solid #dadce0;border-left:1px solid var(--console-border);border-radius:0 0 0 2px;bottom:-6px;height:6px;left:50%;position:absolute;transform:translateX(-50%);transform:translateX(-50%) rotate(-45deg);width:12px}[data-theme=dark] .selection-toolbar-arrow{background:#1a1a1a;border-color:#404040}.properties-panel-v2{background:#fff;background:var(--console-bg);border:1px solid #dadce0;border:1px solid var(--console-border);border-radius:8px;box-shadow:0 4px 16px #00000026;display:flex;flex-direction:column;font-family:Roboto,sans-serif;overflow:hidden;-webkit-user-select:none;user-select:none}[data-theme=dark] .properties-panel-v2{background:#1a1a1a;border-color:#404040;box-shadow:0 4px 16px #0006}.properties-panel-v2.docked{border-bottom:none;border-left:none;border-radius:0;border-top:none}.properties-header{align-items:center;background:#f8f9fa;background:var(--bg-secondary);border-bottom:1px solid #dadce0;border-bottom:1px solid var(--console-border);cursor:move;display:flex;min-height:40px;padding:8px 12px}.property-window-controls{display:flex;gap:4px;margin-right:12px}.property-control{align-items:center;background:#0000;border:none;border-radius:4px;color:#5f6368;color:var(--text-secondary);cursor:pointer;display:flex;font-size:10px;height:20px;justify-content:center;transition:all .1s ease;width:20px}.property-control:hover{background:#fff;background:var(--bg-primary);color:#202124;color:var(--text-primary)}.properties-title-bar{align-items:center;display:flex;flex:1 1;gap:8px}.property-node-icon{height:16px;object-fit:contain;width:16px}.properties-title{color:#202124;color:var(--text-primary);font-size:13px;font-weight:500}.property-tabs{background:#fff;background:var(--bg-primary);border-bottom:1px solid #dadce0;border-bottom:1px solid var(--console-border);display:flex;overflow-x:auto}.property-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#5f6368;color:var(--text-secondary);cursor:pointer;display:flex;font-size:11px;gap:4px;padding:8px 12px;transition:all .1s ease;white-space:nowrap}.property-tab.active,.property-tab:hover{background:#f8f9fa;background:var(--bg-secondary);color:#202124;color:var(--text-primary)}.property-tab.active{border-bottom-color:#1a73e8;border-bottom-color:var(--console-info)}.tab-icon{font-size:12px}.tab-label{font-weight:500}.tab-count{font-size:9px;opacity:.7}.property-search{background:#fff;background:var(--bg-primary);border-bottom:1px solid #dadce0;border-bottom:1px solid var(--console-border);padding:8px 12px}.search-input-container{align-items:center;display:flex;position:relative}.search-icon{color:#5f6368;color:var(--text-secondary);font-size:12px;left:8px;pointer-events:none;position:absolute}.property-search-input{background:#fff;background:var(--bg-primary);border:1px solid #dadce0;border:1px solid var(--border-color);border-radius:4px;color:#202124;color:var(--text-primary);font-family:Roboto,sans-serif;font-size:11px;padding:6px 8px 6px 28px;width:100%}.property-search-input:focus{border-color:#1a73e8;border-color:var(--console-info);outline:none}.search-clear{background:none;border:none;border-radius:2px;color:#5f6368;color:var(--text-secondary);cursor:pointer;font-size:10px;padding:2px;position:absolute;right:6px}.search-clear:hover{background:#f8f9fa;background:var(--bg-secondary);color:#202124;color:var(--text-primary)}.search-results-info{color:#5f6368;color:var(--text-secondary);font-size:10px;font-style:italic;margin-top:4px}.properties-content-v2{flex:1 1;overflow-y:auto;padding:8px 12px}.properties-content-v2::-webkit-scrollbar{width:6px}.properties-content-v2::-webkit-scrollbar-track{background:#0000}.properties-content-v2::-webkit-scrollbar-thumb{background:#dadce0;background:var(--border-color);border-radius:3px}.property-group-container{background:#fff;background:var(--bg-primary);border:1px solid #dadce0;border:1px solid var(--border-color);border-radius:6px;margin-bottom:12px;overflow:hidden}.property-group-header{align-items:center;background:#f8f9fa;background:var(--bg-secondary);border:none;color:#202124;color:var(--text-primary);cursor:pointer;display:flex;font-size:12px;gap:8px;padding:8px 12px;transition:background .1s ease;width:100%}.property-group-header:hover{background:#dadce0;background:var(--border-color)}.group-toggle{color:#5f6368;color:var(--text-secondary);font-size:10px;transition:transform .2s ease}.property-group-container.collapsed .group-toggle{transform:rotate(0deg)}.property-group-container.expanded .group-toggle{transform:rotate(90deg)}.group-icon{font-size:12px}.group-title{flex:1 1;font-weight:500}.group-count{background:#fff;background:var(--bg-primary);border-radius:10px;font-size:10px;opacity:.7;padding:2px 6px}.property-group-content{padding:12px}.property-group{margin-bottom:16px}.property-label{color:#202124;color:var(--text-primary);display:block;font-size:11px;font-weight:500;margin-bottom:4px}.required-asterisk{color:#d93025;color:var(--console-error);margin-left:2px}.property-field{position:relative}.property-input{background:#fff;background:var(--bg-primary);border:1px solid #dadce0;border:1px solid var(--border-color);border-radius:4px;color:#202124;color:var(--text-primary);font-family:Roboto,sans-serif;font-size:11px;padding:6px 8px;transition:all .1s ease;width:100%}.property-input:focus{border-color:#1a73e8;border-color:var(--console-info);box-shadow:0 0 0 2px #1a73e81a;outline:none}.property-input.field-error{background:#d930250d;border-color:#d93025;border-color:var(--console-error)}.property-textarea{min-height:60px;resize:vertical}.json-editor{font-family:Courier New,monospace;font-size:10px}.validation-message{align-items:center;display:flex;font-size:10px;gap:4px;margin-top:2px}.validation-message.error{color:#d93025;color:var(--console-error)}.node-info-tab{padding:4px 0}.info-item{align-items:center;border-bottom:1px solid #dadce0;border-bottom:1px solid var(--border-color);display:flex;font-size:11px;justify-content:space-between;padding:6px 0}.info-item:last-child{border-bottom:none}.info-item label{color:#5f6368;color:var(--text-secondary);font-weight:500}.info-value{color:#202124;color:var(--text-primary);text-align:right}.info-value.mono{font-family:Courier New,monospace;font-size:10px}.info-value.status-ready{color:#137333;color:var(--console-success)}.info-value.status-error{color:#d93025;color:var(--console-error)}.info-value.status-running{color:#9aa0a6;color:var(--accent-warning)}.property-resize-handle{background:linear-gradient(-45deg,#0000,#0000 30%,#dadce0 0,#dadce0 40%,#0000 0,#0000 60%,#dadce0 0,#dadce0 70%,#0000 0);background:linear-gradient(-45deg,#0000 0,#0000 30%,var(--border-color) 30%,var(--border-color) 40%,#0000 40%,#0000 60%,var(--border-color) 60%,var(--border-color) 70%,#0000 70%);bottom:0;cursor:nw-resize;height:16px;position:absolute;right:0;width:16px}.property-resize-handle:hover{background:linear-gradient(-45deg,#0000,#0000 30%,#5f6368 0,#5f6368 40%,#0000 0,#0000 60%,#5f6368 0,#5f6368 70%,#0000 0);background:linear-gradient(-45deg,#0000 0,#0000 30%,var(--text-secondary) 30%,var(--text-secondary) 40%,#0000 40%,#0000 60%,var(--text-secondary) 60%,var(--text-secondary) 70%,#0000 70%)}.coordinates-overlay{background:#fff;background:var(--bg-elevated);border:1px solid #dadce0;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 1px 3px #3c404326,0 1px 2px #3c40434d;box-shadow:var(--node-shadow);min-width:200px;padding:16px;position:fixed;right:20px;top:80px;z-index:1000}.coords-info{font-family:Roboto,monospace;font-size:12px;line-height:1.4}.coords-info strong{color:#202124;color:var(--text-primary);display:block;font-size:13px;margin-bottom:8px}.coords-info div{color:#5f6368;color:var(--text-secondary);display:flex;justify-content:space-between;margin-bottom:4px}.yoll-asset-capabilities{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.yoll-capability-badge{align-items:center;border-radius:8px;display:inline-flex;font-size:9px;font-weight:600;gap:2px;line-height:1;padding:2px 6px;transition:all .2s ease}.badge-icon{border-radius:50%;display:inline-block;flex-shrink:0;height:6px;width:6px}.badge-text{font-size:8px;font-weight:700;letter-spacing:.3px}.yoll-memory{background-color:#4caf501a;border:1px solid #4caf5033;color:#4caf50}.memory-icon{background-color:#4caf50}.yoll-ai{background-color:#2196f31a;border:1px solid #2196f333;color:#2196f3}.ai-icon{background-color:#2196f3}.yoll-trigger{background-color:#ff98001a;border:1px solid #ff980033;color:#ff9800}.trigger-icon{background-color:#ff9800}.yoll-innovation{background-color:#9c27b01a;border:1px solid #9c27b033;color:#9c27b0}.innovation-icon{background-color:#9c27b0}.yoll-premium{background-color:#7955481a;border:1px solid #79554833;color:#795548}.premium-icon{background-color:#795548}[data-theme=dark] .yoll-memory{background-color:#4caf5026;color:#81c784}[data-theme=dark] .yoll-ai{background-color:#2196f326;color:#64b5f6}[data-theme=dark] .yoll-trigger{background-color:#ff980026;color:#ffb74d}[data-theme=dark] .yoll-innovation{background-color:#9c27b026;color:#ba68c8}[data-theme=dark] .yoll-premium{background-color:#79554826;color:#a1887f}.asset-item:hover .yoll-capability-badge{transform:scale(1.05)}@media (max-width:768px){.yoll-capability-badge{gap:1px;padding:1px 4px}.badge-icon{height:4px;width:4px}.badge-text{font-size:7px}}[data-theme=light] .workflow-builder{background:#fff;color:#333}[data-theme=light] .workflow-builder .builder-header{background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 10px #0000001a;color:#333}[data-theme=light] .workflow-builder .builder-content{background:#fff}[data-theme=light] .workflow-canvas{background:#fafafa}[data-theme=light] .workflow-builder:before{background:#fff;bottom:0;content:"";left:0;position:fixed;right:0;top:0;z-index:-1}.execute-dropdown-container{align-items:center;display:flex;position:relative}.execute-dropdown-toggle{border-bottom-left-radius:0!important;border-left:none!important;border-top-left-radius:0!important;font-size:10px;margin-left:-1px;min-width:auto;padding:6px 8px!important}.header-button.execute-button{border-bottom-right-radius:0!important;border-top-right-radius:0!important}.execute-dropdown-menu{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff;background:var(--bg-primary);border:1px solid #4a90e24d;border-radius:8px;box-shadow:0 6px 24px #0006;left:0;margin-top:6px;min-width:180px;overflow:hidden;position:absolute;top:100%;z-index:1000}[data-theme=light] .execute-dropdown-menu{background:#fffffff2;border-color:#4a90e233;box-shadow:0 6px 24px #0000001f}.dropdown-item{align-items:center;background:none;border:none;color:#202124;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;padding:10px 14px;position:relative;text-align:left;transition:all .2s ease;width:100%}.dropdown-item:hover{background:#4a90e21a;color:#4a90e2;transform:translateX(2px)}[data-theme=light] .dropdown-item:hover{background:#4a90e214;color:#4a90e2}.dropdown-item:not(:last-child){border-bottom:1px solid #ffffff14}[data-theme=light] .dropdown-item:not(:last-child){border-bottom-color:#0000000f}.dropdown-icon{align-items:center;background:#4a90e21a;border-radius:4px;display:flex;font-size:14px;height:18px;justify-content:center;transition:all .2s ease;width:18px}.dropdown-item:hover .dropdown-icon{background:#4a90e233;transform:scale(1.1)}:root{--bg-primary:#0a0a0a;--bg-secondary:#151515;--bg-tertiary:#1a1a1a;--bg-card:#1e1e1e;--bg-hover:#252525;--text-primary:#fff;--text-secondary:#a0a0a0;--text-tertiary:#666;--accent-primary:#fbbf24;--accent-secondary:#f59e0b;--accent-blue:#0084ff;--border-primary:#ffffff1a;--border-secondary:#ffffff0d;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--status-success:#4ade80;--status-warning:#fbbf24;--status-error:#f87171;--status-info:#60a5fa;--transition:200ms cubic-bezier(0.25,0.8,0.25,1)}[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#f1f3f4;--bg-card:#fff;--bg-hover:#f1f3f4;--text-primary:#1a1a1a;--text-secondary:#5f6368;--text-tertiary:#9aa0a6;--border-primary:#0000001a;--border-secondary:#0000000d;--shadow-sm:0 2px 8px #0000001a;--shadow-md:0 4px 16px #00000026;--shadow-lg:0 8px 32px #0003}*{box-sizing:border-box;margin:0;padding:0}.automations-page{background:#0a0a0a;background:var(--bg-primary);color:#fff;color:var(--text-primary);display:flex;font-family:Arimo,sans-serif;min-height:100vh}.automations-page .sidebar-nav{background:#151515;background:var(--bg-secondary);border-right:1px solid #ffffff1a;border-right:1px solid var(--border-primary);display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:250px;z-index:100}.automations-page .nav-header{border-bottom:1px solid #ffffff0d;border-bottom:1px solid var(--border-secondary);padding:24px 20px}.automations-page .nav-logo{color:#fff;color:var(--text-primary);font-family:Tajawal,sans-serif;font-size:1.5rem;font-weight:700;margin-bottom:8px}.automations-page .nav-user{color:#a0a0a0;color:var(--text-secondary);font-size:.85rem}.automations-page .nav-menu{flex:1 1;padding:20px 0}.automations-page .nav-item{align-items:center;background:none;border:none;color:#a0a0a0;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;padding:12px 20px;position:relative;transition:all .2s cubic-bezier(.25,.8,.25,1);transition:all var(--transition);width:100%}.automations-page .nav-item:hover:not(.disabled){background:#252525;background:var(--bg-hover);color:#fff;color:var(--text-primary)}.automations-page .nav-item.active{background:#0084ff1a;border-right:2px solid #fbbf24;border-right:2px solid var(--accent-primary);color:#fbbf24;color:var(--accent-primary)}.automations-page .nav-item.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.automations-page .nav-icon{height:32px;margin-right:12px;opacity:.7;width:32px}.automations-page .nav-badge{background:#1a1a1a;background:var(--bg-tertiary);border:1px solid #ffffff0d;border:1px solid var(--border-secondary);border-radius:12px;color:#666;color:var(--text-tertiary);font-size:.7rem;margin-left:auto;padding:2px 8px}.automations-page .nav-footer{border-top:1px solid #ffffff0d;border-top:1px solid var(--border-secondary);display:flex;flex-direction:column;gap:12px;padding:20px}.automations-page .nav-upgrade-pro{background:linear-gradient(135deg,#fbbf24,#f59e0b);background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);border:1px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:10px 16px;transition:all .2s cubic-bezier(.25,.8,.25,1);transition:all var(--transition)}.automations-page .nav-upgrade-pro:hover{box-shadow:0 2px 8px #0000004d;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.automations-page .nav-support{background:none;border:1px solid #ffffff1a;border:1px solid var(--border-primary);border-radius:6px;color:#a0a0a0;color:var(--text-secondary);cursor:pointer;font-size:.85rem;padding:8px 16px;transition:all .2s cubic-bezier(.25,.8,.25,1);transition:all var(--transition)}.automations-page .nav-support:hover{border-color:#ffffff1a;border-color:var(--border-primary);color:#fff;color:var(--text-primary)}.automations-page .main-content{flex:1 1;margin-left:250px;max-width:1200px;padding:32px 40px}.automations-page .content-header{align-items:center;border-bottom:1px solid #ffffff0d;border-bottom:1px solid var(--border-secondary);display:flex;justify-content:space-between;margin-bottom:40px;padding-bottom:24px}.automations-page .header-left{align-items:center;display:flex;gap:16px}.automations-page .page-title{color:#fff;color:var(--text-primary);font-family:Tajawal,sans-serif;font-size:2.5rem;font-weight:700;margin:0}.beta-badge{background:#1a1a1a;background:var(--bg-tertiary);border:1px solid #ffffff0d;border:1px solid var(--border-secondary);border-radius:12px;color:#666;color:var(--text-tertiary);font-size:.75rem;font-weight:500;padding:4px 12px}.header-right{align-items:center;display:flex;gap:16px}.automation-counter{border:1px solid #ffffff0d;border:1px solid var(--border-secondary);border-radius:8px}.automation-counter,.theme-toggle-btn{background:#1e1e1e;background:var(--bg-card);color:#a0a0a0;color:var(--text-secondary);font-size:.85rem;padding:8px 16px}.theme-toggle-btn{border:1px solid #ffffff1a;border:1px solid var(--border-primary);border-radius:6px;cursor:pointer;transition:all .2s cubic-bezier(.25,.8,.25,1);transition:all var(--transition)}.theme-toggle-btn:hover{border-color:#ffffff1a;border-color:var(--border-primary);color:#fff;color:var(--text-primary)}.welcome-section{margin-bottom:48px}.welcome-title{color:#fff;color:var(--text-primary);font-family:Tajawal,sans-serif;font-size:1.8rem;font-weight:600;margin-bottom:8px}.welcome-subtitle{color:#a0a0a0;color:var(--text-secondary);font-size:1rem;line-height:1.5}.action-panel{margin-bottom:48px}.new-automation-card{background:#1e1e1e;background:var(--bg-card);border:1px solid #ffffff1a;border:1px solid var(--border-primary);border-radius:12px;cursor:pointer;max-width:500px;padding:32px;transition:all .2s cubic-bezier(.25,.8,.25,1);transition:all var(--transition)}.new-automation-card:hover:not(.disabled){border-color:#fbbf24;border-color:var(--accent-primary);box-shadow:0 4px 16px #0006;box-shadow:var(--shadow-md);transform:translateY(-2px)}.new-automation-card.disabled{border-color:#ffffff0d;border-color:var(--border-secondary);cursor:not-allowed;opacity:.6}.card-content h3{color:#fff;color:var(--text-primary);font-family:Tajawal,sans-serif;font-size:1.3rem;font-weight:600;margin-bottom:8px}.card-content p{color:#a0a0a0;color:var(--text-secondary);font-size:.95rem;line-height:1.5}.products-section{margin-bottom:48px}.section-title{color:#fff;color:var(--text-primary);font-family:Tajawal,sans-serif;font-size:1.4rem;font-weight:600;margin-bottom:24px}.products-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.product-card{background:#1e1e1e;background:var(--bg-card);border:1px solid #ffffff0d;border:1px solid var(--border-secondary);border-radius:12px;padding:24px;transition:all .2s cubic-bezier(.25,.8,.25,1);transition:all var(--transition)}.product-card.disabled{opacity:.6}.product-card:hover:not(.disabled){border-color:#ffffff1a;border-color:var(--border-primary);box-shadow:0 2px 8px #0000004d;box-shadow:var(--shadow-sm)}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.card-header h3{color:#fff;color:var(--text-primary);font-family:Tajawal,sans-serif;font-size:1.1rem;font-weight:600}.card-badge{background:#1a1a1a;background:var(--bg-tertiary);border:1px solid #ffffff0d;border:1px solid var(--border-secondary);border-radius:10px;color:#666;color:var(--text-tertiary);font-size:.7rem;padding:4px 10px}.product-card p{color:#a0a0a0;color:var(--text-secondary);font-size:.9rem;line-height:1.5}.pro-section{margin-bottom:48px}.pro-image-card{background:#1e1e1e;background:var(--bg-card);border:1px solid #ffffff1a;border:1px solid var(--border-primary);border-radius:16px;max-width:600px;padding:32px;text-align:center}.image-placeholder{align-items:center;background:#1a1a1a;background:var(--bg-tertiary);border:2px dashed #ffffff1a;border:2px dashed var(--border-primary);border-radius:12px;display:flex;justify-content:center;margin-bottom:24px;min-height:200px;padding:48px 24px}.placeholder-content h3{color:#fff;color:var(--text-primary);font-family:Tajawal,sans-serif;font-size:1.4rem;font-weight:600;margin-bottom:12px}.placeholder-content p{color:#a0a0a0;color:var(--text-secondary);font-size:1rem;line-height:1.6}.cta-button{background:linear-gradient(135deg,#fbbf24,#f59e0b);background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);border:1px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;font-family:Tajawal,sans-serif;font-size:.95rem;font-weight:600;padding:12px 24px;transition:all .2s cubic-bezier(.25,.8,.25,1);transition:all var(--transition)}.cta-button:hover{box-shadow:0 4px 16px #0006;box-shadow:var(--shadow-md);transform:translateY(-2px)}.recent-section{margin-bottom:48px}.automations-list{display:flex;flex-direction:column;gap:16px}.automation-item{background:#1e1e1e;background:var(--bg-card);border:1px solid #ffffff0d;border:1px solid var(--border-secondary);border-radius:10px;cursor:pointer;justify-content:space-between;padding:20px;transition:all .2s cubic-bezier(.25,.8,.25,1);transition:all var(--transition)}.automation-item:hover{border-color:#ffffff1a;border-color:var(--border-primary);box-shadow:0 2px 8px #0000004d;box-shadow:var(--shadow-sm)}.automation-info h4{font-family:Tajawal,sans-serif;margin-bottom:4px}.automation-info p{color:#a0a0a0;color:var(--text-secondary);font-size:.9rem}.automation-status{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.status{border-radius:10px;font-size:.8rem;font-weight:500;padding:4px 10px}.status.active{background:#19c37d33;border:1px solid #19c37d4d;color:#f59e0b;color:var(--accent-secondary)}.status.inactive{background:#ffffff1a;border:1px solid #ffffff0d;border:1px solid var(--border-secondary);color:#666;color:var(--text-tertiary)}.status.draft{background:#60a5fa33;border:1px solid #60a5fa4d;color:#60a5fa;color:var(--status-info)}.executions{color:#666;color:var(--text-tertiary);font-size:.8rem}.workflow-builder.error-state,.workflow-builder.loading-state{align-items:center;background:#0a0a0a;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh}.error-container,.loading-container{background:#1e1e1e;background:var(--bg-card);border:1px solid #ffffff1a;border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 4px 16px #0006;box-shadow:var(--shadow-md);padding:40px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-top:3px solid #fbbf24;border:3px solid var(--border-primary);border-radius:50%;border-top-color:var(--accent-primary);height:40px;margin:0 auto 20px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-container h3{color:#f87171;color:var(--status-error);margin-bottom:10px}.error-container p{margin-bottom:20px}.error-container p,.save-status{color:#a0a0a0;color:var(--text-secondary)}.save-status{align-items:center;background:#0000;border-radius:6px;display:flex;font-size:.8rem;gap:6px;margin-left:12px;padding:4px 8px}.save-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff1a;border-top:2px solid #a0a0a0;border:2px solid var(--border-primary);border-radius:50%;border-top-color:var(--text-secondary);height:12px;width:12px}.save-check{color:#a0a0a0;color:var(--text-secondary);font-weight:700}.save-error{color:#f87171;color:var(--status-error);font-weight:700}.automation-item{align-items:center;display:flex;gap:16px}.automation-info{cursor:pointer;flex:1 1}.automation-info:hover{opacity:.8}.automation-meta{color:#666;color:var(--text-tertiary);display:flex;font-size:.8rem;gap:12px;margin-top:8px}.automation-meta span{background:#252525;background:var(--bg-hover);border:1px solid #ffffff0d;border:1px solid var(--border-secondary);border-radius:4px;padding:2px 6px}.automation-actions{display:flex;gap:8px}.action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:.2s cubic-bezier(.25,.8,.25,1);transition:var(--transition);width:32px}.edit-btn{background:#60a5fa1a;border:1px solid #60a5fa33;color:#60a5fa;color:var(--status-info)}.edit-btn:hover{background:#60a5fa33}.rename-btn{background:#a855f71a;border:1px solid #a855f733;color:#a855f7}.rename-btn:hover{background:#a855f733}.duplicate-btn{background:#fbbf241a;border:1px solid #fbbf2433;color:#fbbf24;color:var(--status-warning)}.duplicate-btn:hover{background:#fbbf2433}.delete-btn{background:#f871711a;border:1px solid #f8717133;color:#f87171;color:var(--status-error)}.delete-btn:hover{background:#f8717133}.automation-status{min-width:80px}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#1e1e1e;background:var(--bg-card);border:1px solid #ffffff1a;border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 8px 32px #00000080;box-shadow:var(--shadow-lg);max-width:500px;min-width:400px;padding:24px}.modal-content h3{color:#fff;color:var(--text-primary);font-size:1.2rem;margin:0 0 16px}.modal-content input{background:#151515;background:var(--bg-secondary);border:1px solid #ffffff1a;border:1px solid var(--border-primary);border-radius:8px;color:#fff;color:var(--text-primary);font-size:1rem;margin-bottom:20px;padding:12px;width:100%}.modal-content input:focus{border-color:#fbbf24;border-color:var(--accent-primary);box-shadow:0 0 0 2px #ffd70033;outline:none}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.modal-btn{border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:8px 16px;transition:.2s cubic-bezier(.25,.8,.25,1);transition:var(--transition)}.modal-btn.cancel{background:#252525;background:var(--bg-hover);border:1px solid #ffffff1a;border:1px solid var(--border-primary);color:#a0a0a0;color:var(--text-secondary)}.modal-btn.cancel:hover{background:#ffffff1a;background:var(--border-primary)}.modal-btn.save{background:#fbbf24;background:var(--accent-primary);border:1px solid #fbbf24;border:1px solid var(--accent-primary);color:#000}.modal-btn.save:hover{background:#f59e0b;background:var(--accent-secondary)}.modal-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.sidebar-nav{width:200px}.main-content{margin-left:200px;padding:24px 20px}.page-title{font-size:2rem}.products-grid{grid-template-columns:1fr}.content-header{align-items:flex-start;flex-direction:column;gap:16px}}@media (max-width:640px){.sidebar-nav{display:none}.main-content{margin-left:0;padding:20px 16px}}.import-section{margin:2rem 0}.empty-state{background:#151515;background:var(--bg-secondary);border:1px solid #ffffff1a;border:1px solid var(--border-primary);border-radius:16px;padding:3rem 2rem}.empty-state h3{color:#fff;color:var(--text-primary);font-size:1.5rem;margin:0 0 .5rem}.empty-state p{color:#a0a0a0;color:var(--text-secondary);margin:0 auto 1.5rem}.purchased-list{display:flex;flex-direction:column;gap:1rem}.purchased-item{align-items:flex-start;background:#151515;background:var(--bg-secondary);border:1px solid #ffffff1a;border:1px solid var(--border-primary);border-radius:16px;display:flex;gap:1.5rem;padding:1.5rem;transition:all .3s ease}.purchased-item:hover{border-color:#fbbf24;border-color:var(--accent-primary);box-shadow:0 8px 25px #fbbf241a;transform:translateY(-2px)}.automation-preview{flex:1 1}.automation-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.5rem}.automation-header h4{color:#fff;color:var(--text-primary);font-size:1.2rem;font-weight:600;margin:0}.automation-badges{align-items:center;display:flex;gap:.5rem}.featured-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#000}.featured-badge,.price-badge{border-radius:6px;font-size:.7rem;font-weight:600;padding:.25rem .5rem}.price-badge{background:var(--bg-elevated);border:1px solid #fbbf24;border:1px solid var(--accent-primary);color:#fbbf24;color:var(--accent-primary)}.automation-description{color:#a0a0a0;color:var(--text-secondary);line-height:1.4;margin:.5rem 0}.automation-stats-mini{color:#666;color:var(--text-tertiary);display:flex;font-size:.85rem;gap:1rem}.automation-stats-mini span{align-items:center;display:flex;gap:.25rem}.import-actions{display:flex;flex-direction:column;gap:.5rem;min-width:140px}.import-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border:none;border-radius:8px;color:#000;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1rem;transition:all .3s ease}.import-btn:hover{box-shadow:0 4px 12px #fbbf244d;transform:translateY(-1px)}.nav-badge{background:#fbbf24;background:var(--accent-primary);border-radius:10px;color:#000;font-size:.7rem;font-weight:600;margin-left:.5rem;padding:2px 6px}.remote-section{margin:0 auto;max-width:1200px;padding:2rem}.remote-section .section-title{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:1.8rem;font-weight:700;justify-content:space-between;margin-bottom:2rem}.connection-status{background:#1e1e1e;background:var(--bg-card);border:1px solid #ffffff1a;border:1px solid var(--border-primary);border-radius:8px;font-size:.9rem;font-weight:500;padding:.5rem 1rem}.connection-status.connected{background:#4ade801a;border-color:#4ade80;border-color:var(--status-success);color:#4ade80;color:var(--status-success)}.connection-status.connecting{background:#fbbf241a;border-color:#fbbf24;border-color:var(--status-warning);color:#fbbf24;color:var(--status-warning)}.connection-status.error{background:#f871711a;border-color:#f87171;border-color:var(--status-error);color:#f87171;color:var(--status-error)}.remote-config-card{background:#1e1e1e;background:var(--bg-card);border:1px solid #ffffff1a;border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 2px 8px #0000004d;box-shadow:var(--shadow-sm);margin-bottom:2rem;padding:2rem}.config-header{margin-bottom:2rem}.config-header h3{color:#fff;color:var(--text-primary);font-size:1.4rem;font-weight:600;margin:0 0 .5rem}.config-header p{color:#a0a0a0;color:var(--text-secondary);line-height:1.5;margin:0}.option-tabs{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-primary);display:flex;gap:1rem;margin-bottom:2rem}.option-tabs .tab{background:none;border:none;border-bottom:2px solid #0000;color:#a0a0a0;color:var(--text-secondary);cursor:pointer;font-size:.95rem;font-weight:500;padding:1rem 1.5rem;transition:all .2s cubic-bezier(.25,.8,.25,1);transition:all var(--transition)}.option-tabs .tab:hover{background:#252525;background:var(--bg-hover);color:#fff;color:var(--text-primary)}.option-tabs .tab.active{background:#fbbf240d;border-bottom-color:#fbbf24;border-bottom-color:var(--accent-primary);color:#fbbf24;color:var(--accent-primary)}.config-form{grid-gap:1.5rem;display:grid;gap:1.5rem}.info-box{background:#60a5fa1a;border:1px solid #60a5fa33;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.info-box h4{color:#60a5fa;color:var(--status-info);font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.info-box p{color:#a0a0a0;color:var(--text-secondary);line-height:1.4;margin:0}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500}.config-input,.config-textarea,.form-group label{color:#fff;color:var(--text-primary);font-size:.95rem}.config-input,.config-textarea{background:#151515;background:var(--bg-secondary);border:1px solid #ffffff1a;border:1px solid var(--border-primary);border-radius:8px;padding:.75rem;transition:all .2s cubic-bezier(.25,.8,.25,1);transition:all var(--transition)}.config-input:focus,.config-textarea:focus{border-color:#fbbf24;border-color:var(--accent-primary);box-shadow:0 0 0 3px #fbbf241a;outline:none}.config-textarea{font-family:Courier New,monospace;font-size:.9rem;min-height:100px;resize:vertical}.form-group small{color:#666;color:var(--text-tertiary);font-size:.85rem;line-height:1.3}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.save-config-btn,.test-connection-btn{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s cubic-bezier(.25,.8,.25,1);transition:all var(--transition)}.test-connection-btn{background:#151515;background:var(--bg-secondary);border:1px solid #ffffff1a;border:1px solid var(--border-primary);color:#fff;color:var(--text-primary)}.test-connection-btn:hover{background:#252525;background:var(--bg-hover);transform:translateY(-1px)}.save-config-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#000;font-weight:600}.save-config-btn:hover{box-shadow:0 4px 12px #fbbf244d;transform:translateY(-1px)}.remote-automations{background:#1e1e1e;background:var(--bg-card);border:1px solid #ffffff1a;border:1px solid var(--border-primary);border-radius:12px;margin-bottom:2rem;padding:2rem}.remote-automations h3{color:#fff;color:var(--text-primary);font-size:1.3rem;font-weight:600;margin:0 0 1.5rem}.empty-state{color:#a0a0a0;color:var(--text-secondary);padding:3rem 1rem;text-align:center}.empty-icon{font-size:3rem;margin-bottom:1rem}.empty-state h4{color:#fff;color:var(--text-primary);font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.empty-state p{line-height:1.5;margin:0 auto;max-width:400px}.remote-automation-item{align-items:center;background:#151515;background:var(--bg-secondary);border:1px solid #ffffff1a;border:1px solid var(--border-primary);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem}.automation-info h4{color:#fff;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.automation-status{color:#4ade80;color:var(--status-success);font-size:.85rem;font-weight:500}.automation-stats{color:#666;color:var(--text-tertiary);display:flex;flex-direction:column;font-size:.85rem;gap:.25rem}.stop-remote-btn{background:#f87171;background:var(--status-error);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s cubic-bezier(.25,.8,.25,1);transition:all var(--transition)}.stop-remote-btn:hover{background:#dc2626;transform:translateY(-1px)}.integration-guides{background:#1e1e1e;background:var(--bg-card);border:1px solid #ffffff1a;border:1px solid var(--border-primary);border-radius:12px;padding:2rem}.integration-guides h3{color:#fff;color:var(--text-primary);font-size:1.3rem;font-weight:600;margin:0 0 1.5rem}.guides-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.guide-card{background:#151515;background:var(--bg-secondary);border:1px solid #ffffff1a;border:1px solid var(--border-primary);border-radius:8px;padding:1.5rem;text-align:center;transition:all .2s cubic-bezier(.25,.8,.25,1);transition:all var(--transition)}.guide-card:hover{border-color:#fbbf24;border-color:var(--accent-primary);box-shadow:0 4px 16px #0006;box-shadow:var(--shadow-md);transform:translateY(-2px)}.provider-icon{height:20px;margin-right:8px;vertical-align:middle;width:20px}.guide-icon{font-size:2rem;margin-bottom:1rem}.guide-icon-img{height:48px;margin-bottom:1rem;object-fit:contain;width:48px}.guide-card h4{color:#fff;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.guide-card p{color:#a0a0a0;color:var(--text-secondary);font-size:.9rem;line-height:1.4;margin:0 0 1rem}.guide-btn{background:none;border:1px solid #fbbf24;border:1px solid var(--accent-primary);border-radius:6px;color:#fbbf24;color:var(--accent-primary);cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s cubic-bezier(.25,.8,.25,1);transition:all var(--transition)}.guide-btn:hover{background:#fbbf24;background:var(--accent-primary);color:#000}.status-indicator{border-radius:50%;height:8px;margin-left:8px;width:8px}.status-indicator.connected{background:#4ade80;background:var(--status-success)}.status-indicator.connecting{animation:pulse 2s infinite;background:#fbbf24;background:var(--status-warning)}.status-indicator.error{background:#f87171;background:var(--status-error)}.status-indicator.disconnected{background:#666;background:var(--text-tertiary)}@media (max-width:768px){.remote-section{padding:1rem}.option-tabs{flex-wrap:wrap}.option-tabs .tab{font-size:.9rem;padding:.75rem 1rem}.form-actions{flex-direction:column}.guides-grid{grid-template-columns:1fr}}.alpha-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c}.alpha-modal-content{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:2px solid #fbbf24;box-shadow:0 20px 40px #fbbf244d;max-height:90vh;max-width:600px;overflow-y:auto;width:90vw}.alpha-modal-header{border-bottom:2px solid #fbbf24;margin-bottom:24px;padding-bottom:20px;text-align:center}.alpha-warning-icon{animation:pulse 2s infinite;font-size:3rem;margin-bottom:16px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.alpha-modal-header h2{color:#fbbf24;font-family:Tajawal,sans-serif;font-size:1.8rem;font-weight:700;margin:0}.alpha-modal-body{margin-bottom:32px}.alpha-info-section{background:#fbbf240d;border-left:4px solid #fbbf24;border-radius:8px;margin-bottom:24px;padding:16px}.alpha-info-section h3{color:#fbbf24;font-size:1.1rem;font-weight:600;margin-bottom:12px}.alpha-info-section p{color:#a0a0a0;color:var(--text-secondary);line-height:1.6;margin-bottom:12px}.alpha-info-section ul{list-style:none;padding-left:0}.alpha-info-section li{color:#a0a0a0;color:var(--text-secondary);line-height:1.5;margin-bottom:8px;padding-left:20px;position:relative}.alpha-info-section li:before{content:"⚠️";left:0;position:absolute;top:0}.terms-section{background:#f871711a;border:1px solid #f87171;border-radius:8px;padding:20px}.terms-section h3{color:#f87171;font-size:1.1rem;font-weight:600;margin-bottom:12px}.terms-content p{color:#fff;color:var(--text-primary);font-weight:500;margin-bottom:12px}.terms-content ul{list-style:none;padding-left:0}.terms-content li{color:#a0a0a0;color:var(--text-secondary);line-height:1.5;margin-bottom:8px;padding-left:20px;position:relative}.terms-content li:before{content:"📋";left:0;position:absolute;top:0}.alpha-modal-footer{border-top:1px solid #ffffff1a;border-top:1px solid var(--border-primary);display:flex;gap:16px;justify-content:flex-end;padding-top:24px}.decline-btn{background:#151515!important;background:var(--bg-secondary)!important;border:1px solid #ffffff1a!important;border:1px solid var(--border-primary)!important;border-radius:8px!important;color:#a0a0a0!important;color:var(--text-secondary)!important;cursor:pointer!important;font-weight:500!important;padding:12px 24px!important;transition:.2s cubic-bezier(.25,.8,.25,1)!important;transition:var(--transition)!important}.decline-btn:hover{background:#252525!important;background:var(--bg-hover)!important;color:#fff!important;color:var(--text-primary)!important}.accept-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;border:none!important;border-radius:8px!important;color:#000!important;cursor:pointer!important;font-weight:600!important;padding:12px 24px!important;transition:.2s cubic-bezier(.25,.8,.25,1)!important;transition:var(--transition)!important}.accept-btn:hover{box-shadow:0 6px 20px #fbbf2466;transform:translateY(-2px)}@media (max-width:768px){.alpha-modal-content{padding:20px;width:95vw}.alpha-modal-header h2{font-size:1.5rem}.alpha-warning-icon{font-size:2.5rem}.alpha-modal-footer{flex-direction:column}.alpha-modal-footer .modal-btn{width:100%}}:root{--learn-bg-primary:#0a0a0a;--learn-bg-secondary:#151515;--learn-bg-tertiary:#1a1a1a;--learn-bg-card:#1e1e1e;--learn-bg-hover:#252525;--learn-text-primary:#fff;--learn-text-secondary:#a0a0a0;--learn-text-tertiary:#666;--learn-accent-primary:gold;--learn-accent-secondary:#ffed4a;--learn-accent-blue:#0084ff;--learn-accent-green:#4ade80;--learn-accent-purple:#8b5cf6;--learn-border-primary:#ffffff1a;--learn-border-secondary:#ffffff0d;--learn-shadow-sm:0 2px 8px #0000004d;--learn-shadow-md:0 4px 16px #0006;--learn-shadow-lg:0 8px 32px #00000080;--learn-status-success:#4ade80;--learn-status-warning:#fbbf24;--learn-status-error:#f87171;--learn-status-info:#60a5fa;--learn-transition:200ms cubic-bezier(0.25,0.8,0.25,1)}[data-learn-theme=light]{--learn-bg-primary:#fff;--learn-bg-secondary:#f8f9fa;--learn-bg-tertiary:#f1f3f4;--learn-bg-card:#fff;--learn-bg-hover:#f1f3f4;--learn-text-primary:#1a1a1a;--learn-text-secondary:#5f6368;--learn-text-tertiary:#9aa0a6;--learn-border-primary:#0000001a;--learn-border-secondary:#0000000d;--learn-shadow-sm:0 2px 8px #0000001a;--learn-shadow-md:0 4px 16px #00000026;--learn-shadow-lg:0 8px 32px #0003}.learn-page-container *{box-sizing:border-box;margin:0;padding:0}.learn-page-container{background:#0a0a0a;background:var(--learn-bg-primary);color:#fff;color:var(--learn-text-primary);display:flex;font-family:Arimo,sans-serif;min-height:100vh}.learn-sidebar-nav{background:#151515;background:var(--learn-bg-secondary);border-right:1px solid #ffffff1a;border-right:1px solid var(--learn-border-primary);display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:.2s cubic-bezier(.25,.8,.25,1);transition:var(--learn-transition);width:280px;z-index:100}.learn-nav-header{border-bottom:1px solid #ffffff0d;border-bottom:1px solid var(--learn-border-secondary);padding:24px 20px;text-align:center}.learn-nav-logo{color:gold;color:var(--learn-accent-primary);font-family:Tajawal,sans-serif;font-size:1.8rem;font-weight:800;margin-bottom:4px}.learn-nav-subtitle{color:#a0a0a0;color:var(--learn-text-secondary);font-size:.9rem;font-weight:500;margin-bottom:8px}.learn-nav-user{color:#666;color:var(--learn-text-tertiary);font-size:.8rem;font-weight:400}.learn-nav-menu{display:flex;flex:1 1;flex-direction:column;gap:8px;padding:20px 16px}.learn-nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#a0a0a0;color:var(--learn-text-secondary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:12px;padding:12px 16px;position:relative;text-decoration:none;transition:.2s cubic-bezier(.25,.8,.25,1);transition:var(--learn-transition)}.learn-nav-item:hover{background:#252525;background:var(--learn-bg-hover);color:#fff;color:var(--learn-text-primary)}.learn-nav-item.active{background:gold;background:var(--learn-accent-primary);color:#000;font-weight:600}.learn-nav-icon{filter:brightness(.7);height:20px;transition:.2s cubic-bezier(.25,.8,.25,1);transition:var(--learn-transition);width:20px}.learn-nav-item.active .learn-nav-icon{filter:brightness(0)}.learn-nav-badge{background:#0084ff;background:var(--learn-accent-blue);border-radius:10px;color:#fff;font-size:.7rem;font-weight:600;margin-left:auto;padding:2px 6px}.learn-nav-footer{border-top:1px solid #ffffff0d;border-top:1px solid var(--learn-border-secondary);padding:20px 16px}.learn-nav-upgrade-pro{align-items:center;background:linear-gradient(135deg,gold,#ffed4a);background:linear-gradient(135deg,var(--learn-accent-primary),var(--learn-accent-secondary));border:none;border-radius:8px;color:#000;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:.2s cubic-bezier(.25,.8,.25,1);transition:var(--learn-transition);width:100%}.learn-nav-upgrade-pro:hover{box-shadow:0 4px 16px #0006;box-shadow:var(--learn-shadow-md);transform:translateY(-1px)}.learn-main-content{display:flex;flex:1 1;flex-direction:column;margin-left:280px;min-height:100vh}.learn-content-header{align-items:center;background:#151515;background:var(--learn-bg-secondary);border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--learn-border-primary);display:flex;justify-content:space-between;padding:24px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.learn-header-left{align-items:center;display:flex;gap:16px}.learn-page-title{color:#fff;color:var(--learn-text-primary);font-family:Tajawal,sans-serif;font-size:1.8rem;font-weight:700}.learn-beta-badge{background:#0084ff;background:var(--learn-accent-blue);border-radius:12px;color:#fff;font-size:.7rem;font-weight:600;padding:4px 8px;text-transform:uppercase}.learn-header-right{align-items:center;display:flex;gap:20px}.learn-progress-summary{color:#a0a0a0;color:var(--learn-text-secondary);font-size:.9rem;font-weight:500}.learn-theme-toggle-btn{align-items:center;background:#1a1a1a;background:var(--learn-bg-tertiary);border:1px solid #ffffff1a;border:1px solid var(--learn-border-primary);border-radius:6px;color:#a0a0a0;color:var(--learn-text-secondary);cursor:pointer;display:flex;font-size:.85rem;gap:8px;padding:8px 12px;transition:.2s cubic-bezier(.25,.8,.25,1);transition:var(--learn-transition)}.learn-theme-toggle-btn:hover{background:#252525;background:var(--learn-bg-hover);color:#fff;color:var(--learn-text-primary)}.learn-courses-section{flex:1 1;padding:32px}.learn-section-intro{margin-bottom:32px}.learn-section-intro h2{color:#fff;color:var(--learn-text-primary);font-family:Tajawal,sans-serif;font-size:1.5rem;font-weight:600;margin-bottom:8px}.learn-section-intro p{color:#a0a0a0;color:var(--learn-text-secondary);font-size:1rem;line-height:1.6}.learn-courses-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.learn-course-card{background:#1e1e1e;background:var(--learn-bg-card);border:1px solid #ffffff1a;border:1px solid var(--learn-border-primary);border-radius:12px;overflow:hidden;position:relative;transition:.2s cubic-bezier(.25,.8,.25,1);transition:var(--learn-transition)}.learn-course-card:hover{border-color:gold;border-color:var(--learn-accent-primary);box-shadow:0 8px 32px #00000080;box-shadow:var(--learn-shadow-lg);transform:translateY(-2px)}.learn-course-card.learn-course-locked{opacity:.6}.learn-course-card.learn-course-locked:hover{transform:none}.learn-course-image{height:180px;overflow:hidden;position:relative}.learn-course-image img{height:100%;object-fit:cover;transition:.2s cubic-bezier(.25,.8,.25,1);transition:var(--learn-transition);width:100%}.learn-course-card:hover .learn-course-image img{transform:scale(1.05)}.learn-course-pro-badge{align-items:center;background:linear-gradient(135deg,gold,#ffed4a);background:linear-gradient(135deg,var(--learn-accent-primary),var(--learn-accent-secondary));color:#000;display:flex;gap:4px;right:12px}.learn-course-beta-badge,.learn-course-pro-badge{border-radius:6px;font-size:.7rem;font-weight:600;padding:4px 8px;position:absolute;top:12px}.learn-course-beta-badge{background:#0084ff;background:var(--learn-accent-blue);color:#fff;left:12px}.learn-course-progress-overlay{align-items:center;background:linear-gradient(0deg,#000c,#0000);bottom:0;display:flex;gap:8px;left:0;padding:12px;position:absolute;right:0}.learn-progress-bar{background:#fff3;border-radius:2px;height:4px}.learn-progress-fill{border-radius:2px}.learn-progress-text{color:#fff;font-size:.8rem}.learn-course-content{padding:20px}.learn-course-title{color:#fff;color:var(--learn-text-primary);font-family:Tajawal,sans-serif;font-size:1.2rem;font-weight:600;margin-bottom:8px}.learn-course-description{color:#a0a0a0;color:var(--learn-text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:16px}.learn-course-meta{flex-wrap:wrap;gap:12px;margin-bottom:20px}.learn-course-meta span{align-items:center;color:#666;color:var(--learn-text-tertiary);display:flex;font-size:.8rem;gap:4px}.learn-course-button{background:gold;background:var(--learn-accent-primary);border:none;border-radius:8px;color:#000;cursor:pointer;font-size:.9rem;font-weight:600;padding:12px 20px;transition:.2s cubic-bezier(.25,.8,.25,1);transition:var(--learn-transition);width:100%}.learn-course-button:hover{background:#ffed4a;background:var(--learn-accent-secondary);transform:translateY(-1px)}.learn-course-button.learn-course-button-locked{background:#1a1a1a;background:var(--learn-bg-tertiary);color:#a0a0a0;color:var(--learn-text-secondary);cursor:not-allowed}.learn-course-button.learn-course-button-locked:hover{transform:none}.learn-course-button:disabled{background:#1a1a1a;background:var(--learn-bg-tertiary);color:#666;color:var(--learn-text-tertiary);cursor:not-allowed}.learn-course-button:disabled:hover{transform:none}@media (max-width:1024px){.learn-courses-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.learn-sidebar-nav{width:260px}.learn-main-content{margin-left:260px}.learn-content-header{align-items:flex-start;flex-direction:column;gap:16px;padding:20px 24px}.learn-header-right{align-self:stretch;justify-content:space-between}.learn-courses-section{padding:24px}.learn-courses-grid{gap:16px;grid-template-columns:1fr}}@media (max-width:640px){.learn-sidebar-nav{width:240px}.learn-main-content{margin-left:240px}.learn-nav-header{padding:20px 16px}.learn-nav-menu{padding:16px 12px}.learn-nav-item{font-size:.85rem;padding:10px 12px}.learn-page-title{font-size:1.5rem}}@keyframes learnFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.learn-course-card{animation:learnFadeIn .3s ease-out}.learn-course-card:nth-child(2){animation-delay:.1s}.learn-course-card:nth-child(3){animation-delay:.2s}.learn-course-card:nth-child(4){animation-delay:.3s}.learn-course-card:focus-within,.learn-nav-item:focus{outline:2px solid gold;outline:2px solid var(--learn-accent-primary);outline-offset:2px}.learn-text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,#ffed4a);background:linear-gradient(135deg,var(--learn-accent-primary),var(--learn-accent-secondary));-webkit-background-clip:text;background-clip:text}.learn-glow-effect{box-shadow:0 0 20px #ffd7004d}.learn-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.learn-modal-content{background:#1e1e1e;background:var(--learn-bg-card);border-radius:12px;max-height:80vh;max-width:500px;overflow-y:auto;padding:24px;position:relative;width:90%}.learn-modal-header{align-items:center;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--learn-border-primary);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.learn-modal-header h3{align-items:center;color:#fff;color:var(--learn-text-primary);display:flex;font-size:1.2rem;font-weight:600;gap:8px}.learn-modal-close{background:none;border:none;border-radius:4px;cursor:pointer;padding:4px;transition:.2s cubic-bezier(.25,.8,.25,1);transition:var(--learn-transition)}.learn-modal-close:hover{background:#252525;background:var(--learn-bg-hover)}.learn-modal-body{margin-bottom:20px}.learn-modal-actions{display:flex;gap:12px;justify-content:flex-end}.learn-modal-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-weight:500;gap:6px;padding:10px 16px;transition:.2s cubic-bezier(.25,.8,.25,1);transition:var(--learn-transition)}.learn-modal-btn-primary{background:gold;background:var(--learn-accent-primary);color:#000}.learn-modal-btn-primary:hover{background:#ffed4a;background:var(--learn-accent-secondary)}.learn-modal-btn-secondary{background:#1a1a1a;background:var(--learn-bg-tertiary);color:#a0a0a0;color:var(--learn-text-secondary)}.learn-modal-btn-secondary:hover{background:#252525;background:var(--learn-bg-hover);color:#fff;color:var(--learn-text-primary)}.learn-certificate-info{margin-bottom:24px}.learn-info-section{align-items:flex-start;background:#1a1a1a;background:var(--learn-bg-tertiary);border-left:4px solid #0084ff;border-left:4px solid var(--learn-accent-blue);border-radius:8px;display:flex;gap:12px;padding:16px}.learn-info-section h4{color:#fff;color:var(--learn-text-primary);font-size:.95rem;font-weight:600;margin:0 0 8px}.learn-info-section p{color:#a0a0a0;color:var(--learn-text-secondary);font-size:.85rem;line-height:1.4;margin:0}.learn-name-input-section{margin-bottom:24px}.learn-name-input-section label{color:#fff;color:var(--learn-text-primary);display:block;font-size:1rem;font-weight:600;margin-bottom:16px}.learn-name-options{display:flex;flex-direction:column;gap:16px}.learn-option{align-items:center;background:#1e1e1e;background:var(--learn-bg-card);border:1px solid #ffffff1a;border:1px solid var(--learn-border-primary);border-radius:8px;display:flex;gap:12px;padding:12px;transition:.2s cubic-bezier(.25,.8,.25,1);transition:var(--learn-transition)}.learn-option:hover{background:#252525;background:var(--learn-bg-hover);border-color:gold;border-color:var(--learn-accent-primary)}.learn-option input[type=checkbox]{accent-color:gold;accent-color:var(--learn-accent-primary);cursor:pointer;height:18px;width:18px}.learn-option input[type=text]{background:#151515;background:var(--learn-bg-secondary);border:1px solid #ffffff1a;border:1px solid var(--learn-border-primary);border-radius:6px;color:#fff;color:var(--learn-text-primary);flex:1 1;font-size:.9rem;padding:12px 16px;transition:.2s cubic-bezier(.25,.8,.25,1);transition:var(--learn-transition)}.learn-option input[type=text]:focus{border-color:gold;border-color:var(--learn-accent-primary);box-shadow:0 0 0 2px #ffd70033;outline:none}.learn-option input[type=text]:disabled{background:#1a1a1a;background:var(--learn-bg-tertiary);cursor:not-allowed;opacity:.6}.learn-option input[type=text]::placeholder{color:#666;color:var(--learn-text-tertiary)}.learn-option label{color:#fff;color:var(--learn-text-primary);cursor:pointer;font-size:.9rem;font-weight:500;margin:0}.learn-name-preview{background:#151515;background:var(--learn-bg-secondary);border:1px solid #ffffff1a;border:1px solid var(--learn-border-primary);border-radius:8px;margin-top:20px;padding:16px}.learn-name-preview h4{color:#fff;color:var(--learn-text-primary);font-size:.9rem;font-weight:600;margin:0 0 12px}.learn-preview-certificate{background:linear-gradient(135deg,#2c3e50,#34495e 30%,#bdc3c7 70%,#ecf0f1);border:2px solid gold;border:2px solid var(--learn-accent-primary);border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;flex-direction:column;height:180px;justify-content:space-between;padding:20px;text-align:center;width:280px}.learn-preview-header{font-size:.7rem;font-weight:600;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.learn-preview-name{align-items:center;color:#f7b733;display:flex;font-size:1.1rem;font-weight:700;justify-content:center;margin:8px 0;min-height:24px;text-shadow:1px 1px 2px #0000004d}.learn-preview-course{font-size:.6rem;margin:4px 0;opacity:.9}.learn-preview-title{font-size:.8rem;font-weight:600;margin-top:8px}.learn-certificates-empty{align-items:center;display:flex;justify-content:center;min-height:400px}.learn-empty-state{max-width:400px;text-align:center}.learn-empty-state h3{color:#fff;color:var(--learn-text-primary);font-size:1.3rem;font-weight:600;margin:16px 0 8px}.learn-empty-state p{color:#a0a0a0;color:var(--learn-text-secondary);line-height:1.5;margin-bottom:20px}.learn-empty-btn{align-items:center;background:gold;background:var(--learn-accent-primary);border:none;border-radius:8px;color:#000;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:12px 20px;transition:.2s cubic-bezier(.25,.8,.25,1);transition:var(--learn-transition)}.learn-empty-btn:hover{background:#ffed4a;background:var(--learn-accent-secondary);transform:translateY(-1px)}.learn-certificates-container{margin:0 auto;max-width:1200px;padding:32px}.learn-certificates-header{margin-bottom:32px}.learn-certificates-stats{display:flex;gap:24px;justify-content:center;margin-bottom:32px}.learn-stat-card{align-items:center;background:#1e1e1e;background:var(--learn-bg-card);border:1px solid #ffffff1a;border:1px solid var(--learn-border-primary);border-radius:12px;display:flex;gap:12px;min-width:140px;padding:20px 24px}.learn-stat-number{color:gold;color:var(--learn-accent-primary);display:block;font-size:1.5rem;font-weight:700}.learn-stat-label{color:#a0a0a0;color:var(--learn-text-secondary);font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.learn-certificates-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.learn-certificate-card{background:#1e1e1e;background:var(--learn-bg-card);border:1px solid #ffffff1a;border:1px solid var(--learn-border-primary);border-radius:16px;overflow:hidden;padding:24px;position:relative;transition:.2s cubic-bezier(.25,.8,.25,1);transition:var(--learn-transition)}.learn-certificate-card:hover{border-color:gold;border-color:var(--learn-accent-primary);box-shadow:0 8px 32px #00000080;box-shadow:var(--learn-shadow-lg);transform:translateY(-2px)}.learn-certificate-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.learn-certificate-badge{align-items:center;background:linear-gradient(135deg,gold,#ffed4a);background:linear-gradient(135deg,var(--learn-accent-primary) 0,var(--learn-accent-secondary) 100%);border-radius:12px;display:flex;justify-content:center;padding:8px}.learn-certificate-actions{display:flex;gap:8px}.learn-certificate-action{align-items:center;background:#1a1a1a;background:var(--learn-bg-tertiary);border:1px solid #ffffff1a;border:1px solid var(--learn-border-primary);border-radius:8px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:.2s cubic-bezier(.25,.8,.25,1);transition:var(--learn-transition);width:32px}.learn-certificate-action:hover{background:gold;background:var(--learn-accent-primary);border-color:gold;border-color:var(--learn-accent-primary)}.learn-certificate-action:hover img{filter:brightness(0)}.learn-certificate-content{margin-bottom:20px}.learn-certificate-title{color:#fff;color:var(--learn-text-primary);font-size:1.2rem;font-weight:600;line-height:1.3;margin-bottom:8px}.learn-certificate-recipient{color:#a0a0a0;color:var(--learn-text-secondary);font-size:.9rem;margin-bottom:16px}.learn-certificate-details{display:flex;flex-direction:column;gap:8px}.learn-certificate-detail{align-items:center;color:#a0a0a0;color:var(--learn-text-secondary);display:flex;font-size:.85rem;gap:8px}.learn-excellence-badge{align-items:center;background:linear-gradient(135deg,#f6ad55,#ed8936);border-radius:16px;color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;gap:6px;margin-top:12px;padding:6px 12px;width:-webkit-fit-content;width:fit-content}.learn-certificate-preview{display:flex;justify-content:center;margin-bottom:20px}.learn-certificate-mini{background:linear-gradient(135deg,#2c3e50,#34495e 30%,#bdc3c7 70%,#ecf0f1);border:2px solid #f7b733;border-radius:8px;box-shadow:0 4px 16px #0006;box-shadow:var(--learn-shadow-md);color:#fff;display:flex;flex-direction:column;font-size:.7rem;height:140px;justify-content:space-between;padding:16px;width:200px}.learn-mini-header{font-size:.65rem;font-weight:600;letter-spacing:.5px;text-align:center;text-transform:uppercase}.learn-mini-yoll{font-size:1.2rem;font-weight:700;margin:8px 0;text-align:center}.learn-mini-course{font-size:.6rem;font-weight:600;line-height:1.2;text-align:center}.learn-mini-name{font-weight:600;margin-top:4px;text-align:center}.learn-mini-date{font-size:.6rem;opacity:.8;text-align:center}.learn-certificate-btn{background:gold;background:var(--learn-accent-primary);font-size:.9rem;font-weight:600;justify-content:center;padding:12px 20px;width:100%}.learn-certificate-btn:hover{background:#ffed4a;background:var(--learn-accent-secondary);transform:translateY(-1px)}.learn-certificate-section{align-items:center;display:flex;flex-direction:column;gap:12px}.learn-completion-notice{background:#1a1a1a;background:var(--learn-bg-tertiary);border:1px solid gold;border:1px solid var(--learn-accent-primary);border-radius:8px;padding:12px 16px;text-align:center}.learn-completion-notice span{color:#fff;color:var(--learn-text-primary);font-size:.9rem;font-weight:500}.learn-certificate-modal{max-height:90vh;max-width:900px;overflow-y:auto}.learn-preview-notice{margin-bottom:20px;text-align:center}.learn-preview-warning{background:linear-gradient(135deg,#f39c12,#e67e22);border-left:4px solid #d68910;border-radius:8px;box-shadow:0 4px 8px #f39c124d;color:#fff;display:inline-block;font-size:.9rem;font-weight:500;padding:12px 20px}.learn-certificate-full-preview{display:flex;justify-content:center;margin:20px 0}.learn-full-certificate{background:linear-gradient(135deg,#2c3e50,#34495e 30%,#bdc3c7 70%,#ecf0f1);border:3px solid #f7b733;border-radius:16px;box-shadow:0 20px 40px #0003;color:#fff;max-width:600px;overflow:hidden;padding:40px;position:relative;text-align:center;width:100%}.learn-full-certificate:before{height:150px;right:-50px;top:-50px;transform:rotate(45deg);width:150px}.learn-full-certificate:after,.learn-full-certificate:before{background:#ffffff1a;border-radius:50%;content:"";position:absolute}.learn-full-certificate:after{bottom:-30px;height:100px;left:-30px;width:100px}.learn-cert-header{margin-bottom:30px;position:relative;z-index:1}.learn-cert-header h1{font-size:1.8rem;font-weight:300;letter-spacing:2px;margin:20px 0 0}.learn-cert-body{margin-bottom:30px;position:relative;z-index:1}.learn-cert-body p{font-size:1.1rem;font-weight:300;margin:10px 0}.learn-cert-body h2{font-size:2.2rem;font-weight:600;margin:20px 0;text-shadow:0 2px 4px #0000001a}.learn-cert-body h3{color:#f7fafc;font-size:1.6rem;font-weight:500;margin:15px 0}.learn-cert-footer{align-items:end;display:flex;font-size:.9rem;justify-content:space-between;position:relative;z-index:1}.learn-cert-signature{text-align:center}.learn-cert-signature:before{background:#fff;content:"";display:block;height:1px;margin:0 auto 10px;width:100px}.learn-course-view{background:#0a0a0a;background:var(--learn-bg-primary);min-height:100vh}.learn-course-header{background:#151515;background:var(--learn-bg-secondary);border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--learn-border-primary);padding:20px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.learn-course-nav{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.learn-back-btn{align-items:center;background:#1a1a1a;background:var(--learn-bg-tertiary);border:1px solid #ffffff1a;border:1px solid var(--learn-border-primary);border-radius:6px;color:#a0a0a0;color:var(--learn-text-secondary);cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:8px 12px;transition:.2s cubic-bezier(.25,.8,.25,1);transition:var(--learn-transition)}.learn-back-btn:hover{background:#252525;background:var(--learn-bg-hover);color:#fff;color:var(--learn-text-primary)}.learn-course-info h1{color:#fff;color:var(--learn-text-primary);font-family:Tajawal,sans-serif;font-size:1.8rem;font-weight:700;margin-bottom:8px}.learn-course-meta{align-items:center;color:#a0a0a0;color:var(--learn-text-secondary);display:flex;font-size:.9rem;gap:8px}.learn-pro-indicator{align-items:center;background:linear-gradient(135deg,gold,#ffed4a);background:linear-gradient(135deg,var(--learn-accent-primary),var(--learn-accent-secondary));border-radius:6px;color:#000;display:flex;font-size:.7rem;font-weight:600;gap:4px;padding:4px 8px}.learn-progress-bar-container{align-items:center;display:flex;gap:12px}.learn-progress-bar{background:#1a1a1a;background:var(--learn-bg-tertiary);border-radius:3px;flex:1 1;height:6px;overflow:hidden}.learn-progress-fill{background:#4ade80;background:var(--learn-accent-green);border-radius:3px;height:100%;transition:.2s cubic-bezier(.25,.8,.25,1);transition:var(--learn-transition)}.learn-progress-text{color:#a0a0a0;color:var(--learn-text-secondary);font-size:.9rem;font-weight:600}.learn-lesson-container{display:flex;min-height:calc(100vh - 120px)}.learn-lesson-sidebar{background:#151515;background:var(--learn-bg-secondary);border-right:1px solid #ffffff1a;border-right:1px solid var(--learn-border-primary);padding:24px;width:300px}.learn-lesson-list h3{color:#fff;color:var(--learn-text-primary);font-size:1.1rem;font-weight:600;margin-bottom:16px}.learn-lesson-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;margin-bottom:8px;padding:12px;transition:.2s cubic-bezier(.25,.8,.25,1);transition:var(--learn-transition)}.learn-lesson-item:hover{background:#252525;background:var(--learn-bg-hover)}.learn-lesson-item.active{background:gold;background:var(--learn-accent-primary);color:#000}.learn-lesson-item.completed,.learn-lesson-number{background:#1a1a1a;background:var(--learn-bg-tertiary)}.learn-lesson-number{align-items:center;border-radius:50%;display:flex;font-size:.8rem;font-weight:600;height:24px;justify-content:center;width:24px}.learn-lesson-item.active .learn-lesson-number{background:#000;color:gold;color:var(--learn-accent-primary)}.learn-lesson-details{flex:1 1}.learn-lesson-title{font-size:.9rem;font-weight:500;margin-bottom:2px}.learn-lesson-duration{font-size:.7rem;opacity:.7}.learn-lesson-content{flex:1 1;overflow-y:auto;padding:32px}.learn-lesson-navigation{align-items:center;border-top:1px solid #ffffff1a;border-top:1px solid var(--learn-border-primary);display:flex;justify-content:space-between;margin-top:32px;padding-top:20px}.learn-nav-btn{align-items:center;background:#1a1a1a;background:var(--learn-bg-tertiary);border:1px solid #ffffff1a;border:1px solid var(--learn-border-primary);border-radius:6px;color:#a0a0a0;color:var(--learn-text-secondary);cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:10px 16px;transition:.2s cubic-bezier(.25,.8,.25,1);transition:var(--learn-transition)}.learn-nav-btn:hover:not(:disabled){background:#252525;background:var(--learn-bg-hover);color:#fff;color:var(--learn-text-primary)}.learn-nav-btn:disabled{cursor:not-allowed;opacity:.5}.learn-lesson-indicator{color:#a0a0a0;color:var(--learn-text-secondary);font-size:.9rem}.learn-text-section{color:#fff;color:var(--learn-text-primary);line-height:1.6}.learn-lesson-content,.learn-lesson-intro{margin:0;max-width:none}.learn-lesson-content h2,.learn-lesson-intro h2{color:#fff;color:var(--learn-text-primary);font-family:Tajawal,sans-serif;font-size:1.5rem;font-weight:600;margin:0 0 16px}.learn-lesson-content h3,.learn-lesson-intro h3{color:#fff;color:var(--learn-text-primary);font-size:1.2rem;font-weight:600;margin:20px 0 12px}.learn-lesson-content p,.learn-lesson-intro p{line-height:1.6;margin:0 0 16px}.learn-lesson-content ul,.learn-lesson-intro ul{margin:0 0 16px 20px;padding:0}.learn-lesson-content li,.learn-lesson-intro li{line-height:1.5;margin:6px 0}.learn-highlight-box{background:linear-gradient(135deg,gold,#ffed4a);background:linear-gradient(135deg,var(--learn-accent-primary),var(--learn-accent-secondary));border-radius:8px;color:#000;margin:20px 0;padding:20px}.learn-highlight-box h3{color:#000!important;margin:0 0 12px!important}.learn-highlight-box ul{margin:0 0 0 20px}.learn-highlight-box li{color:#000}.learn-info-box{background:#1a1a1a;background:var(--learn-bg-tertiary);border:1px solid #ffffff1a;border-left:4px solid #0084ff;border:1px solid var(--learn-border-primary);border-left:4px solid var(--learn-accent-blue);border-radius:0 8px 8px 0;margin:20px 0;padding:20px}.learn-info-box h3{color:#0084ff!important;color:var(--learn-accent-blue)!important;margin:0 0 12px!important}.learn-call-to-action{background:#1e1e1e;background:var(--learn-bg-card);border:2px solid gold;border:2px solid var(--learn-accent-primary);border-radius:8px;color:gold;color:var(--learn-accent-primary);font-size:1.1rem;font-weight:600;margin:20px 0;padding:16px;text-align:center}.learn-types-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:20px 0}.learn-type-card{background:#1e1e1e;background:var(--learn-bg-card);border:1px solid #ffffff1a;border:1px solid var(--learn-border-primary);border-radius:8px;padding:16px}.learn-type-card h3{color:gold!important;color:var(--learn-accent-primary)!important;font-size:1rem!important;margin:0 0 8px!important}.learn-type-card ul{font-size:.9rem;margin:0}.learn-type-card li{margin:4px 0}.learn-type-card code{background:#1a1a1a;background:var(--learn-bg-tertiary);border-radius:3px;color:#ffed4a;color:var(--learn-accent-secondary);font-family:Consolas,Monaco,monospace;font-size:.85em;padding:2px 4px}.learn-code-section{margin:20px 0}.learn-code-section h3{color:#fff!important;color:var(--learn-text-primary)!important;margin:16px 0 8px!important}.learn-code-block{background:#1a1a1a;border:1px solid #ffffff1a;border:1px solid var(--learn-border-primary);border-radius:8px;margin:12px 0;overflow-x:auto;padding:16px;position:relative}.learn-code-block:before{background:#1a1a1a;background:var(--learn-bg-tertiary);border-radius:3px;color:#666;color:var(--learn-text-tertiary);content:"Python";font-size:.7rem;padding:2px 6px;position:absolute;right:12px;top:8px}.learn-code-block pre{font-family:Consolas,Monaco,Courier New,monospace;font-size:.9rem;line-height:1.5;margin:0;padding-top:8px}.learn-code-block code{background:#0000;color:#e6e6e6;padding:0}.learn-code-block .python-keyword{color:#ff7f7f;font-weight:600}.learn-code-block .python-string{color:#98d982}.learn-code-block .python-number{color:#ffab70}.learn-code-block .python-comment{color:#6c7680;font-style:italic}.learn-code-block .python-function{color:#82d2ce}.learn-advanced-section,.learn-example-section,.learn-tip-section{margin:24px 0}.learn-tip-box{background:#1a1a1a;background:var(--learn-bg-tertiary);border-left:4px solid #4ade80;border-left:4px solid var(--learn-accent-green);border-radius:0 8px 8px 0;margin:20px 0;padding:16px}.learn-tip-box h3{color:#4ade80!important;color:var(--learn-accent-green)!important;margin:0 0 8px!important}.learn-concept-box{background:#151515;background:var(--learn-bg-secondary);border:1px solid #ffffff1a;border:1px solid var(--learn-border-primary);border-radius:8px;margin:20px 0;padding:20px}.learn-concept-box h3{color:#0084ff!important;color:var(--learn-accent-blue)!important;margin:0 0 12px!important}.learn-concept-box ul{margin:0 0 0 20px}.learn-explanation-box{background:#1a1a1a;background:var(--learn-bg-tertiary);border-radius:8px;margin:16px 0;padding:16px}.learn-explanation-box h3{color:#fff!important;color:var(--learn-text-primary)!important;font-size:1.1rem!important;margin:0 0 8px!important}.learn-project-section{background:#1e1e1e;background:var(--learn-bg-card);border:2px solid #8b5cf6;border:2px solid var(--learn-accent-purple);border-radius:8px;margin:20px 0;padding:20px}.learn-project-section h3{color:#8b5cf6!important;color:var(--learn-accent-purple)!important;margin:0 0 12px!important}.learn-project-preview{background:#151515;background:var(--learn-bg-secondary);border-radius:8px;margin:16px 0;padding:16px}.learn-code-preview{margin:12px 0}.learn-curriculum-overview{background:#1e1e1e;background:var(--learn-bg-card);border:1px solid #ffffff1a;border:1px solid var(--learn-border-primary);border-radius:8px;margin:16px 0;padding:16px}.learn-requirements-box{background:#1a1a1a;background:var(--learn-bg-tertiary);border-left:4px solid #fbbf24;border-left:4px solid var(--learn-status-warning);border-radius:0 8px 8px 0;margin:16px 0;padding:16px}.learn-lesson-content-container{margin:0 auto;max-width:800px;padding:0 20px}.learn-lesson-header{border-bottom:2px solid #ffffff1a;border-bottom:2px solid var(--learn-border-primary);margin-bottom:32px;padding-bottom:20px;text-align:center}.learn-lesson-header h2{color:#fff;color:var(--learn-text-primary);font-size:2rem;font-weight:700;margin-bottom:16px}.learn-lesson-meta{align-items:center;display:flex;gap:24px;justify-content:center}.learn-duration,.learn-points{align-items:center;color:#a0a0a0;color:var(--learn-text-secondary);display:flex;font-size:.9rem;font-weight:500;gap:6px}.learn-content-tabs{background:#1a1a1a;background:var(--learn-bg-tertiary);border-radius:8px;display:flex;gap:4px;margin-bottom:24px;padding:4px}.learn-tab{align-items:center;background:#0000;border:none;border-radius:6px;color:#a0a0a0;color:var(--learn-text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:.2s cubic-bezier(.25,.8,.25,1);transition:var(--learn-transition)}.learn-tab:hover{background:#252525;background:var(--learn-bg-hover);color:#fff;color:var(--learn-text-primary)}.learn-tab.active{background:gold;background:var(--learn-accent-primary);color:#000;font-weight:600}.learn-content-body{min-height:400px}.learn-code-content,.learn-text-content{animation:learnFadeIn .3s ease-out}.learn-lesson-image{margin:24px 0;text-align:center}.learn-lesson-image img{border-radius:8px;box-shadow:0 4px 16px #0006;box-shadow:var(--learn-shadow-md);height:auto;max-width:100%}.learn-reading-progress{background:#1a1a1a;background:var(--learn-bg-tertiary);border-radius:8px;margin:32px 0;padding:16px}.learn-progress-label{font-size:.9rem;margin-bottom:8px}.learn-progress-label,.learn-progress-percentage{color:#a0a0a0;color:var(--learn-text-secondary);text-align:center}.learn-progress-percentage{font-size:.8rem;margin-top:4px}.learn-lesson-actions{display:flex;justify-content:center;margin:32px 0}.learn-complete-btn{align-items:center;background:#4ade80;background:var(--learn-accent-green);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 24px;transition:.2s cubic-bezier(.25,.8,.25,1);transition:var(--learn-transition)}.learn-complete-btn:hover{background:#2d8f57;transform:translateY(-1px)}.learn-completed-indicator{align-items:center;color:#4ade80;color:var(--learn-accent-green);display:flex;font-weight:600;gap:8px}.learn-points-animation{left:50%;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}.learn-points-popup{animation:learnPointsAnimation 2s ease-out;background:#4ade80;background:var(--learn-accent-green);border-radius:20px;color:#fff;font-size:1.1rem;font-weight:600;padding:12px 20px}@keyframes learnPointsAnimation{0%{opacity:0;transform:translateY(20px) scale(.8)}20%{opacity:1;transform:translateY(0) scale(1.1)}80%{opacity:1;transform:translateY(-10px) scale(1)}to{opacity:0;transform:translateY(-30px) scale(.9)}}.learn-course-completed-section{display:flex;flex-direction:column;gap:8px}.learn-course-completed-badge{align-items:center;background:#4ade80;background:var(--learn-status-success);border-radius:6px;color:#fff;display:flex;font-size:.85rem;font-weight:600;gap:6px;justify-content:center;padding:8px 12px}.learn-course-button-retake{background:#0084ff!important;background:var(--learn-accent-blue)!important;color:#fff!important}.learn-course-button-retake:hover{background:#06c!important}.learn-course-button-continue{background:#4ade80!important;background:var(--learn-accent-green)!important;color:#fff!important}.learn-course-button-continue:hover{background:#2d8f57!important}.learn-quiz-container{margin:0 auto;max-width:800px;padding:20px}.learn-quiz-header{border-bottom:2px solid #ffffff1a;border-bottom:2px solid var(--learn-border-primary);margin-bottom:24px;padding-bottom:16px;text-align:center}.learn-quiz-header h2{color:#fff;color:var(--learn-text-primary);font-size:1.8rem;font-weight:700;margin-bottom:12px}.learn-quiz-meta{align-items:center;display:flex;gap:24px;justify-content:center}.learn-quiz-points,.learn-quiz-progress{align-items:center;color:#a0a0a0;color:var(--learn-text-secondary);display:flex;font-size:.9rem;font-weight:500;gap:6px}.learn-quiz-progress-bar{background:#1a1a1a;background:var(--learn-bg-tertiary);border-radius:3px;height:6px;margin-bottom:32px;overflow:hidden}.learn-quiz-content{background:#1e1e1e;background:var(--learn-bg-card);border:1px solid #ffffff1a;border:1px solid var(--learn-border-primary);border-radius:12px;margin-bottom:24px;padding:32px}.learn-question-container{margin-bottom:32px}.learn-question-title{color:#fff;color:var(--learn-text-primary);font-size:1.3rem;font-weight:600;line-height:1.4;margin-bottom:24px}.learn-question-number{color:gold;color:var(--learn-accent-primary);font-weight:700;margin-right:8px}.learn-answer-options{display:flex;flex-direction:column;gap:12px}.learn-answer-option{align-items:center;background:#1a1a1a;background:var(--learn-bg-tertiary);border:2px solid #ffffff1a;border:2px solid var(--learn-border-primary);border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:16px 20px;text-align:left;transition:.2s cubic-bezier(.25,.8,.25,1);transition:var(--learn-transition);width:100%}.learn-answer-option:hover{background:#252525;background:var(--learn-bg-hover)}.learn-answer-option.selected,.learn-answer-option:hover{border-color:gold;border-color:var(--learn-accent-primary)}.learn-answer-option.selected{background:gold;background:var(--learn-accent-primary);color:#000}.learn-option-letter{align-items:center;background:#151515;background:var(--learn-bg-secondary);border-radius:50%;color:#a0a0a0;color:var(--learn-text-secondary);display:flex;font-size:.8rem;font-weight:600;height:24px;justify-content:center;width:24px}.learn-answer-option.selected .learn-option-letter{background:#000;color:gold;color:var(--learn-accent-primary)}.learn-option-text{flex:1 1;font-size:.95rem;font-weight:500}.learn-quiz-navigation{align-items:center;border-top:1px solid #ffffff1a;border-top:1px solid var(--learn-border-primary);display:flex;justify-content:space-between;margin-top:32px;padding-top:20px}.learn-quiz-nav-btn{align-items:center;background:#1a1a1a;background:var(--learn-bg-tertiary);border:1px solid #ffffff1a;border:1px solid var(--learn-border-primary);border-radius:6px;color:#a0a0a0;color:var(--learn-text-secondary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:12px 16px;transition:.2s cubic-bezier(.25,.8,.25,1);transition:var(--learn-transition)}.learn-quiz-nav-btn:hover:not(:disabled){background:#252525;background:var(--learn-bg-hover);color:#fff;color:var(--learn-text-primary)}.learn-quiz-nav-btn:disabled{cursor:not-allowed;opacity:.5}.learn-quiz-submit-btn{align-items:center;background:#4ade80;background:var(--learn-accent-green);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:12px 20px;transition:.2s cubic-bezier(.25,.8,.25,1);transition:var(--learn-transition)}.learn-quiz-submit-btn:hover:not(:disabled){background:#2d8f57;transform:translateY(-1px)}.learn-quiz-submit-btn:disabled{background:#1a1a1a;background:var(--learn-bg-tertiary);color:#666;color:var(--learn-text-tertiary);cursor:not-allowed}.learn-quiz-indicators{display:flex;gap:8px}.learn-quiz-indicator{align-items:center;background:#1a1a1a;background:var(--learn-bg-tertiary);border:1px solid #ffffff1a;border:1px solid var(--learn-border-primary);border-radius:6px;color:#a0a0a0;color:var(--learn-text-secondary);cursor:pointer;display:flex;font-size:.8rem;font-weight:600;height:32px;justify-content:center;transition:.2s cubic-bezier(.25,.8,.25,1);transition:var(--learn-transition);width:32px}.learn-quiz-indicator:hover{background:#252525;background:var(--learn-bg-hover);color:#fff;color:var(--learn-text-primary)}.learn-quiz-indicator.current{background:#0084ff;background:var(--learn-accent-blue);border-color:#0084ff;border-color:var(--learn-accent-blue);color:#fff}.learn-quiz-indicator.answered{background:#4ade80;background:var(--learn-accent-green);border-color:#4ade80;border-color:var(--learn-accent-green);color:#fff}.learn-quiz-info{align-items:center;background:#1a1a1a;background:var(--learn-bg-tertiary);border-radius:8px;display:flex;justify-content:space-between;margin-top:16px;padding:16px}.learn-quiz-tip{align-items:center;display:flex;gap:8px}.learn-answered-count,.learn-quiz-tip{color:#a0a0a0;color:var(--learn-text-secondary);font-size:.9rem}.learn-answered-count{font-weight:500}.learn-quiz-results{margin:0 auto;max-width:800px;padding:20px}.learn-results-header{margin-bottom:32px;text-align:center}.learn-score-circle{align-items:center;border-radius:50%;display:flex;height:120px;justify-content:center;margin:0 auto 24px;position:relative;width:120px}.learn-score-circle.passed{background:linear-gradient(135deg,#4ade80,#2d8f57);background:linear-gradient(135deg,var(--learn-status-success),#2d8f57)}.learn-score-circle.failed{background:linear-gradient(135deg,#f87171,#c53030);background:linear-gradient(135deg,var(--learn-status-error),#c53030)}.learn-score-number{color:#fff;font-size:1.8rem;font-weight:700}.learn-results-header h2{color:#fff;color:var(--learn-text-primary);font-size:1.5rem;font-weight:700;margin-bottom:8px}.learn-results-breakdown{margin-bottom:32px}.learn-results-breakdown h3{color:#fff;color:var(--learn-text-primary);font-size:1.2rem;font-weight:600;margin-bottom:20px}.learn-question-review{background:#1e1e1e;background:var(--learn-bg-card);border-left:4px solid #0000;border-radius:8px;margin-bottom:16px;padding:20px}.learn-question-review.correct{border-left-color:#4ade80;border-left-color:var(--learn-status-success)}.learn-question-review.incorrect{border-left-color:#f87171;border-left-color:var(--learn-status-error)}.learn-question-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.learn-answer-status{align-items:center;display:flex;font-size:.85rem;font-weight:600;gap:6px}.learn-answer-status.correct{color:#4ade80;color:var(--learn-status-success)}.learn-answer-status.incorrect{color:#f87171;color:var(--learn-status-error)}.learn-question-text{color:#fff;color:var(--learn-text-primary);font-weight:500;margin-bottom:12px}.learn-answer-explanation{background:#1a1a1a;background:var(--learn-bg-tertiary);border-radius:6px;font-size:.9rem;line-height:1.5;padding:12px}.learn-results-actions{align-items:center;display:flex;gap:16px;justify-content:center}.learn-points-earned{color:#4ade80;color:var(--learn-accent-green)}.learn-points-earned,.learn-retry-btn{align-items:center;display:flex;font-weight:600;gap:8px}.learn-retry-btn{background:#0084ff;background:var(--learn-accent-blue);border:none;border-radius:6px;color:#fff;cursor:pointer;padding:12px 20px;transition:.2s cubic-bezier(.25,.8,.25,1);transition:var(--learn-transition)}.learn-retry-btn:hover{background:#06c;transform:translateY(-1px)}.learn-completed-overlay{align-items:center;background:#000000b3;border-radius:12px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.learn-completed-message{align-items:center;background:#1e1e1e;background:var(--learn-bg-card);border-radius:8px;color:#fff;color:var(--learn-text-primary);display:flex;font-weight:600;gap:12px;padding:16px 24px}.learn-activity-container{margin:0 auto;max-width:900px;padding:20px}.learn-activity-header{border-bottom:2px solid #ffffff1a;border-bottom:2px solid var(--learn-border-primary);margin-bottom:32px;padding-bottom:20px;text-align:center}.learn-activity-header h2{color:#fff;color:var(--learn-text-primary);font-size:1.8rem;font-weight:700;margin-bottom:12px}.learn-activity-meta{align-items:center;display:flex;justify-content:center}.learn-activity-description{background:#1a1a1a;background:var(--learn-bg-tertiary);border-radius:8px;margin-bottom:32px;padding:20px;text-align:center}.learn-activity-description p{color:#fff;color:var(--learn-text-primary);font-size:1.1rem;line-height:1.6;margin:0}.learn-activity-instructions{background:#1e1e1e;background:var(--learn-bg-card);border:1px solid #ffffff1a;border:1px solid var(--learn-border-primary);border-radius:12px;margin-bottom:32px;padding:24px}.learn-activity-instructions h3{color:#fff;color:var(--learn-text-primary);font-size:1.2rem;font-weight:600;margin-bottom:16px}.learn-activity-instructions ol{counter-reset:instruction-counter;list-style:none;padding:0}.learn-instruction{align-items:center;background:#1a1a1a;background:var(--learn-bg-tertiary);border-radius:8px;counter-increment:instruction-counter;display:flex;gap:12px;margin-bottom:12px;padding:16px;position:relative;transition:.2s cubic-bezier(.25,.8,.25,1);transition:var(--learn-transition)}.learn-instruction:before{align-items:center;background:#151515;background:var(--learn-bg-secondary);border-radius:50%;color:#a0a0a0;color:var(--learn-text-secondary);content:counter(instruction-counter);display:flex;flex-shrink:0;font-size:.8rem;font-weight:600;height:24px;justify-content:center;width:24px}.learn-instruction.current{background:#0084ff;background:var(--learn-accent-blue);color:#fff}.learn-instruction.current:before{background:#fff;color:#0084ff;color:var(--learn-accent-blue)}.learn-instruction.completed{background:#4ade80;background:var(--learn-accent-green);color:#fff}.learn-instruction.completed:before{background:#fff;color:#4ade80;color:var(--learn-accent-green);content:"✓"}.learn-instruction-text{flex:1 1;font-weight:500;line-height:1.4}.learn-instruction-actions{min-width:32px}.learn-instruction-actions,.learn-step-complete-btn{align-items:center;display:flex;justify-content:center}.learn-step-complete-btn{background:#1a1a1a;background:var(--learn-bg-tertiary);border:1px solid #ffffff1a;border:1px solid var(--learn-border-primary);border-radius:50%;color:#a0a0a0;color:var(--learn-text-secondary);cursor:pointer;font-size:.8rem;height:24px;transition:.2s cubic-bezier(.25,.8,.25,1);transition:var(--learn-transition);width:24px}.learn-step-complete-btn:hover{background:#4ade80;background:var(--learn-accent-green);border-color:#4ade80;border-color:var(--learn-accent-green);color:#fff;transform:scale(1.1)}.learn-download-section,.learn-verification-section{background:#1e1e1e;background:var(--learn-bg-card);border:1px solid #ffffff1a;border:1px solid var(--learn-border-primary);border-radius:12px;margin-bottom:32px;padding:24px}.learn-download-section h3,.learn-verification-section h3{color:#fff;color:var(--learn-text-primary);font-size:1.1rem;font-weight:600;margin-bottom:16px}.learn-download-btn{align-items:center;background:linear-gradient(135deg,gold,#ffed4a);background:linear-gradient(135deg,var(--learn-accent-primary),var(--learn-accent-secondary));border:none;border-radius:8px;color:#000;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:12px;margin-bottom:12px;padding:16px 24px;transition:.2s cubic-bezier(.25,.8,.25,1);transition:var(--learn-transition)}.learn-download-btn:hover:not(:disabled){box-shadow:0 4px 16px #0006;box-shadow:var(--learn-shadow-md);transform:translateY(-2px)}.learn-download-btn:disabled{background:#1a1a1a;background:var(--learn-bg-tertiary);color:#666;color:var(--learn-text-tertiary);cursor:not-allowed}.learn-download-success{align-items:center;color:#4ade80;color:var(--learn-accent-green);display:flex;font-weight:500;gap:8px}.learn-verification-options{display:flex;flex-direction:column;gap:12px}.learn-verification-option{align-items:center;background:#1a1a1a;background:var(--learn-bg-tertiary);border:2px solid #ffffff1a;border:2px solid var(--learn-border-primary);border-radius:8px;cursor:pointer;display:flex;font-weight:500;justify-content:space-between;padding:16px 20px;text-align:left;transition:.2s cubic-bezier(.25,.8,.25,1);transition:var(--learn-transition)}.learn-verification-option:hover:not(:disabled){background:#252525;background:var(--learn-bg-hover);border-color:gold;border-color:var(--learn-accent-primary)}.learn-verification-option.correct{background:#4ade80;background:var(--learn-accent-green);border-color:#4ade80;border-color:var(--learn-accent-green);color:#fff}.learn-verification-option:disabled{cursor:not-allowed}.learn-code-section{background:#1e1e1e;background:var(--learn-bg-card);border:1px solid #ffffff1a;border:1px solid var(--learn-border-primary);border-radius:12px;margin-bottom:32px;padding:24px}.learn-code-header{align-items:center;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--learn-border-primary);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.learn-code-header h3{color:#fff;color:var(--learn-text-primary);font-size:1.2rem;font-weight:600;margin:0}.learn-code-actions{display:flex;gap:12px}.learn-run-btn,.learn-solution-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:6px;padding:8px 16px;transition:.2s cubic-bezier(.25,.8,.25,1);transition:var(--learn-transition)}.learn-run-btn{background:#4ade80;background:var(--learn-accent-green);color:#fff}.learn-run-btn:hover{background:#2d8f57;transform:translateY(-1px)}.learn-solution-btn{background:#0084ff;background:var(--learn-accent-blue);color:#fff}.learn-solution-btn:hover{background:#06c;transform:translateY(-1px)}.learn-code-editor{margin-bottom:20px}.learn-code-textarea{background:#1a1a1a;border:1px solid #ffffff1a;border:1px solid var(--learn-border-primary);border-radius:8px;color:#e6e6e6;font-family:Consolas,Monaco,Courier New,monospace;font-size:.95rem;line-height:1.5;min-height:300px;outline:none;padding:20px;resize:vertical;transition:.2s cubic-bezier(.25,.8,.25,1);transition:var(--learn-transition);width:100%}.learn-code-textarea:focus{border-color:gold;border-color:var(--learn-accent-primary);box-shadow:0 0 0 2px #ffd70033}.learn-code-textarea::placeholder{color:#666;font-size:.9rem;font-style:italic}.learn-solution-section{background:#1a1a1a;background:var(--learn-bg-tertiary);border-left:4px solid #0084ff;border-left:4px solid var(--learn-accent-blue);border-radius:8px;margin-top:20px;padding:20px}.learn-solution-section h4{color:#fff;color:var(--learn-text-primary);font-size:1rem;font-weight:600;margin-bottom:12px}.learn-solution-code{background:#1a1a1a;border-radius:6px;overflow-x:auto;padding:16px}.learn-solution-code code{color:#e6e6e6;font-family:Consolas,Monaco,Courier New,monospace;font-size:.9rem;line-height:1.4}.learn-activity-progress{background:#1a1a1a;background:var(--learn-bg-tertiary);border-radius:8px;margin-bottom:32px;padding:20px}.learn-progress-header{align-items:center;color:#a0a0a0;color:var(--learn-text-secondary);display:flex;font-weight:500;justify-content:space-between;margin-bottom:12px}.learn-activity-actions{display:flex;justify-content:center;margin-bottom:32px}.learn-activity-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.learn-skip-btn{align-items:center;background:#1a1a1a;background:var(--learn-bg-tertiary);border:2px solid #ffffff1a;border:2px solid var(--learn-border-primary);border-radius:8px;color:#a0a0a0;color:var(--learn-text-secondary);cursor:pointer;display:flex;font-weight:500;gap:8px;padding:12px 20px;transition:.2s cubic-bezier(.25,.8,.25,1);transition:var(--learn-transition)}.learn-skip-btn:hover{background:#252525;background:var(--learn-bg-hover);border-color:#0084ff;border-color:var(--learn-accent-blue);color:#fff;color:var(--learn-text-primary);transform:translateY(-1px)}.learn-activity-tips{background:#1e1e1e;background:var(--learn-bg-card);border:1px solid #ffffff1a;border:1px solid var(--learn-border-primary);border-radius:8px;padding:20px}.learn-tip-section{display:flex;gap:12px}.learn-tip-section h4{color:#fff;color:var(--learn-text-primary);font-size:1rem;font-weight:600;margin-bottom:8px}.learn-tip-section ul{color:#a0a0a0;color:var(--learn-text-secondary);line-height:1.5;list-style-type:disc;margin-left:20px}.learn-tip-section li{margin-bottom:4px}.learn-certificate-btn{align-items:center;background:linear-gradient(135deg,gold,#ffed4a);background:linear-gradient(135deg,var(--learn-accent-primary),var(--learn-accent-secondary));border:none;border-radius:8px;box-shadow:0 4px 16px #0006;box-shadow:var(--learn-shadow-md);color:#000;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:8px;padding:16px 24px;transition:.2s cubic-bezier(.25,.8,.25,1);transition:var(--learn-transition)}.learn-certificate-btn:hover{box-shadow:0 8px 32px #00000080;box-shadow:var(--learn-shadow-lg);transform:translateY(-2px)}@media (max-width:768px){.learn-code-header{align-items:stretch;flex-direction:column;gap:16px}.learn-code-actions{justify-content:center}.learn-verification-options{gap:8px}.learn-verification-option{padding:12px 16px}.learn-code-textarea{min-height:250px}}@media (max-width:480px){.learn-page-container{flex-direction:column}.learn-sidebar-nav{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--learn-border-primary);border-right:none;height:auto;position:relative;width:100%}.learn-main-content{margin-left:0;width:100%}.learn-nav-header{padding:16px}.learn-nav-logo{font-size:1.5rem}.learn-nav-menu{display:flex;flex-direction:row;gap:8px;overflow-x:auto;padding:12px 16px}.learn-nav-item{flex-shrink:0;font-size:.8rem;justify-content:center;min-width:120px;padding:8px 12px}.learn-nav-footer{padding:16px}.learn-content-header{align-items:flex-start;flex-direction:column;gap:12px;padding:16px 20px}.learn-page-title{font-size:1.4rem}.learn-header-right{justify-content:space-between;width:100%}.learn-courses-section{padding:20px}.learn-courses-grid{gap:16px;grid-template-columns:1fr}.learn-course-card{border-radius:8px}.learn-course-content{padding:16px}.learn-course-title{font-size:1.1rem}.learn-course-meta{flex-wrap:wrap;gap:8px}.learn-course-meta span{font-size:.75rem}.learn-course-view{display:flex;flex-direction:column}.learn-course-header{padding:16px 20px}.learn-course-nav{align-items:stretch;flex-direction:column;gap:12px}.learn-course-info h1{font-size:1.4rem}.learn-lesson-container{flex-direction:column;min-height:auto}.learn-lesson-sidebar{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--learn-border-primary);border-right:none;padding:16px;width:100%}.learn-lesson-content{padding:20px}.learn-lesson-content-container{padding:0 16px}.learn-lesson-header{margin-bottom:24px;padding-bottom:16px}.learn-lesson-header h2{font-size:1.4rem}.learn-lesson-meta{flex-direction:column;gap:12px}.learn-content-tabs{margin-bottom:20px}.learn-tab{font-size:.85rem;padding:10px 12px}.learn-quiz-container{padding:16px}.learn-quiz-header h2{font-size:1.4rem}.learn-quiz-meta{flex-direction:column;gap:12px}.learn-quiz-content{padding:20px}.learn-question-title{font-size:1.1rem}.learn-answer-option{padding:12px 16px}.learn-quiz-navigation{flex-direction:column;gap:16px}.learn-quiz-indicators{flex-wrap:wrap;justify-content:center;order:-1}.learn-quiz-nav-btn,.learn-quiz-submit-btn{justify-content:center;width:100%}.learn-activity-container{padding:16px}.learn-activity-header h2{font-size:1.4rem}.learn-activity-instructions{padding:16px}.learn-instruction{flex-direction:column;gap:8px;padding:12px;text-align:center}.learn-instruction:before{margin:0 auto}.learn-code-section,.learn-download-section,.learn-verification-section{padding:16px}.learn-code-textarea{font-size:.9rem;min-height:200px;padding:16px}.learn-activity-buttons{flex-direction:column;gap:12px;width:100%}.learn-complete-btn,.learn-skip-btn{justify-content:center;width:100%}.learn-lesson-navigation{flex-direction:column;gap:12px}.learn-nav-btn{justify-content:center;width:100%}.learn-lesson-indicator{background:#1a1a1a;background:var(--learn-bg-tertiary);border-radius:6px;order:-1;padding:8px;text-align:center}.learn-certificates-container{padding:16px}.learn-certificates-stats{flex-direction:column;gap:12px}.learn-stat-card{justify-content:center}.learn-certificates-grid{gap:16px;grid-template-columns:1fr}.learn-certificate-card{padding:16px}.learn-modal-content{max-height:90vh;padding:20px;width:95%}.learn-modal-header{align-items:stretch}.learn-modal-actions,.learn-modal-header{flex-direction:column;gap:12px}.learn-modal-btn{justify-content:center;width:100%}.learn-certificate-info{margin-bottom:20px}.learn-info-section{flex-direction:column;padding:12px;text-align:center}.learn-info-section h4{font-size:.9rem}.learn-info-section p{font-size:.8rem}.learn-name-options{gap:12px}.learn-option{align-items:stretch;flex-direction:column;gap:8px;padding:12px}.learn-option input[type=text]{font-size:.85rem;padding:10px 12px;width:100%}.learn-option label{font-size:.85rem;text-align:center}.learn-preview-certificate{height:150px;padding:16px;width:240px}.learn-preview-name{font-size:1rem}.learn-preview-course,.learn-preview-header{font-size:.6rem}.learn-preview-title{font-size:.7rem}.learn-hide-mobile{display:none!important}.learn-show-mobile{display:block!important}.learn-section-intro h2{font-size:1.3rem}.learn-section-intro p{font-size:.9rem}.learn-concept-box,.learn-highlight-box,.learn-info-box{margin:16px 0;padding:16px}.learn-types-grid{gap:12px;grid-template-columns:1fr}.learn-type-card{padding:12px}}
/*# sourceMappingURL=main.3044b0ec.css.map*/