@import url(https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;600;700&family=Arimo:wght@400;600&display=swap);@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@300;400;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=Tajawal:wght@200;300;400;500;600;700;800;900&family=Arimo:wght@400;500;600;700&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%}}:root{--yoll-carousel-height:600px;--yoll-carousel-height-tablet:480px;--yoll-carousel-height-mobile:400px;--yoll-carousel-transition:transform 0.5s cubic-bezier(0.4,0,0.2,1);--yoll-nav-size:48px;--yoll-nav-size-mobile:40px;--yoll-indicator-size:12px;--yoll-indicator-size-mobile:10px}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{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;opacity:.8}.yoll-dashboard{min-height:100vh;padding-top:80px}.dashboard-header,.yoll-dashboard{background:#0a0a0a;background:var(--yoll-black)}.dashboard-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #1a1a1a;border-bottom:1px solid var(--yoll-dark-gray);box-shadow:0 2px 10px #0000004d;height:112px;left:0;padding:1rem 2rem;position:fixed;right:0;top:0;z-index:999}.dashboard-header,.header-content,.header-left,.services-menu{overflow:visible!important}.dashboard-header.public{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0a0ad9;border-bottom:1px solid #ffffff14;box-shadow:0 12px 30px #00000059;position:-webkit-sticky;position:sticky;top:0}.dashboard-header.public .header-right{gap:1rem}.public-header-actions{align-items:center;display:flex;gap:.75rem}.public-header-button{background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;color:#fff;color:var(--yoll-white);cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.public-header-button:hover{background:#ffffff29;border-color:#ffffff3d;transform:translateY(-1px)}.public-header-button.primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;box-shadow:0 12px 24px #1d4ed840;color:#fff}.public-header-button.primary:hover{box-shadow:0 16px 32px #1d4ed859}.public-header-button:focus-visible{outline:2px solid #3b82f699;outline-offset:2px}.header-content{margin:0 auto;max-width:1200px;position:relative}.header-left{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;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}.bottom-services-wrapper,.services-menu{position:relative}.services-trigger{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;color:#656565;color:var(--yoll-light-gray);cursor:pointer;display:inline-flex;gap:8px;padding:6px;transition:background-color .2s ease,border-color .2s ease}.services-trigger:hover{background-color:#ffffff0d;border-color:#ffffff1a}.services-trigger.open{background-color:#ffbf241a;border-color:#ffbf244d}.services-trigger:focus{outline:none}.services-dots-grid{align-items:center;display:inline-grid;gap:2px;grid-auto-rows:5px;grid-template-columns:repeat(3,5px);justify-items:center}.services-dots-grid span{background:#fbbf24;border-radius:50%;display:block;height:5px;transition:transform .2s ease;width:5px}.services-trigger:hover .services-dots-grid span{transform:scale(1.1)}.services-arrow{color:#656565;color:var(--yoll-light-gray);transition:transform .25s ease}.services-trigger.open .services-arrow{transform:rotate(180deg)}.services-dropdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,#1c1c1ce6,#121212e6);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 12px 35px #0009;left:0;min-width:280px;opacity:0;padding:12px;position:absolute;top:calc(100% + 12px);transform:translateY(-10px) scale(.95);transform-origin:top center;transition:opacity .2s ease,transform .2s ease;z-index:999999}.services-dropdown.upwards{bottom:calc(100% + 12px);top:auto;transform-origin:bottom center}.bottom-services-wrapper .services-dropdown,.services-menu .services-dropdown{opacity:1;transform:translateY(0) scale(1)}.services-grid{grid-gap:8px;-ms-overflow-style:none;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);max-height:350px;overflow-y:auto;scrollbar-width:none}.services-grid::-webkit-scrollbar{display:none}.services-item{align-items:center;background:#0000;border:1px solid #0000;border-radius:10px;color:#fff;color:var(--yoll-white);cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:10px 8px;text-align:center;transition:background-color .2s ease,border-color .2s ease}.services-item:hover{background:#ffffff0d;border-color:#ffffff1a}.services-item.active{background:#fbbf241a;border-color:#fbbf244d}.services-item-avatar,.services-item-icon{border-radius:10px;height:38px;object-fit:contain;width:38px}.services-item-avatar-fallback{align-items:center;background:#fbbf24;border-radius:50%;color:#111;display:flex;font-weight:700;height:38px;justify-content:center;width:38px}.services-item-label{color:#656565;color:var(--yoll-light-gray);font-size:12px;font-weight:500}.services-item.active .services-item-label{color:#fbbf24}.bottom-services-wrapper,.bottom-services-wrapper .services-trigger{align-items:center;display:flex;flex-direction:column;gap:4px}.bottom-services-wrapper .services-trigger{justify-content:center}.bottom-services-wrapper .services-dropdown{left:50%;max-width:90vw;min-width:300px;transform:translateX(-50%)}@media (max-width:720px){.services-dropdown{bottom:calc(100% + 8px);left:50%;min-width:90vw;transform:translateX(-50%)}.services-dots-grid{gap:2px;grid-auto-rows:4px;grid-template-columns:repeat(3,4px)}.services-dots-grid span{height:4px;width:4px}}.notification-bell-container{position:relative;z-index:1001}.pro-upgrade-btn{background:linear-gradient(135deg,gold,#ffed4e);border:none;border-radius:6px;box-shadow:0 2px 8px #ffd70033;color:#000;cursor:pointer;font-size:.8rem;font-weight:700;padding:.5rem 1rem;position:relative;transition:all .3s ease;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;overflow:visible;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-avatar-img,.user-avatar-img{border-radius:50%;display:block;height:100%;object-fit:cover;width:100%}.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}.login-button-guest{background:#0184ff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:1px solid #fff20033;border-radius:4px;color:#fff;color:var(--yoll-white);cursor:pointer;font-size:.85rem;font-weight:600;padding:.2rem .5rem;transition:all .3s ease}.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;position:fixed}.bottom-services-wrapper{position:relative}.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}.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{font-size:14px}.streak-number{font-size:14px;font-weight:700}.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{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-weight:600;justify-content:center}.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}}.yoll-ui-hero-carousel{background:#0a0a0a;background:var(--yoll-black);border-radius:0;height:600px;height:var(--yoll-carousel-height);margin-bottom:2rem;overflow:hidden;position:relative;width:100%}.yoll-ui-hero-carousel__wrapper{height:100%;overflow:hidden;position:relative;width:100%}.yoll-ui-hero-carousel__slides{display:flex;height:100%;transition:transform .5s cubic-bezier(.4,0,.2,1);transition:var(--yoll-carousel-transition);width:100%;will-change:transform}.yoll-ui-hero-carousel__slide{align-items:center;display:flex;flex:0 0 auto;height:100%;justify-content:center;position:relative;width:100%}.yoll-ui-hero-carousel__slide--announcement{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);background:linear-gradient(135deg,var(--yoll-black) 0,var(--yoll-dark-gray) 100%)}.yoll-ui-announcement-background{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.yoll-ui-announcement-bg-image{height:100%;left:0;object-fit:cover;opacity:.3;position:absolute;top:0;width:100%;z-index:1}.yoll-ui-announcement-overlay{align-items:center;background:linear-gradient(135deg,#0a0a0acc,#1a1a1a99 50%,#0a0a0ae6);display:flex;height:100%;justify-content:flex-start;padding:0 4rem;position:relative;width:100%;z-index:2}.yoll-ui-announcement-content{max-width:600px;width:100%}.yoll-ui-announcement-text{margin-bottom:2.5rem}.yoll-ui-announcement-title{color:#fff;color:var(--yoll-white);font-family:Tajawal,sans-serif;font-size:3rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:1rem}.yoll-ui-announcement-subtitle{color:#656565;color:var(--yoll-light-gray);font-family:Arimo,sans-serif;font-size:1.25rem;font-weight:400;line-height:1.4;margin:0}.yoll-ui-announcement-buttons{display:flex;flex-direction:column;gap:1rem;max-width:320px;width:100%}.yoll-ui-announcement-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;font-family:Tajawal,sans-serif;font-size:16px;font-weight:600;justify-content:center;min-height:56px;overflow:hidden;padding:16px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.yoll-ui-announcement-btn:hover{box-shadow:0 8px 24px #3b82f64d;transform:translateY(-2px)}.yoll-ui-announcement-btn:active{transform:translateY(0)}.yoll-ui-announcement-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.yoll-ui-announcement-btn--primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;color:var(--yoll-white)}.yoll-ui-announcement-btn--primary:hover{background:linear-gradient(135deg,#2563eb,#1e40af)}.yoll-ui-announcement-btn--secondary{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);background:linear-gradient(135deg,var(--yoll-medium-gray) 0,var(--yoll-dark-gray) 100%);color:#fff;color:var(--yoll-white)}.yoll-ui-announcement-btn--secondary:hover{background:linear-gradient(135deg,#656565,#2a2a2a);background:linear-gradient(135deg,var(--yoll-light-gray) 0,var(--yoll-medium-gray) 100%)}.yoll-ui-announcement-btn--accent{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#0a0a0a;color:var(--yoll-black)}.yoll-ui-announcement-btn--accent:hover{background:linear-gradient(135deg,#f59e0b,#d97706)}.yoll-ui-announcement-btn__text{position:relative;z-index:1}.yoll-ui-hero-carousel__slide--dashboard{background:#0a0a0a;background:var(--yoll-black)}.yoll-ui-hero-carousel__nav{align-items:center;display:flex;justify-content:space-between;left:2rem;pointer-events:none;position:absolute;right:2rem;top:50%;transform:translateY(-50%);z-index:3}.yoll-ui-hero-carousel__nav-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;color:var(--yoll-white);cursor:pointer;display:flex;height:48px;height:var(--yoll-nav-size);justify-content:center;pointer-events:auto;transition:all .3s cubic-bezier(.4,0,.2,1);width:48px;width:var(--yoll-nav-size)}.yoll-ui-hero-carousel__nav-btn:hover{background:#fff3;box-shadow:0 4px 12px #fff3;transform:scale(1.1)}.yoll-ui-hero-carousel__nav-btn:active{transform:scale(.95)}.yoll-ui-hero-carousel__nav-btn:disabled{cursor:not-allowed;opacity:.4;transform:none}.yoll-ui-hero-carousel__nav-btn svg{height:24px;width:24px}.yoll-ui-hero-carousel__indicators{bottom:1.5rem;display:flex;gap:.75rem;left:50%;position:absolute;transform:translateX(-50%);z-index:3}.yoll-ui-hero-carousel__indicator{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff4d;border:none;border-radius:50%;cursor:pointer;height:12px;height:var(--yoll-indicator-size);transition:all .3s cubic-bezier(.4,0,.2,1);width:12px;width:var(--yoll-indicator-size)}.yoll-ui-hero-carousel__indicator:hover{background:#ffffff80;transform:scale(1.2)}.yoll-ui-hero-carousel__indicator--active{background:#fff;background:var(--yoll-white);transform:scale(1.3)}.yoll-ui-hero-carousel__indicator:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:1024px){.yoll-ui-hero-carousel{height:480px;height:var(--yoll-carousel-height-tablet)}.yoll-ui-announcement-overlay{padding:0 3rem}.yoll-ui-announcement-title{font-size:2.5rem}.yoll-ui-announcement-subtitle{font-size:1.125rem}.yoll-ui-hero-carousel__nav{left:1.5rem;right:1.5rem}}@media (max-width:768px){.yoll-ui-hero-carousel{height:400px;height:var(--yoll-carousel-height-mobile);margin-bottom:1.5rem}.yoll-ui-announcement-overlay{justify-content:center;padding:0 2rem;text-align:center}.yoll-ui-announcement-content{max-width:100%}.yoll-ui-announcement-title{font-size:2rem;margin-bottom:.75rem}.yoll-ui-announcement-subtitle{font-size:1rem}.yoll-ui-announcement-text{margin-bottom:2rem}.yoll-ui-announcement-buttons{margin:0 auto;max-width:280px}.yoll-ui-announcement-btn{font-size:15px;min-height:50px;padding:14px 20px}.yoll-ui-hero-carousel__nav{left:1rem;right:1rem}.yoll-ui-hero-carousel__nav-btn{height:40px;height:var(--yoll-nav-size-mobile);width:40px;width:var(--yoll-nav-size-mobile)}.yoll-ui-hero-carousel__nav-btn svg{height:20px;width:20px}.yoll-ui-hero-carousel__indicators{bottom:1rem;gap:.5rem}.yoll-ui-hero-carousel__indicator{height:10px;height:var(--yoll-indicator-size-mobile);width:10px;width:var(--yoll-indicator-size-mobile)}}@media (max-width:480px){.yoll-ui-hero-carousel{height:350px}.yoll-ui-announcement-overlay{padding:0 1.5rem}.yoll-ui-announcement-title{font-size:1.75rem;line-height:1.3}.yoll-ui-announcement-subtitle{font-size:.9rem}.yoll-ui-announcement-buttons{gap:.75rem;max-width:260px}.yoll-ui-announcement-btn{border-radius:10px;font-size:14px;min-height:46px;padding:12px 18px}.yoll-ui-hero-carousel__nav{left:.75rem;right:.75rem}.yoll-ui-hero-carousel__nav-btn{height:36px;width:36px}.yoll-ui-hero-carousel__nav-btn svg{height:18px;width:18px}.yoll-ui-hero-carousel__indicators{bottom:.75rem}.yoll-ui-hero-carousel__indicator{height:8px;width:8px}}@media (prefers-reduced-motion:reduce){.yoll-ui-announcement-btn,.yoll-ui-hero-carousel__indicator,.yoll-ui-hero-carousel__nav-btn,.yoll-ui-hero-carousel__slides{transition:none}}@media (prefers-color-scheme:dark){.yoll-ui-hero-carousel{background:#0a0a0a;background:var(--yoll-black)}}@media (prefers-contrast:high){.yoll-ui-hero-carousel__indicator,.yoll-ui-hero-carousel__nav-btn{border:2px solid #fff;border:2px solid var(--yoll-white)}}.not-found-page{align-items:center;background:linear-gradient(135deg,#151515,#2b2b2b);display:flex;font-family:Arimo,-apple-system,BlinkMacSystemFont,sans-serif;justify-content:center;min-height:100vh;padding:20px}.not-found-container{background:#2b2b2b;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 32px #0006;max-width:800px;padding:40px;text-align:center;width:100%}.not-found-header{margin-bottom:40px}.not-found-hero-image{border-radius:8px;margin-bottom:16px;opacity:.9}.not-found-logo{filter:grayscale(20%);margin-bottom:20px;opacity:.8}.not-found-title{color:#fff;font-family:Tajawal,sans-serif;font-size:72px;font-weight:700;line-height:1;margin:0 0 10px}.not-found-subtitle{color:#e5e5e5;font-family:Tajawal,sans-serif;font-size:32px;font-weight:600;margin:0 0 16px}.not-found-description{color:#b8b8b8;font-size:16px;line-height:1.6;margin:0 0 32px}.not-found-suggestions{margin-bottom:40px;text-align:left}.suggestions-title{color:#fff;font-family:Tajawal,sans-serif;font-size:18px;font-weight:600;margin:0 0 16px;text-align:center}.suggestions-grid{grid-gap:12px;display:grid;gap:12px}.suggestion-card{align-items:center;background:#151515;border:1px solid #ffffff1a;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:16px;text-align:left;transition:all .2s ease}.suggestion-card:hover{background:#2b2b2b;border-color:#fff;transform:translateX(4px)}.suggestion-content{flex:1 1}.suggestion-title{color:#fff;display:block;font-size:16px;font-weight:600;margin-bottom:4px}.suggestion-route{color:#b8b8b8;display:block;font-size:14px;margin-bottom:4px}.suggestion-similarity{background:#ffffff1a;border-radius:12px;color:#fff;display:inline-block;font-size:12px;padding:2px 8px}.suggestion-arrow{color:#b8b8b8;font-size:20px;margin-left:16px}.not-found-engagement{margin-bottom:32px}.engagement-title{color:#fff;font-family:Tajawal,sans-serif;font-size:18px;font-weight:600;margin:0 0 20px}.engagement-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));text-align:left}.engagement-card{align-items:flex-start;background:#151515;border:2px solid #ffffff1a;border-radius:10px;cursor:pointer;display:flex;gap:16px;padding:20px;text-align:left;transition:all .3s ease}.engagement-card:hover{border-color:#fff;box-shadow:0 8px 24px #0006;transform:translateY(-2px)}.engagement-icon{align-items:center;background:#fff;border-radius:8px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.engagement-content{flex:1 1}.engagement-card-title{color:#fff;font-family:Tajawal,sans-serif;font-size:16px;font-weight:600;margin:0 0 8px}.engagement-description{color:#b8b8b8;font-size:14px;line-height:1.4;margin:0}.engagement-arrow{color:#b8b8b8;font-size:18px;margin-top:4px}.not-found-pro-hint{background:linear-gradient(135deg,#f8f9fa,#e9ecef 50%,#dee2e6);border:1px solid #2b2b2b26;border-radius:8px;margin-bottom:32px;padding:16px}.pro-hint-content{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.pro-hint-icon{flex-shrink:0}.pro-hint-text{color:#2b2b2b;flex:1 1;font-size:14px;min-width:200px}.pro-hint-button{background:#151515;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s ease}.pro-hint-button:hover{background:#2b2b2b;transform:translateY(-1px)}.not-found-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.back-to-dashboard-btn{align-items:center;background:#fff;border:none;border-radius:8px;color:#151515;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.back-to-dashboard-btn:hover{background:#e5e5e5;transform:translateY(-2px)}.report-broken-link-btn{align-items:center;background:#0000;border:1px solid #ffffff4d;border-radius:8px;color:#b8b8b8;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:12px 20px;transition:all .2s ease}.report-broken-link-btn:hover{background:#ffffff1a;border-color:#fff;color:#fff}@media (max-width:768px){.not-found-container{padding:24px}.not-found-title{font-size:48px}.not-found-subtitle{font-size:24px}.engagement-grid{gap:12px;grid-template-columns:1fr}.engagement-card{padding:16px}.not-found-actions{align-items:center;flex-direction:column}.pro-hint-content{flex-direction:column;text-align:center}.pro-hint-text{min-width:auto}}:root{--yoll-black:#060606;--yoll-dark-gray:#101010;--yoll-medium-gray:#262626;--yoll-light-gray:#a0a0a0;--yoll-accent:#fff;--yoll-highlight:#f5f5f5;--yoll-focus:#dcdcdc}.login-page-wrapper{color:#fff;color:var(--yoll-white);display:flex;flex-direction:column;font-family:Tajawal,Arimo,sans-serif;min-height:100vh}.login-page-wrapper .dashboard-header.public{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#06060699;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.login-screen{align-items:center;background:radial-gradient(circle at 20% 20%,#ffffff14,#0000 55%),radial-gradient(circle at 80% 0,#ffffff0d,#0000 45%),linear-gradient(135deg,#060606,#0d0d0d 45%,#050505);background:radial-gradient(circle at 20% 20%,#ffffff14,#0000 55%),radial-gradient(circle at 80% 0,#ffffff0d,#0000 45%),linear-gradient(135deg,var(--yoll-black) 0,#0d0d0d 45%,#050505 100%);display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:6rem clamp(1rem,4vw,4rem) 3rem;position:relative}.login-screen:before{background:linear-gradient(120deg,#ffffff0d,#0000 55%);inset:0;opacity:.7}.login-screen:after,.login-screen:before{content:"";pointer-events:none;position:absolute}.login-screen:after{background:radial-gradient(circle,#ffffff1f,#0000 70%);bottom:-120px;filter:blur(40px);height:420px;right:-160px;width:420px}.login-screen-content{position:relative;width:min(1140px,100%);z-index:1}.platform-insights{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0a0a99;border:1px solid #ffffff14;border-radius:32px;isolation:isolate;overflow:hidden;padding:clamp(1.5rem,3.5vw,3rem) clamp(18rem,34vw,28rem) clamp(1.5rem,3.5vw,3rem) clamp(1.5rem,3.5vw,3rem);position:relative}.platform-insights:after{background:radial-gradient(circle at 35% 25%,#ffffff1f,#0000 45%);content:"";inset:0;opacity:.75;position:absolute;z-index:-1}.platform-hero h1{color:#fff;color:var(--yoll-white);font-size:clamp(1.8rem,3vw,2.6rem);margin:.75rem 0}.platform-eyebrow{color:#ffffffd9;font-size:.9rem;letter-spacing:.15em;text-transform:uppercase}.platform-description{color:#a0a0a0;color:var(--yoll-light-gray);margin-bottom:1.5rem;max-width:48ch}.platform-metrics{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.metric-card{background:#ffffff05;border:1px solid #ffffff14;border-radius:18px;padding:1rem}.metric-value{font-weight:600}.metric-label{color:var(--yoll-light-gray);font-size:.9rem}.metric-detail{color:#fff9;display:block;font-size:.8rem;margin-top:.35rem}.platform-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:1.75rem}.insight-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:18px;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.insight-eyebrow{color:#ffffffa6;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}.insight-card h3{font-size:1.1rem;margin:0}.insight-card p{color:#a0a0a0;color:var(--yoll-light-gray);flex:1 1;font-size:.9rem;margin:0}.insight-cta{align-self:flex-start;background:#ffffff2e;border:none;border-radius:999px;color:#fff;color:var(--yoll-white);cursor:pointer;font-weight:500;margin-top:.5rem;padding:.55rem 1.25rem;transition:background .2s ease,transform .2s ease}.insight-cta:hover{background:#fff3;transform:translateY(-1px)}.auth-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080808cc;border:1px solid #ffffff14;border-radius:28px;box-shadow:0 30px 60px #0000008c;display:flex;flex-direction:column;gap:1rem;max-width:440px;padding:clamp(1.75rem,4vw,2.75rem);position:relative;width:100%;z-index:2}.login-header{margin-bottom:1rem;text-align:center}.yoll-brand{display:flex;justify-content:center;margin-bottom:1rem}.yoll-logo-image{filter:drop-shadow(0 10px 25px rgba(0,0,0,.5));height:48px;width:auto}.signup-subtitle{color:#a0a0a0;color:var(--yoll-light-gray);font-size:.95rem;margin:.25rem 0 0}.auth-tabs{background:#ffffff0a;border-radius:14px;display:flex;gap:.5rem;padding:.5rem}.auth-tab{background:#0000;border:none;border-radius:12px;color:#fff;color:var(--yoll-white);cursor:pointer;flex:1 1;font-family:inherit;font-weight:600;padding:.85rem 1rem;transition:background .2s ease,color .2s ease}.auth-tab.active{background:#fff;background:var(--yoll-white);color:#050505}.auth-tab:disabled{cursor:not-allowed;opacity:.6}.form-group{margin-bottom:1.25rem}.form-group label{color:#ffffffd9;font-size:.85rem;margin-bottom:.35rem}.form-group input{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:12px;color:#fff;color:var(--yoll-white);font-family:inherit;font-size:.95rem;padding:.95rem;transition:border-color .2s ease,background .2s ease,transform .2s ease;width:100%}.form-group input:focus{background:#ffffff14;border-color:#f5f5f5;border-color:var(--yoll-highlight);box-shadow:0 0 0 3px #77ffc033;outline:none}.auth-button{background:#fff;background:var(--yoll-white);border:none;border-radius:12px;color:#050505;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;padding:1rem;transition:transform .2s ease,box-shadow .2s ease;width:100%}.auth-button:hover:not(:disabled){box-shadow:0 20px 35px #ffffff2e;transform:translateY(-2px)}.auth-button:disabled{cursor:not-allowed;opacity:.65}.auth-message{background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;font-size:.9rem;font-weight:500;margin-top:.5rem;padding:.95rem 1rem;text-align:center}.auth-message.success{background:#22c55e1f;border-color:#22c55e66;color:#34d399}.auth-message.error{background:#f871711f;border-color:#f8717166;color:#f87171}.auth-message.warning{background:#fbbf241f;border-color:#fbbf2466;color:#facc15}.auth-benefits{color:#fffc;display:flex;flex-direction:column;font-size:.85rem;gap:.35rem;list-style:none;margin:.5rem 0 0;padding:0}.auth-benefits li:before{color:#f5f5f5;color:var(--yoll-highlight);content:"•";margin-right:.35rem}.auth-footer{border-top:1px solid #ffffff14;margin-top:1.5rem;padding-top:1.25rem;text-align:center}.security-badges{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:.65rem}.privacy-note,.security-badges{color:#ffffffb3;font-size:.8rem}.privacy-link{background:none;border:none;color:#fff;color:var(--yoll-white);cursor:pointer;font-weight:600;padding:0;text-decoration:underline}.privacy-link:hover{color:#f5f5f5;color:var(--yoll-highlight)}.verification-screen{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0a0ad9;border:1px solid #ffffff14;border-radius:24px;margin:0 auto;max-width:520px;padding:2.5rem;width:100%}.verification-header{margin-bottom:1.5rem;text-align:center}.verification-icon{align-items:center;background:#22c55e1a;border:1px solid #22c55e59;border-radius:50%;display:flex;font-size:1.5rem;height:64px;justify-content:center;margin:0 auto 1rem;width:64px}.verification-email{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:10px;display:block;margin:.75rem auto 0;max-width:90%;padding:.6rem 1rem}.verification-steps{display:flex;flex-direction:column;gap:.85rem;margin:1.5rem 0}.step{align-items:center;gap:.85rem}.step-number{border:1px solid #ffffff26;height:36px;width:36px}.verification-actions{display:flex;flex-direction:column;gap:.75rem}.verification-actions button{border:none;border-radius:12px;cursor:pointer;font-weight:600;padding:.95rem 1rem;width:100%}.verify-check-btn{background:#fff;background:var(--yoll-white);color:#050505}.verify-resend-btn{background:#0000;border:1px solid #ffffff26;color:#fff;color:var(--yoll-white)}.verify-back-btn{background:#0000;color:#fff9}.verification-help{color:#a0a0a0;color:var(--yoll-light-gray);font-size:.9rem;margin-top:1.5rem}.loading-screen{align-items:center;background:linear-gradient(135deg,#060606,#0f0f0f);background:linear-gradient(135deg,var(--yoll-black),#0f0f0f);color:#fff;color:var(--yoll-white);display:flex;flex-direction:column;font-family:Tajawal,Arimo,sans-serif;gap:2rem;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.loading-screen:before{background:radial-gradient(circle,#ffffff14,#0000 60%);content:"";inset:0;position:absolute}.loading-screen p{color:#a0a0a0;color:var(--yoll-light-gray);font-size:1rem}.yoll-loading-spinner{border:3px solid #ffffff26;border-top:3px solid var(--yoll-white);height:60px;width:60px}@media (min-width:1025px){.auth-card{position:absolute;right:clamp(1rem,3vw,3rem);top:50%;transform:translateY(-50%)}}@media (max-width:1024px){.login-screen-content{display:flex;flex-direction:column;gap:1.5rem}.platform-insights{order:2;padding-right:clamp(1.5rem,4vw,2.5rem)}.auth-card{max-width:none;order:1;position:static;transform:none}}@media (max-width:640px){.login-screen{padding:5.5rem 1.25rem 2rem}.platform-cards{grid-template-columns:1fr}.auth-card{padding:1.75rem}.verification-screen{padding:2rem}.security-badges{flex-direction:column}}@media (prefers-reduced-motion:reduce){.auth-button,.auth-tab,.form-group input,.insight-cta{transition:none}.yoll-loading-spinner{animation:none}}@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 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)}}.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);border-top-color:var(--yoll-white);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,.analytics-grid{margin-bottom:2rem}.analytics-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.analytics-card{background:#1a1a1a;background:var(--social-bg-card);border:1px solid #2a2a2a;border:1px solid var(--social-border);border-radius:12px;padding:1.5rem;transition:all .3s ease}.analytics-card:hover{border-color:#22c55e;border-color:var(--social-primary);transform:translateY(-2px)}.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;border-radius:20px;color:#22c55e;color:var(--social-primary);font-size:.8rem;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:#fff;color:var(--social-text);font-size:1.1rem;margin:0}.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{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;border-radius:12px;padding:2rem;text-align:center}.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{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));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;text-align:left}.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}.social-chat-list--sidebar{background:#111;background:var(--yoll-bg-elevated,#111);border:1px solid #2a2a2a;border:1px solid var(--yoll-border-secondary,var(--chat-border));border-radius:16px;border-radius:var(--yoll-radius-lg,16px);box-shadow:none;gap:1rem;height:auto;max-height:540px;min-height:0;padding:1.25rem}.social-chat-list--sidebar .chat-list-header{background:#0000;border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--yoll-border-secondary,var(--chat-border));padding:0 0 .75rem}.social-chat-list--sidebar .chat-list-title{color:#fff;color:var(--yoll-text-primary,var(--chat-text));font-size:1rem}.social-chat-list--sidebar .chat-list-content{margin-top:.75rem;max-height:340px;overflow-y:auto;padding-right:4px;scrollbar-width:thin}.social-chat-list--sidebar .chat-list-content::-webkit-scrollbar{width:6px}.social-chat-list--sidebar .chat-list-content::-webkit-scrollbar-thumb{background:#94a3b833;border-radius:9999px}.social-chat-list--sidebar .chat-list-item{background:#1a1a1a99;background:var(--yoll-bg-surface,#1a1a1a99);border:1px solid #0000;transition:border .15s ease,background .15s ease;transition:border var(--yoll-transition-fast,.15s ease),background var(--yoll-transition-fast,.15s ease)}.social-chat-list--sidebar .chat-list-item:hover{background:#262626b3;border-color:#94a3b859}.social-chat-list--sidebar .chat-list-name{color:#fff;color:var(--yoll-text-primary,var(--chat-text))}.social-chat-list--sidebar .chat-list-preview,.social-chat-list--sidebar .chat-section-title{color:#888;color:var(--yoll-text-secondary,var(--chat-text-muted))}.social-chat-list--sidebar .chat-section-title{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.social-chat-list--sidebar .chat-list-stats{border-top:1px solid #2a2a2a;border-top:1px solid var(--yoll-border-secondary,var(--chat-border));color:#888;color:var(--yoll-text-secondary,var(--chat-text-muted));margin-top:auto;padding-top:.75rem}.social-chat-list--sidebar .chat-find-friends-btn,.social-chat-list--sidebar .chat-menu-toggle{background:#ffffff14;background:var(--yoll-accent-light,#ffffff14);border-radius:12px;border-radius:var(--yoll-radius-sm,12px);color:#fff;color:var(--yoll-text-primary,var(--chat-text))}.social-chat-list--sidebar .chat-find-friends-btn:hover{background:#94a3b82e}.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)}}@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;padding:20px}.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{background:none;border-radius:4px;color:#666;padding:4px}.modal-close-btn:hover{background:#333;color:#fbbf24}.form-group{margin-bottom:20px}.form-group label{font-size:14px;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{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;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}@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}.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:#fff;color:var(--yoll-white,#fff);font-size:14px;font-weight:600;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{--pro-modal-surface:#0d0d10;--pro-modal-surface-alt:#141417;--pro-modal-chip:#1d1d21;--pro-modal-border:#ffffff14;--pro-modal-border-strong:#ffffff29;--pro-modal-text:#f4f4f6;--pro-modal-muted:#a3a3ad;--pro-modal-accent:#fff;--pro-modal-shadow:0 28px 70px #0000008c;--pro-success:#4ade80}@keyframes proModalOverlay{0%{opacity:0}to{opacity:1}}@keyframes proModalRise{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-pro-overlay{align-items:center;animation:proModalOverlay .26s ease-out;backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%);background:radial-gradient(1200px 600px at 50% -10%,#ffffff0d,#0000) #08080acc;display:flex;inset:0;justify-content:center;padding:32px 16px;position:fixed;will-change:opacity;z-index:9999}.modal-pro-content{animation:proModalRise .34s cubic-bezier(.16,1,.3,1);background:#0d0d10;background:var(--pro-modal-surface);border:1px solid #ffffff14;border:1px solid var(--pro-modal-border);border-radius:22px;box-shadow:0 28px 70px #0000008c;box-shadow:var(--pro-modal-shadow);color:#f4f4f6;color:var(--pro-modal-text);font-family:Tajawal,Arimo,sans-serif;font-weight:300;overflow:hidden;position:relative;width:min(1080px,100%);will-change:transform,opacity}.modal-inner{display:flex;flex-direction:column;gap:32px;padding:32px 36px 36px}.modal-close-btn{background:#ffffff0a;border:1px solid #0000;border-radius:12px;color:#a3a3ad;color:var(--pro-modal-muted);font-size:20px;line-height:1;position:absolute;right:16px;top:16px}.modal-close-btn:hover{background:#ffffff14;border-color:#ffffff14;border-color:var(--pro-modal-border);color:#f4f4f6;color:var(--pro-modal-text)}.modal-header{background:#151515;border-bottom:1px solid #ffffff0f;gap:24px;margin:-32px -36px 16px;padding:30px 36px}.modal-header-copy{display:flex;flex-direction:column;gap:12px;max-width:540px}.modal-plan-chip{align-items:center;background:#1d1d21;background:var(--pro-modal-chip);border:1px solid #ffffff14;border:1px solid var(--pro-modal-border);border-radius:999px;color:#f4f4f6;color:var(--pro-modal-text);display:inline-flex;font-size:12px;font-weight:500;gap:8px;letter-spacing:.08em;padding:4px 12px;text-transform:uppercase}.modal-title{font-size:clamp(28px,3vw,36px);font-weight:600;letter-spacing:.2px;margin:0}.modal-subtle{color:#a3a3ad;color:var(--pro-modal-muted);font-size:14px;line-height:1.6;margin:0}.modal-header-meta{align-items:flex-end;display:flex;flex-direction:column;gap:18px;min-width:220px}.countdown-badge{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:14px;display:inline-flex;flex-direction:column;font-size:12px;gap:4px;letter-spacing:.05em;padding:10px 16px;text-align:right;text-transform:uppercase}.countdown-badge .label{color:#a3a3ad;color:var(--pro-modal-muted)}.countdown-badge .time{color:#f4f4f6;color:var(--pro-modal-text);font-size:14px;font-weight:600}.countdown-badge.urgency-high{background:#ffffff1a;border-color:#fff3}.summary-price{align-items:flex-end;display:flex;flex-direction:column;gap:6px}.summary-price-old{color:#a3a3ad;color:var(--pro-modal-muted);font-size:13px;text-decoration:line-through}.summary-price-value{align-items:flex-end;display:flex;gap:6px}.summary-price-value .currency{font-size:18px;font-weight:500}.summary-price-value .amount{font-size:36px;font-weight:600;line-height:1}.summary-price-value .frequency{color:#a3a3ad;color:var(--pro-modal-muted);font-size:13px;font-weight:400}.badge-savings{align-items:center;border:1px solid #ffffff1f;border-radius:999px;color:#f4f4f6;color:var(--pro-modal-text);display:inline-flex;font-size:11px;justify-content:center;letter-spacing:.08em;padding:4px 12px;text-transform:uppercase}.modal-pro-content .btn{all:unset;align-items:center;border-radius:12px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:500;gap:10px;justify-content:center;padding:12px 20px;transition:all .2s ease}.modal-pro-content .btn[disabled]{cursor:not-allowed;opacity:.65}.modal-pro-content .btn-primary{background:#fff;background:var(--pro-modal-accent);border:1px solid #0000;color:#0f0f11}.modal-pro-content .btn-primary:hover:not([disabled]){background:#ffffffe6;transform:translateY(-1px)}.modal-pro-content .btn-primary.btn-contrast{font-weight:600;width:100%}.modal-pro-content .btn-outline{background:#0000;border:1px solid #ffffff29;border:1px solid var(--pro-modal-border-strong);color:#f4f4f6;color:var(--pro-modal-text)}.modal-pro-content .btn-outline:hover:not([disabled]){background:#ffffff0a;border-color:#ffffff52}.modal-pro-content .btn-link{all:unset;align-self:flex-end;color:#fffc;cursor:pointer;display:inline-flex;font-size:13px;margin-top:6px;text-decoration:underline;text-underline-offset:4px;transition:color .2s ease,opacity .2s ease}.modal-pro-content .btn-link:hover{color:#fff;color:var(--pro-modal-accent);opacity:1}.modal-pro-content .btn-ghost{background:#ffffff05;border:1px solid #ffffff14;border:1px solid var(--pro-modal-border);color:#f4f4f6;color:var(--pro-modal-text)}.modal-pro-content .btn-ghost:hover{background:#ffffff0f;border-color:#ffffff47}.modal-pro-content .primary-cta{background:linear-gradient(135deg,#fff,#f5f5f7);border-radius:999px;box-shadow:0 14px 28px #ffffff29,0 0 0 1px #ffffff38;color:#080808;font-weight:600;padding:14px 28px;position:relative}.modal-pro-content .primary-cta:after{animation:primaryGlow 2.4s ease-in-out infinite;border:1px solid #ffffff59;border-radius:999px;content:"";filter:blur(.5px);inset:-6px;opacity:.65;position:absolute}.modal-pro-content .primary-cta:hover:after{opacity:.85}@keyframes primaryGlow{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.85;transform:scale(1.03)}}.modal-perks{background:#141417;background:var(--pro-modal-surface-alt);border:1px solid #ffffff14;border:1px solid var(--pro-modal-border);border-radius:18px;display:flex;flex-direction:column;gap:20px;padding:24px 28px}.perks-header h3{font-size:18px;font-weight:500;margin:0}.perks-header p{color:#a3a3ad;color:var(--pro-modal-muted);font-size:14px;margin:0}.feature-list{grid-gap:14px;display:grid;gap:14px;list-style:none;margin:0;padding:0}.feature-list li{align-items:flex-start;color:#f4f4f6;color:var(--pro-modal-text);display:flex;font-size:14px;gap:12px;line-height:1.5}.feature-list li img{filter:brightness(1.2);margin-top:2px}.perk-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.modal-body{display:flex;flex-direction:column;gap:28px}.plans-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.plan-card{background:#141417;background:var(--pro-modal-surface-alt);border:1px solid #ffffff14;border:1px solid var(--pro-modal-border);border-radius:18px;display:flex;flex-direction:column;gap:20px;min-height:100%;padding:28px}.plan-card.free{background:#151518d9}.plan-card.pro{background:linear-gradient(145deg,#1c1c20,#131316 55%,#101013);border:1px solid #ffffff2e;box-shadow:0 18px 38px #00000059}.plan-primary-cta{display:flex;flex-direction:column;gap:8px;margin:12px 0 8px}.cta-note{color:#a3a3ad;color:var(--pro-modal-muted);font-size:12px;letter-spacing:.02em}.plan-head{align-items:center;display:flex;gap:12px;justify-content:space-between}.plan-head .plan-title{align-items:center;display:flex;font-size:16px;font-weight:500;gap:10px}.plan-chip{align-items:center;background:#ffffff0d;border:1px solid #ffffff14;border:1px solid var(--pro-modal-border);border-radius:999px;display:inline-flex;font-size:11px;font-weight:600;justify-content:center;letter-spacing:.08em;padding:4px 12px;text-transform:uppercase}.plan-chip.current{color:#a3a3ad;color:var(--pro-modal-muted)}.plan-chip.pro{background:#fff;background:var(--pro-modal-accent);border-color:#0000;color:#0f0f11}.plan-badge{border:1px solid #ffffff1f;border-radius:999px;color:#f4f4f6;color:var(--pro-modal-text);letter-spacing:.06em;padding:4px 10px}.plan-card .price{display:flex;flex-direction:column;gap:6px}.plan-card .price .amount{align-items:baseline;display:flex;font-size:28px;font-weight:500;gap:6px}.plan-card .price .amount .currency{color:#a3a3ad;color:var(--pro-modal-muted);font-size:15px;font-weight:400}.plan-card .price .amount .value{font-size:38px;font-weight:600}.plan-card .price .frequency{font-size:13px;font-weight:400}.plan-card .price .frequency,.price-note{color:#a3a3ad;color:var(--pro-modal-muted)}.price-note{display:flex;flex-direction:column;font-size:12px;gap:2px}.price-note .old-price{text-decoration:line-through}.plan-feature-list{grid-gap:12px;display:grid;gap:12px}.plan-feature-list li span{color:#a3a3ad;color:var(--pro-modal-muted)}.plan-feature-list.highlight li span{color:#f4f4f6;color:var(--pro-modal-text)}.plan-card .actions{display:flex;flex-direction:column;gap:12px;margin-top:auto}.teams-toggle{display:flex;justify-content:flex-start}.link-button{all:unset;color:#f4f4f6;color:var(--pro-modal-text);cursor:pointer;font-size:13px;text-decoration:underline;text-underline-offset:4px;transition:color .2s ease}.link-button:hover{color:#fff;color:var(--pro-modal-accent)}.teams-panel{background:#0f0f12e6;border:1px solid #ffffff1f;border-radius:14px;display:flex;flex-direction:column;gap:16px;padding:18px}.teams-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.teams-header .label{color:#a3a3ad;color:var(--pro-modal-muted);font-size:13px;letter-spacing:.08em;text-transform:uppercase}.teams-price{align-items:baseline;display:inline-flex;font-size:18px;font-weight:600;gap:6px}.teams-price .currency{color:#a3a3ad;color:var(--pro-modal-muted);font-size:14px;font-weight:400}.teams-price .frequency{color:#a3a3ad;color:var(--pro-modal-muted);font-size:12px}.btn-icon{height:18px;width:18px}@media (max-width:900px){.modal-inner{padding:28px 24px 32px}.modal-header{align-items:stretch;flex-direction:column;gap:20px;margin:-28px -24px 12px;padding:26px 24px;text-align:left}.modal-header-meta,.summary-price{align-items:flex-start}}@media (max-width:640px){.modal-pro-overlay{padding:20px 12px}.plans-grid{grid-template-columns:1fr}.modal-perks{padding:20px}.plan-card{padding:22px}.primary-cta{width:100%}.countdown-badge{align-self:stretch;text-align:left}}@media (prefers-reduced-motion:reduce){.modal-pro-content,.modal-pro-content .primary-cta:after,.modal-pro-overlay{animation:none}}:root{--notif-bg:#1a1a1a;--notif-border:#27272a;--notif-text:#fff;--notif-text-muted:#a1a1aa;--notif-primary:#ef4444;--notif-error:#535353;--notif-warning:#f59e0b;--notif-success:#ef4444;--notif-shadow:#00000080}.notification-bell{align-items:center;background:#0000;border:1px solid #27272a;border:1px solid var(--notif-border);color:#fff;color:var(--notif-text);display:flex;height:40px;position:relative;width:40px}.delete-all,.notification-bell{border-radius:50%;cursor:pointer;justify-content:center;transition:all .3s ease}.delete-all{background:#535353;background:var(--notif-error);border:2px solid #1a1a1a;border:2px solid var(--notif-bg);color:#fff;font-size:.75rem}.notification-bell:hover{background:#ffffff0d;border-color:#ef4444;border-color:var(--notif-primary);transform:scale(1.05)}.notification-bell.has-notifications{animation:bellPulse 2s infinite;border-color:#535353;border-color:var(--notif-error);color:#535353;color:var(--notif-error)}.notification-bell.has-notifications:after{animation:notifPulse 1.5s infinite;background:#535353;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}.test-notification-btn{border:none;border-radius:6px;color:#000;cursor:pointer;font-size:.85rem;margin-top:16px;padding:8px 12px}.notification-count{align-items:center;animation:countBounceIn .6s cubic-bezier(.68,-.55,.265,1.55);background:linear-gradient(135deg,#535353,#dc2626);background:linear-gradient(135deg,var(--notif-error) 0,#dc2626 100%);border:2px solid #1a1a1a;border:2px solid var(--notif-bg);border-radius:50%;box-shadow:0 2px 8px #ef444466;color:#fff;display:flex;font-size:.7rem;font-weight:800;height:22px;justify-content:center;position:absolute;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{animation:dropdownSlide .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #27272a;border:1px solid var(--notif-border);border-radius:12px;box-shadow:0 10px 40px #00000080;box-shadow:0 10px 40px var(--notif-shadow);max-height:500px;overflow:hidden;right:0;top:50px;width:380px;z-index:1000}.notifications-dropdown,.notifications-dropdown:before{background:#1a1a1a;background:var(--notif-bg);position:absolute}.notifications-dropdown:before{border:1px solid #27272a;border:1px solid var(--notif-border);border-bottom:none;border-right:none;content:"";height:12px;right:20px;top:-6px;transform:rotate(45deg);width:12px}.notifications-header{align-items:center;border-bottom:1px solid #27272a;border-bottom:1px solid var(--notif-border);display:flex;justify-content:space-between;padding:1rem}.notifications-header h3{color:#fff;color:var(--notif-text);font-size:1rem;font-weight:600;margin:0}.mark-all-read{background:none;border:none;border-radius:4px;color:#ef4444;color:var(--notif-primary);cursor:pointer;font-size:.8rem;padding:.25rem .5rem;transition:all .3s ease}.mark-all-read:hover{background:#22c55e1a}.notifications-list{max-height:400px;overflow-y:auto;scrollbar-color:#27272a #0000;scrollbar-color:var(--notif-border) #0000;scrollbar-width:thin}.notifications-list::-webkit-scrollbar{width:6px}.notifications-list::-webkit-scrollbar-track{background:#0000}.notifications-list::-webkit-scrollbar-thumb{background:#27272a;background:var(--notif-border);border-radius:3px}.notifications-list::-webkit-scrollbar-thumb:hover{background:#ef4444;background:var(--notif-primary)}.notification-item{align-items:flex-start;border-bottom:1px solid #27272a80;border-left:3px solid #0000;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.unread{background:#1486c308;border-left:3px solid #ef4444;border-left:3px solid var(--notif-primary)}.notification-item.priority-critical{border-left-color:#535353;border-left-color:var(--notif-error)}.notification-item.priority-high{border-left-color:#f59e0b;border-left-color:var(--notif-warning)}.notification-item.priority-medium{border-left-color:#ef4444;border-left-color:var(--notif-primary)}.notification-item.priority-low{border-left-color:#27272a;border-left-color:var(--notif-border)}.notification-item.unread:after{animation:unreadPulse 2s infinite;background:#ef4444;background:var(--notif-primary);border-radius:50%;content:"";height:8px;position:absolute;right:1rem;top:1rem;width:8px}.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.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.project_download{background:#22c55e1a;border:1px solid #22c55e33;color:#ef4444;color:var(--notif-primary)}.notification-icon.mission_complete{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:#a1a1aa;color:var(--notif-text-muted)}.notification-content{flex:1 1;min-width:0}.notification-meta{align-items:center;color:#a1a1aa;color:var(--notif-text-muted);display:flex;font-size:.65rem;gap:6px;letter-spacing:.08em;margin-bottom:6px;text-transform:uppercase}.notification-priority-dot{background:#27272a;background:var(--notif-border);border-radius:50%;display:inline-flex;height:8px;width:8px}.notification-priority-dot.critical{background:#535353;background:var(--notif-error)}.notification-priority-dot.high{background:#f59e0b;background:var(--notif-warning)}.notification-priority-dot.medium{background:#ef4444;background:var(--notif-primary)}.notification-priority-dot.low{background:#27272a;background:var(--notif-border)}.notification-category-label{font-weight:600;letter-spacing:.06em}.notification-message{color:#fff;color:var(--notif-text);font-size:.9rem;line-height:1.4;margin:0 0 .25rem}.notification-time{color:#a1a1aa;color:var(--notif-text-muted);font-size:.75rem}.notification-like-details{color:#a1a1aa;color:var(--notif-text-muted);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{display:flex;gap:.5rem;margin-top:.5rem}.notification-action{background:#0000;border:1px solid #27272a;border:1px solid var(--notif-border);border-radius:4px;color:#a1a1aa;color:var(--notif-text-muted);cursor:pointer;font-size:.75rem;padding:.25rem .5rem;transition:all .3s ease}.notification-action:hover{background:#ef4444;background:var(--notif-primary);border-color:#ef4444;border-color:var(--notif-primary);color:#fff}.notification-action.delete{border-color:#ef44444d;color:#535353;color:var(--notif-error)}.notification-action.delete:hover{background:#535353;background:var(--notif-error);color:#fff}.notifications-empty{color:#a1a1aa;color:var(--notif-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(--notif-text);margin:0 0 .5rem}.notifications-empty p{font-size:.85rem;margin:0}.notifications-loading{color:#a1a1aa;color:var(--notif-text-muted);padding:2rem;text-align:center}.notifications-spinner{animation:spin 1s linear infinite;border:3px solid #27272a;border-top-color:#ef4444;border:3px solid var(--notif-border);border-radius:50%;border-top-color:var(--notif-primary);height:30px;margin:0 auto 1rem;width:30px}@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 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 unreadPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}@keyframes achievementGlow{0%{box-shadow:0 0 10px #ffd7004d}to{box-shadow:0 0 20px #ffd70099}}.notification-item:hover .notification-icon{transform:scale(1.1)}.notification-item.unread:hover{background:#2245c50f}.notification-action:active,.notification-bell:active{transform:scale(.95)}.notification-item.urgent{animation:urgentFlash 3s infinite;border-left-color:#535353;border-left-color:var(--notif-error)}@keyframes urgentFlash{0%,to{border-left-color:#535353;border-left-color:var(--notif-error)}50%{border-left-color:#0000}}.notification-item.success .notification-icon{background:#22c55e1a;border-color:#22c55e33;color:#ef4444;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:#535353;color:var(--notif-error)}.notification-item.high-priority{background:linear-gradient(135deg,#ef44441a,#0000);border-left:3px solid #535353;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%)}}.intention-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#000000eb;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:10000}.intention-modal-container{animation:slideUp .4s ease-out;background:#000;border:1px solid #333;border-radius:12px;max-width:1200px;padding:60px;width:100%}.intention-modal-header{align-items:center;display:flex;gap:16px;justify-content:center;margin-bottom:50px}.intention-modal-title{color:#fff;font-family:Tajawal,sans-serif;font-size:42px;font-weight:300;letter-spacing:.5px;margin:0;text-align:center}.intention-beta-badge{background:#fff;border-radius:20px;color:#000;font-family:Tajawal,sans-serif;font-size:14px;font-weight:600;letter-spacing:1px;margin-top:-10px;padding:6px 14px;text-transform:uppercase}.intention-cards-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin-bottom:40px}.intention-card{align-items:center;background:#0a0a0a;border:2px solid #222;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;min-height:350px;padding:32px;text-align:center;transition:all .3s ease}.intention-card:hover{border-color:#fff;box-shadow:0 4px 20px #fff3;transform:scale(1.02)}.intention-card.selected{background:#1a1a1a;border-color:#fff;box-shadow:0 4px 25px #ffffff4d}.intention-card-image-wrapper{align-items:center;display:flex;justify-content:center;margin-bottom:20px;min-height:120px}.intention-card-image{filter:brightness(.9);height:140px;object-fit:contain;transition:filter .3s ease;width:140px}.intention-card.selected .intention-card-image,.intention-card:hover .intention-card-image{filter:brightness(1.1)}.intention-card-content{display:flex;flex:1 1;flex-direction:column;justify-content:center}.intention-card-title{color:#fff;font-family:Tajawal,sans-serif;font-size:24px;font-weight:500;margin:0 0 12px}.intention-card-description{color:#ccc;font-family:Tajawal,sans-serif;font-size:16px;font-weight:300;line-height:1.4;margin:0}.intention-modal-actions{align-items:center;display:flex;flex-direction:column;gap:16px;margin-top:30px}.intention-confirm-btn{animation:slideIn .3s ease-out;background:#fff;border:none;border-radius:8px;color:#000;cursor:pointer;font-family:Tajawal,sans-serif;font-size:18px;font-weight:600;padding:18px 50px;transition:all .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.intention-confirm-btn:hover{background:#f0f0f0;box-shadow:0 8px 25px #fff6;transform:translateY(-2px)}.intention-skip-btn{background:#0000;border:1px solid #333;border-radius:6px;color:#888;cursor:pointer;font-family:Tajawal,sans-serif;font-size:16px;font-weight:400;padding:14px 32px;transition:all .3s ease}.intention-skip-btn:hover{background:#ffffff0d;border-color:#555;color:#ccc}@media (max-width:768px){.intention-modal-container{max-width:100%;padding:24px}.intention-modal-title{font-size:24px;margin-bottom:24px}.intention-cards-grid{gap:16px;grid-template-columns:1fr}.intention-card{min-height:auto;padding:20px}.intention-card-image-wrapper{min-height:100px}.intention-card-image{height:100px;width:100px}.intention-card-title{font-size:18px}.intention-card-description{font-size:13px}.intention-confirm-btn{padding:12px;width:100%}.intention-skip-btn{width:100%}}@media (max-width:480px){.intention-modal-overlay{padding:12px}.intention-modal-container{padding:20px}.intention-modal-title{font-size:20px}.intention-card-image{height:80px;width:80px}}.step-item{align-items:flex-start;display:flex;gap:10px;padding:8px 0;transition:all .3s ease}.step-item.completed{opacity:1}.step-item.pending{opacity:.6}.step-checkbox{align-items:center;display:flex;flex-shrink:0;height:18px;justify-content:center;margin-top:2px;width:18px}.step-checkmark{animation:checkmarkPop .4s ease-out}@keyframes checkmarkPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.step-circle{border:2px solid #444;border-radius:50%;height:14px;transition:border-color .3s ease;width:14px}.step-item:hover .step-circle{border-color:#666}.step-content{align-items:center;display:flex;gap:8px;justify-content:space-between}.step-label{color:#fff;font-family:Tajawal,sans-serif;font-size:12px;font-weight:400;line-height:1.3}.step-item.pending .step-label{color:#ccc}.step-points{animation:pointsSlide .4s ease-out;color:#fff;font-family:Tajawal,sans-serif;font-size:11px;font-weight:500;white-space:nowrap}@keyframes pointsSlide{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@media (max-width:480px){.step-item{gap:10px;padding:8px 0}.step-label{font-size:13px}.step-points{font-size:11px}}.tutorial-widget{background:#000;border:1px solid #333;border-radius:12px;box-shadow:0 8px 32px #0009;position:fixed;transition:all .3s ease;z-index:9999}.tutorial-widget.minimized{animation:slideInRight .3s ease-out;bottom:20px;cursor:pointer;padding:10px 14px;right:20px}.tutorial-widget.minimized:hover{border-color:#fff;box-shadow:0 4px 20px #fff3;transform:scale(1.05)}.tutorial-widget.expanded{animation:slideInRight .3s ease-out;bottom:1px;display:flex;flex-direction:column;max-height:420px;overflow:hidden;padding:14px;right:20px;width:320px}.tutorial-minimized-content{align-items:center;display:flex;gap:8px}.tutorial-logo-mini{height:28px;object-fit:contain;width:28px}.tutorial-progress-badge{background:#fff;border-radius:10px;color:#000;font-family:Tajawal,sans-serif;font-size:11px;font-weight:600;padding:3px 8px}.xdtutorial-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1px}.tutorial-logo-section{align-items:center;display:flex;gap:8px}.tutorial-logo{height:28px;object-fit:contain;width:28px}.tutorial-title{color:#fff;font-family:Tajawal,sans-serif;font-size:15px;font-weight:500;margin:0}.tutorial-actions{gap:8px}.tutorial-btn{align-items:center;background:#1a1a1a;border:1.5px solid #555;border-radius:6px;color:#ccc;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .3s ease;width:32px}.tutorial-btn:hover{background:#2a2a2a;border-color:#fff;color:#fff;transform:scale(1.05)}.tutorial-progress-bar{background:#1a1a1a;border-radius:2px;height:3px;margin-bottom:8px;overflow:hidden;width:100%}.tutorial-progress-fill{background:#fff;border-radius:2px;height:100%;transition:width .5s ease}.tutorial-stats{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.tutorial-stat{color:#ccc;font-family:Tajawal,sans-serif;font-size:11px;font-weight:400}.tutorial-stat.tutorial-points{color:#fff;font-weight:500}.tutorial-hint{background:#ffffff08;border-radius:6px;color:#888;font-family:Tajawal,sans-serif;font-size:10px;font-weight:300;margin-bottom:10px;padding:5px;text-align:center}.tutorial-steps{flex:1 1;margin-bottom:6px;overflow-y:auto;padding-right:4px}.tutorial-steps::-webkit-scrollbar{width:4px}.tutorial-steps::-webkit-scrollbar-track{background:#1a1a1a;border-radius:2px}.tutorial-steps::-webkit-scrollbar-thumb{background:#333;border-radius:2px}.tutorial-steps::-webkit-scrollbar-thumb:hover{background:#444}.tutorial-confirm-close{animation:fadeIn .3s ease-out;padding:14px 0;text-align:center}.confirm-close-title{color:#fff;font-family:Tajawal,sans-serif;font-size:14px;font-weight:500;margin:0 0 6px}.confirm-close-desc{color:#ccc;font-family:Tajawal,sans-serif;font-size:12px;font-weight:300;line-height:1.4;margin:0 0 14px}.confirm-close-actions{display:flex;gap:8px}.confirm-close-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-family:Tajawal,sans-serif;font-size:13px;font-weight:500;padding:10px;transition:all .3s ease}.confirm-close-btn.cancel{background:#1a1a1a;border:1.5px solid #555;color:#fff}.confirm-close-btn.cancel:hover{background:#2a2a2a;border-color:#888;transform:translateY(-1px)}.confirm-close-btn.confirm{background:#fff;border:1.5px solid #fff;color:#000}.confirm-close-btn.confirm:hover{background:#f0f0f0;border-color:#ccc;transform:translateY(-1px)}.tutorial-completion{animation:fadeIn .5s ease-out;background:#ffffff0d;border:1px solid #fff;border-radius:8px;margin-top:8px;padding:12px;text-align:center}.tutorial-congrats{color:#fff;font-family:Tajawal,sans-serif;font-size:14px;font-weight:500;margin-bottom:4px}.tutorial-keep-exploring{color:#ccc;font-family:Tajawal,sans-serif;font-size:11px;font-weight:300}@media (max-width:768px){.tutorial-widget.minimized{bottom:80px;right:50%;transform:translateX(50%)}.tutorial-widget.minimized:hover{transform:translateX(50%) scale(1.05)}.tutorial-widget.expanded{bottom:80px;left:10px;max-height:500px;right:10px;width:auto}.tutorial-logo{height:36px;width:36px}.tutorial-title{font-size:16px}.tutorial-btn{height:30px;width:30px}}@media (max-width:480px){.tutorial-widget.expanded{max-height:450px;padding:16px}.tutorial-logo{height:32px;width:32px}.tutorial-title{font-size:15px}.tutorial-stat{font-size:12px}.tutorial-hint{font-size:11px}}.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{align-items:center;display:flex;font-size:14px;justify-content:space-between;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;position:relative;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;font-weight:500}.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;font-weight:700;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;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;margin-bottom:16px}.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);padding:6px 12px}.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{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:8px;box-shadow:0 2px 8px #8b5cf64d;color:#fff;font-size:12px;font-weight:600;gap:4px;padding:4px 8px;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}.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;border-top-color:#3b82f6}.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{align-items:center;background:none;border:none;border-radius:8px;color:#64748b;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.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;width:100%}.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;border-radius:4px;height:8px;margin:8px 0;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#3b82f6,#1d4ed8);height:100%;transition:width .3s ease}.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}.project-card-bw.grid-view{background:#1a1a1a;border:1px solid #ffffff26;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.project-card-bw.grid-view:hover{border-color:#ffffff4d;box-shadow:0 8px 24px #00000080;transform:translateY(-4px)}.card-thumbnail{align-items:center;display:flex;flex-direction:column;margin-bottom:1rem;position:relative}.card-thumbnail img{background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;padding:.5rem}.yoll-project-badge{align-items:center;background:linear-gradient(135deg,#fff,#ccc);border-radius:6px;box-shadow:0 2px 8px #fff3;color:#0a0a0a;display:flex;font-size:.7rem;font-weight:600;gap:.25rem;padding:.25rem .5rem;position:absolute;right:-8px;top:-8px}.card-content{display:flex;flex:1 1;flex-direction:column}.card-title{-webkit-line-clamp:2;color:#fff;font-size:1.1rem;font-weight:600;line-height:1.3;margin:0 0 .5rem}.card-description,.card-title{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-align:center;text-overflow:ellipsis}.card-description{-webkit-line-clamp:3;color:#9ca3af;flex:1 1;font-size:.85rem;line-height:1.5;margin:0 0 1rem}.card-author{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:.5rem;justify-content:center;margin-bottom:.75rem;padding-bottom:.75rem}.author-name{color:#e5e7eb;font-size:.85rem;font-weight:500}.plan-badge{background:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#fff;font-size:.7rem;font-weight:600;padding:.125rem .5rem}.plan-badge.pro{background:linear-gradient(135deg,#fff,#ccc);border:none;color:#0a0a0a}.plan-badge.teams{background:#ffffff26;border-color:#ffffff4d}.card-stats{display:flex;gap:1rem;justify-content:center;margin-top:auto}.stat-item{color:#6b7280;font-size:.8rem;gap:.375rem}.stat-item img,.stat-item svg{opacity:.7}.card-actions-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;gap:1rem;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:10}.project-card-bw.grid-view:hover .card-actions-overlay{opacity:1}.action-btn-overlay{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .2s;width:48px}.action-btn-overlay:hover{background:#fff3;border-color:#fff6;transform:scale(1.1)}.action-btn-overlay.view{background:linear-gradient(135deg,#fff,#ccc);border:none;color:#0a0a0a}.action-btn-overlay.view:hover{box-shadow:0 4px 16px #ffffff4d}.project-card-bw.list-view{grid-gap:1.5rem;align-items:center;background:#1a1a1a;border:1px solid #ffffff26;border-radius:8px;cursor:pointer;display:grid;gap:1.5rem;grid-template-columns:auto 1fr auto auto;padding:1rem 1.5rem;transition:all .2s ease}.project-card-bw.list-view:hover{background:#ffffff0d;border-color:#ffffff4d}.list-icon{align-items:center;display:flex;justify-content:center}.list-icon img{background:#ffffff08;border:1px solid #ffffff1a;border-radius:6px;padding:.375rem}.list-info{min-width:0}.list-title-row{align-items:center;display:flex;gap:.75rem;margin-bottom:.375rem}.list-title{color:#fff;font-size:1rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yoll-badge-inline{background:linear-gradient(135deg,#fff,#ccc);border-radius:4px;color:#0a0a0a;flex-shrink:0;font-size:.65rem;font-weight:600;padding:.125rem .5rem;text-transform:uppercase}.list-description{color:#9ca3af;font-size:.85rem;margin:0 0 .5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-meta{align-items:center;color:#6b7280;display:flex;font-size:.8rem;gap:.5rem}.meta-author{color:#9ca3af;font-weight:500}.plan-badge-small{background:#ffffff1a;border:1px solid #fff3;border-radius:3px;color:#fff;font-size:.65rem;font-weight:600;padding:.0625rem .375rem;text-transform:uppercase}.plan-badge-small.pro{background:linear-gradient(135deg,#fff,#ccc);border:none;color:#0a0a0a}.meta-dot{color:#ffffff4d}.meta-date{color:#6b7280}.list-stats{display:flex;gap:1.5rem}.stat-col{align-items:center;color:#6b7280;display:flex;font-size:.85rem;gap:.375rem}.stat-col img,.stat-col svg{opacity:.7}.list-actions{display:flex;gap:.5rem}.action-btn-list{align-items:center;background:#ffffff0d;border:1px solid #ffffff26;border-radius:6px;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.action-btn-list:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px)}@media (max-width:1024px){.project-card-bw.list-view{gap:1rem;grid-template-columns:auto 1fr auto}.list-stats{display:none}}@media (max-width:768px){.project-card-bw.grid-view{padding:1rem}.card-title{font-size:1rem}.card-description{font-size:.8rem}.card-stats{gap:.75rem}.stat-item{font-size:.75rem}.action-btn-overlay{height:40px;width:40px}.project-card-bw.list-view{grid-template-columns:auto 1fr;padding:.75rem 1rem}.list-actions{grid-column:2;justify-content:flex-end}.list-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;white-space:normal}}@media (max-width:480px){.card-thumbnail img{height:48px;width:48px}.yoll-project-badge{font-size:.6rem;padding:.125rem .375rem}.list-icon img{height:32px;width:32px}.list-title{font-size:.9rem}.action-btn-list{height:32px;width:32px}.action-btn-list img{height:14px;width:14px}}.project-card-bw.highlighted{border-color:#fff6;box-shadow:0 0 20px #ffffff1a}.project-card-bw.selected{border-color:#fff;box-shadow:0 0 0 2px #fff3}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.project-card-bw{animation:cardFadeIn .3s ease-out}.yoll-project-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:100000}.yoll-project-modal-content{background:#0a0a0a;border:1px solid #ffffff26;border-radius:12px;box-shadow:0 20px 60px #000000e6;display:flex;flex-direction:column;max-height:90vh;max-width:700px;width:100%}.yoll-project-modal-header{align-items:flex-start;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:2rem}.modal-title-section{align-items:flex-start;display:flex;gap:1rem}.modal-title-section h2{color:#fff;font-size:1.5rem;font-weight:600;letter-spacing:-.5px;margin:0}.modal-subtitle{color:#9ca3af;font-size:.9rem;margin:.5rem 0 0}.modal-close-btn{background:#ffffff0d;color:#9ca3af;padding:.5rem;transition:all .2s}.modal-close-btn:hover:not(:disabled){background:#ffffff1a;border-color:#fff3;color:#fff}.modal-close-btn:disabled{cursor:not-allowed;opacity:.5}.wizard-progress{background:#ffffff05;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1.5rem 2rem}.progress-step{align-items:center;display:flex;flex:1 1;gap:.75rem;opacity:.5;position:relative;transition:opacity .3s}.progress-step.active{opacity:1}.progress-step.current .step-number{background:linear-gradient(135deg,#fff,#ccc);box-shadow:0 0 0 4px #ffffff1a;color:#0a0a0a}.progress-step:after{background:#ffffff1a;content:"";height:2px;left:calc(100% - 1rem);position:absolute;top:50%;transform:translateY(-50%);width:100%;z-index:-1}.progress-step:last-child:after{display:none}.progress-step.active:after{background:#ffffff4d}.step-number{background:#ffffff1a;border:2px solid #fff3;color:#fff;font-weight:600;transition:all .3s}.step-label{color:#9ca3af;font-size:.85rem;white-space:nowrap}.progress-step.active .step-label{color:#fff}.error-banner{align-items:center;background:#dc262626;border-left:3px solid #dc2626;color:#fff;display:flex;font-size:.9rem;gap:.75rem;padding:1rem 2rem}.wizard-content{flex:1 1;overflow-y:auto;padding:2rem}.wizard-step h3{color:#fff;font-size:1.25rem;font-weight:600;margin:0 0 1.5rem}.step-description{color:#9ca3af;font-size:.9rem;margin:0 0 1.5rem}.form-group label{margin-bottom:.5rem}.form-group input[type=text],.form-group select,.form-group textarea{background:#ffffff0d;border:1px solid #ffffff26;border-radius:6px;box-sizing:border-box;color:#fff;font-size:.95rem;outline:none;padding:.75rem;transition:all .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#ffffff14;border-color:#fff6;box-shadow:0 0 0 3px #ffffff1a}.form-group textarea{font-family:inherit;min-height:100px}.char-counter{color:#6b7280;display:block;margin-top:.5rem;text-align:right}.tag-input-container{display:flex;gap:.5rem}.tag-input-container input{flex:1 1}.add-tag-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.25rem;transition:all .2s}.add-tag-btn:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d}.add-tag-btn:disabled{cursor:not-allowed;opacity:.5}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.tag-chip{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;display:inline-flex;font-size:.85rem;gap:.5rem;padding:.4rem .75rem}.remove-tag-btn{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:1rem;padding:0;transition:color .2s}.remove-tag-btn:hover{color:#dc2626}.files-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.file-item{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:6px;display:flex;gap:1rem;padding:1rem;transition:all .2s}.file-item.selected{background:#ffffff0d;border-color:#ffffff4d}.file-item.required{border-left:3px solid #fff6}.file-item input[type=checkbox]{accent-color:#fffc;height:18px;width:18px}.file-name{flex:1 1;font-size:.9rem}.required-badge{background:#ffffff1a;color:#9ca3af;font-size:.75rem;letter-spacing:.5px;padding:.25rem .5rem;text-transform:uppercase}.add-custom-file{border-top:1px solid #ffffff1a;margin-top:2rem;padding-top:2rem}.add-custom-file h4{color:#fff;font-size:1rem;margin:0 0 1rem}.custom-file-inputs{display:flex;gap:.75rem}.custom-file-inputs input{flex:2 1}.custom-file-inputs select{flex:1 1}.add-file-btn{background:linear-gradient(135deg,#fff,#ccc);border:none;border-radius:6px;color:#0a0a0a;font-weight:600;padding:.75rem 1.25rem;transition:all .2s}.add-file-btn:hover:not(:disabled){box-shadow:0 4px 12px #fff3;transform:translateY(-1px)}.add-file-btn:disabled{opacity:.5}.file-counter{font-size:.9rem;margin-top:1rem;text-align:center}.file-counter .valid{color:#10b981}.file-counter .invalid{color:#dc2626}.review-section{background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.review-section h4{color:#fff;font-size:1rem;font-weight:600;margin:0 0 1rem}.detail-row{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.detail-row:last-child{margin-bottom:0}.detail-label{color:#9ca3af;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-row strong{color:#fff;font-size:1rem}.detail-row p{color:#e5e7eb;font-size:.9rem;line-height:1.6;margin:0}.tags-display{display:flex;flex-wrap:wrap;gap:.5rem}.tag-chip-readonly{background:#ffffff1a;border-radius:4px;color:#fff;display:inline-block;font-size:.8rem;padding:.3rem .6rem}.files-summary{list-style:none;margin:0;padding:0}.files-summary li{align-items:center;color:#e5e7eb;display:flex;font-size:.9rem;gap:.75rem;padding:.5rem 0}.storage-section{border-left:3px solid #fff6}.storage-bar{background:#ffffff1a;border-radius:6px;height:12px;margin:1rem 0;overflow:hidden;position:relative}.storage-used{background:linear-gradient(90deg,#fff9,#fff6);left:0;transition:width .3s}.storage-estimated,.storage-used{height:100%;position:absolute;top:0}.storage-estimated{background:#fff3;border-left:2px dashed #fff6;transition:all .3s}.storage-labels{color:#9ca3af;display:flex;font-size:.8rem;justify-content:space-between}.storage-labels .estimated{color:#fff}.upgrade-hint{align-items:flex-start;background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px;display:flex;gap:1rem;margin-top:2rem;padding:1.5rem}.upgrade-hint strong{color:#fff;display:block;font-size:1rem;margin-bottom:.5rem}.upgrade-hint p{color:#9ca3af;font-size:.85rem;margin:0 0 .75rem}.upgrade-hint ul{color:#e5e7eb;font-size:.85rem;margin:0;padding-left:1.25rem}.upgrade-hint li{margin:.25rem 0}.wizard-actions{background:#ffffff05;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1.5rem 2rem}.actions-right{display:flex;gap:1rem}.btn-cancel,.btn-primary,.btn-secondary{border:none;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.btn-secondary{border:1px solid #fff3;color:#fff}.btn-secondary:hover:not(:disabled){background:#ffffff0d;border-color:#ffffff4d}.btn-cancel{background:#0000;border:1px solid #ffffff26;color:#9ca3af}.btn-cancel:hover:not(:disabled){background:#ffffff0d;border-color:#ffffff4d;color:#fff}.btn-primary{align-items:center;background:linear-gradient(135deg,#fff,#ccc);color:#0a0a0a;display:flex;gap:.5rem}.btn-primary:hover:not(:disabled){box-shadow:0 4px 16px #fff3;transform:translateY(-1px)}.btn-cancel:disabled,.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.loading-spinner{border:2px solid #0000004d;border-top-color:#0a0a0a}.form-group input.valid,.form-group textarea.valid{background:#4ade800d;border-color:#4ade80}.form-group input.invalid,.form-group textarea.invalid{background:#dc26260d;border-color:#dc2626}.requirement-met{color:#4ade80}.requirement-met,.requirement-not-met{align-items:center;display:flex;font-size:.8rem;font-weight:500;gap:.25rem}.requirement-not-met{color:#dc2626}@media (max-width:768px){.wizard-progress{flex-direction:column;gap:1rem}.progress-step:after{display:none}.custom-file-inputs,.wizard-actions{flex-direction:column}.wizard-actions{gap:1rem}.actions-right{flex-direction:column;width:100%}.btn-cancel,.btn-primary,.btn-secondary{justify-content:center;width:100%}}.file-tree-sidebar{background:#1a1a1a;border-right:1px solid #ffffff1a;display:flex;flex-direction:column;height:100%;overflow:hidden}.sidebar-search{border-bottom:1px solid #ffffff1a;padding:1rem}.search-icon{color:#6b7280;left:1.75rem;top:50%;transform:translateY(-50%)}.search-input{background:#0a0a0a;border:1px solid #ffffff26;border-radius:6px;font-size:.875rem;padding:.5rem 2rem .5rem 2.5rem;transition:all .2s}.search-input:focus{border-color:#fff6;box-shadow:0 0 0 3px #ffffff0d;outline:none}.search-input::placeholder{color:#6b7280}.clear-search{align-items:center;background:#0000;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:.25rem;position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);transition:all .2s}.clear-search:hover{background:#ffffff1a;color:#fff}.tree-header{align-items:center;background:#0a0a0a;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:.75rem 1rem}.tree-header h4{color:#9ca3af;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin:0;text-transform:uppercase}.collapse-all-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:.25rem;transition:all .2s}.collapse-all-btn:hover{background:#ffffff1a;color:#fff}.tree-content{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:.5rem 0}.tree-content::-webkit-scrollbar{width:8px}.tree-content::-webkit-scrollbar-track{background:#0000}.tree-content::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.tree-content::-webkit-scrollbar-thumb:hover{background:#ffffff40}.tree-folder{-webkit-user-select:none;user-select:none}.tree-item{align-items:center;color:#e5e7eb;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;position:relative;transition:all .2s}.tree-item:hover{background:#ffffff0d}.tree-item.file:hover{background:#ffffff14}.tree-item.selected{background:#ffffff26;border-left:2px solid #fff;color:#fff;font-weight:500}.tree-item.folder{color:#9ca3af;font-weight:500}.tree-item.folder.expanded{color:#fff}.folder-toggle{align-items:center;color:#6b7280;display:flex;height:16px;justify-content:center;width:16px}.chevron{transition:transform .2s}.chevron.expanded{transform:rotate(90deg)}.item-icon{align-items:center;display:flex;font-size:1rem;justify-content:center}.item-icon img{filter:drop-shadow(0 1px 3px rgba(0,0,0,.4));height:18px;object-fit:contain;width:18px}.item-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-count{color:#6b7280;font-size:.75rem;font-weight:400}.tree-item:before{background:#0000;bottom:0;content:"";left:0;position:absolute;top:0;transition:background .2s;width:2px}.tree-item:hover:before{background:#ffffff1a}.tree-item.selected:before{background:#fff}.no-results{color:#6b7280;padding:2rem 1rem;text-align:center}.no-results p{font-size:.875rem;margin:0}.sidebar-footer{background:#0a0a0a;border-top:1px solid #ffffff1a;padding:.75rem 1rem}.file-count{color:#6b7280;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.file-tree-sidebar:focus{outline:none}.file-tree-sidebar:focus-within .tree-item.selected{box-shadow:inset 0 0 0 2px #fff3}.tree-loading{color:#6b7280;padding:2rem 1rem;text-align:center}.tree-loading-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff1a;border-radius:50%;border-top-color:#fff;height:24px;margin:0 auto .5rem;width:24px}.folder-children{animation:slideDown .2s ease-out}@media (max-width:1024px){.sidebar-search{padding:.75rem}.tree-item{font-size:.8rem;padding:.4rem .75rem}}@media (max-width:768px){.file-tree-sidebar{border-right:none}.tree-header{padding:.5rem .75rem}.tree-item{padding:.5rem}.item-name{font-size:.8rem}}.yoll-project-viewer-overlay{align-items:flex-start;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:128px 24px 32px;padding:calc(var(--yoll-header-height, 96px) + 32px) 24px 32px;position:fixed;right:0;top:0;z-index:10000}.yoll-project-viewer-modal{background:#0a0a0a;border:1px solid #fff3;border-radius:12px;box-shadow:0 20px 60px #000c;display:flex;flex-direction:column;height:85vh;max-height:calc(100vh - 160px);max-height:calc(100vh - var(--yoll-header-height, 96px) - 64px);max-width:1400px;overflow:hidden;width:95%}.viewer-header{align-items:center;background:linear-gradient(180deg,#1a1a1a,#0a0a0a);border-bottom:1px solid #ffffff26;display:flex;justify-content:space-between;padding:20px 24px}.header-left{flex:1 1;gap:16px}.header-left img{filter:drop-shadow(0 2px 8px rgba(255,255,255,.1))}.project-title-info h2{color:#fff;font-size:20px;font-weight:600;line-height:1.3;margin:0}.project-subtitle{align-items:center;color:#9ca3af;display:flex;font-size:13px;gap:8px;margin-top:4px}.migrated-badge{background:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#fff;font-size:11px;font-weight:500;padding:2px 8px}.add-file-btn,.header-actions{align-items:center}.add-file-btn{background:#ffffff1f;border:1px solid #ffffff40;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:10px 18px;transition:all .2s ease}.add-file-btn:hover{background:#ffffff2e;border-color:#ffffff59}.add-file-btn:disabled{cursor:not-allowed;opacity:.6}.add-file-btn img{filter:drop-shadow(0 1px 4px rgba(0,0,0,.3))}.download-project-btn{align-items:center;background:linear-gradient(135deg,#fff,#ccc);border:none;border-radius:8px;color:#000;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.download-project-btn:hover{box-shadow:0 4px 12px #ffffff4d;transform:translateY(-1px)}.download-project-btn:active{transform:translateY(0)}.download-project-btn:disabled{cursor:not-allowed;opacity:.5}.close-viewer-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.close-viewer-btn:hover{background:#ffffff26;border-color:#ffffff4d}.viewer-content{display:flex;flex:1 1;height:calc(100% - 140px);overflow:hidden}.viewer-sidebar{background:#0f0f0f;border-right:1px solid #ffffff26;display:flex;flex-direction:column;overflow:hidden;width:300px}.sidebar-header{border-bottom:1px solid #ffffff26;padding:16px}.sidebar-header h3{color:#fff;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.file-search-input{background:#ffffff0d;border:1px solid #ffffff26;border-radius:6px;color:#fff;font-size:13px;outline:none;padding:8px 12px;transition:all .2s ease;width:100%}.file-search-input:focus{background:#ffffff14;border-color:#fff6}.file-search-input::placeholder{color:#6b7280}.viewer-preview{background:#0a0a0a;flex:1 1;overflow:hidden}.loading-content,.viewer-preview{display:flex;flex-direction:column}.loading-content{align-items:center;color:#9ca3af;gap:16px;height:100%;justify-content:center}.spinner{border:3px solid #ffffff1a;border-top-color:#fff}.no-file-selected{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center}.no-file-selected img{filter:grayscale(100%);opacity:.3}.file-preview-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.file-preview-header{align-items:center;background:#0f0f0f;border-bottom:1px solid #ffffff26;display:flex;justify-content:space-between;padding:16px 20px}.file-info{align-items:center;display:flex;gap:12px}.file-name{color:#fff;font-size:14px;font-weight:600}.file-size{background:#ffffff0d;border-radius:4px;color:#6b7280;font-size:12px;padding:2px 8px}.download-file-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.download-file-btn:hover{background:#ffffff26;border-color:#ffffff4d}.file-content-wrapper{background:#0a0a0a;flex:1 1;overflow:auto;padding:20px}.code-preview{background:#0f0f0f;border:1px solid #ffffff1a;border-radius:8px;color:#e5e7eb;font-family:Monaco,Menlo,Consolas,monospace;font-size:13px;line-height:1.6;margin:0;overflow-x:auto;padding:20px;tab-size:2;white-space:pre}.code-preview code{color:inherit;font-family:inherit}.code-preview.language-javascript .keyword,.code-preview.language-python .keyword{color:#fff;font-weight:600}.code-preview.language-html .tag{color:#d1d5db}.code-preview.language-css .property{color:#e5e7eb}.code-preview.language-json .key{color:#f3f4f6;font-weight:500}.viewer-footer{background:#0f0f0f;border-top:1px solid #ffffff26;padding:16px 24px}.footer-stats{align-items:center;color:#9ca3af;display:flex;font-size:13px;gap:24px}.footer-stats span{align-items:center;display:flex;gap:6px}.footer-stats img{filter:drop-shadow(0 1px 4px rgba(0,0,0,.4));height:16px;object-fit:contain;width:16px}@media (max-width:1024px){.viewer-sidebar{width:250px}}@media (max-width:768px){.yoll-project-viewer-overlay{padding:88px 16px 24px;padding:calc(var(--yoll-header-height, 72px) + 16px) 16px 24px}.yoll-project-viewer-modal{border-radius:0;height:calc(100vh - 80px);max-height:calc(100vh - 104px);max-height:calc(100vh - var(--yoll-header-height, 72px) - 32px);width:100%}.viewer-sidebar{width:200px}.file-content-wrapper{padding:12px}.code-preview{font-size:12px}}:root{--projects-bg-primary:#0a0a0a;--projects-bg-secondary:#1a1a1a;--projects-bg-tertiary:#2a2a2a;--projects-border:#ffffff1a;--projects-border-hover:#fff3;--projects-text-primary:#fff;--projects-text-secondary:#9ca3af;--projects-text-muted:#6b7280;--projects-font:"Tajawal",sans-serif;--projects-font-weight-light:200;--projects-font-weight-normal:400;--projects-font-weight-bold:600;--projects-transition:all 0.2s ease}.yoll-projects-page{background:#0a0a0a;background:var(--projects-bg-primary);color:#fff;color:var(--projects-text-primary);display:flex;font-family:Tajawal,sans-serif;font-family:var(--projects-font);min-height:calc(100vh - 80px);padding-top:80px;position:relative}.yoll-projects-sidebar{background:#1a1a1a;background:var(--projects-bg-secondary);border-right:1px solid #ffffff1a;border-right:1px solid var(--projects-border);bottom:0;left:0;overflow-y:auto;padding:2rem 1.5rem;position:fixed;top:80px;width:280px;z-index:100}.yoll-projects-sidebar::-webkit-scrollbar{width:6px}.yoll-projects-sidebar::-webkit-scrollbar-track{background:#1a1a1a;background:var(--projects-bg-secondary)}.yoll-projects-sidebar::-webkit-scrollbar-thumb{background:#2a2a2a;background:var(--projects-bg-tertiary);border-radius:3px}.yoll-sidebar-ide-promo{background:#2a2a2a;background:var(--projects-bg-tertiary);border:1px solid #ffffff1a;border:1px solid var(--projects-border);border-radius:8px;margin-bottom:2rem;padding:1.5rem;text-align:center}.yoll-sidebar-ide-promo h3{color:#fff;color:var(--projects-text-primary);font-size:1rem;font-weight:600;font-weight:var(--projects-font-weight-bold);margin:0 0 .5rem}.yoll-sidebar-ide-promo p{color:#9ca3af;color:var(--projects-text-secondary);font-size:.85rem;line-height:1.4;margin:0 0 1rem}.yoll-download-ide-btn{background:#fff;background:var(--projects-text-primary);border:none;border-radius:6px;color:#0a0a0a;color:var(--projects-bg-primary);cursor:pointer;font-size:.9rem;font-weight:600;font-weight:var(--projects-font-weight-bold);padding:.75rem 1.5rem;transition:all .2s ease;transition:var(--projects-transition);width:100%}.yoll-download-ide-btn:hover{box-shadow:0 4px 12px #ffffff26;transform:translateY(-2px)}.yoll-sidebar-section{margin-bottom:2rem}.yoll-sidebar-section h4{color:#6b7280;color:var(--projects-text-muted);font-size:.75rem;font-weight:600;font-weight:var(--projects-font-weight-bold);letter-spacing:.5px;margin:0 0 1rem;text-transform:uppercase}.yoll-sidebar-menu{display:flex;flex-direction:column;gap:.25rem}.yoll-sidebar-item{align-items:center;background:#0000;border:none;border-radius:6px;color:#9ca3af;color:var(--projects-text-secondary);cursor:pointer;display:flex;font-size:.9rem;font-weight:200;font-weight:var(--projects-font-weight-light);justify-content:space-between;padding:.75rem 1rem;text-align:left;transition:all .2s ease;transition:var(--projects-transition)}.yoll-sidebar-item.active,.yoll-sidebar-item:hover{background:#2a2a2a;background:var(--projects-bg-tertiary);color:#fff;color:var(--projects-text-primary)}.yoll-sidebar-item.active{border-left:3px solid #fff;border-left:3px solid var(--projects-text-primary)}.yoll-sidebar-submenu{border-left:2px solid #ffffff1a;border-left:2px solid var(--projects-border);display:flex;flex-direction:column;gap:.25rem;margin-left:1rem;margin-top:.5rem;padding-left:1rem}.yoll-sidebar-subitem{align-items:center;background:#0000;border:none;border-radius:4px;color:#6b7280;color:var(--projects-text-muted);cursor:pointer;display:flex;font-size:.85rem;font-weight:200;font-weight:var(--projects-font-weight-light);gap:.5rem;padding:.5rem .75rem;text-align:left;transition:all .2s ease;transition:var(--projects-transition)}.yoll-sidebar-subitem:hover{background:#ffffff0d;color:#9ca3af;color:var(--projects-text-secondary)}.yoll-sidebar-subitem.active{background:#ffffff1a;color:#fff;color:var(--projects-text-primary);font-weight:400;font-weight:var(--projects-font-weight-normal)}.yoll-storage-info{background:#2a2a2a;background:var(--projects-bg-tertiary);border:1px solid #ffffff1a;border:1px solid var(--projects-border);border-radius:6px;margin-top:1.5rem;padding:1rem}.yoll-storage-info h5{color:#fff;color:var(--projects-text-primary);font-size:.85rem;font-weight:600;font-weight:var(--projects-font-weight-bold);margin:0 0 .75rem}.yoll-storage-bar{background:#0a0a0a;background:var(--projects-bg-primary);border-radius:3px;height:6px;margin-bottom:.5rem;overflow:hidden}.yoll-storage-fill{background:#fff;background:var(--projects-text-primary);height:100%;transition:width .3s ease}.yoll-storage-text{color:#9ca3af;color:var(--projects-text-secondary);display:flex;font-size:.75rem;justify-content:space-between}.yoll-projects-content{flex:1 1;margin-left:280px;overflow-y:auto;padding:2rem}.yoll-projects-header{align-items:center;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--projects-border);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.yoll-header-left h1{color:#fff;color:var(--projects-text-primary);font-size:2rem;margin:0 0 .5rem}.yoll-header-left h1,.yoll-projects-count{font-weight:200;font-weight:var(--projects-font-weight-light)}.yoll-projects-count{color:#9ca3af;color:var(--projects-text-secondary);font-size:.9rem}.yoll-header-actions{align-items:center;display:flex;gap:1rem}.yoll-create-folder-btn,.yoll-upload-btn{background:#fff;background:var(--projects-text-primary);border:none;border-radius:6px;color:#0a0a0a;color:var(--projects-bg-primary);cursor:pointer;font-size:.9rem;font-weight:600;font-weight:var(--projects-font-weight-bold);padding:.75rem 1.5rem;transition:all .2s ease;transition:var(--projects-transition)}.yoll-create-folder-btn:hover,.yoll-upload-btn:hover{box-shadow:0 4px 12px #ffffff26;transform:translateY(-2px)}.yoll-create-folder-btn{background:#0000;border:1px solid #ffffff1a;border:1px solid var(--projects-border);color:#fff;color:var(--projects-text-primary)}.yoll-create-folder-btn:hover{background:#2a2a2a;background:var(--projects-bg-tertiary);border-color:#fff3;border-color:var(--projects-border-hover)}.yoll-breadcrumb{color:#9ca3af;color:var(--projects-text-secondary);font-size:.9rem;margin-bottom:1.5rem}.yoll-breadcrumb,.yoll-breadcrumb-item{align-items:center;display:flex;gap:.5rem}.yoll-breadcrumb-item{cursor:pointer;font-weight:200;font-weight:var(--projects-font-weight-light);transition:all .2s ease;transition:var(--projects-transition)}.yoll-breadcrumb-item.active,.yoll-breadcrumb-item:hover{color:#fff;color:var(--projects-text-primary)}.yoll-breadcrumb-item.active{font-weight:400;font-weight:var(--projects-font-weight-normal)}.yoll-breadcrumb-separator{color:#6b7280;color:var(--projects-text-muted);-webkit-user-select:none;user-select:none}.yoll-filter-bar{align-items:center;background:#1a1a1a;background:var(--projects-bg-secondary);border:1px solid #ffffff1a;border:1px solid var(--projects-border);border-radius:8px;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding:1.5rem}.yoll-search-group{flex:1 1;min-width:250px}.yoll-search-input{background:#2a2a2a;background:var(--projects-bg-tertiary);border:1px solid #ffffff1a;border:1px solid var(--projects-border);border-radius:6px;color:#fff;color:var(--projects-text-primary);font-family:Tajawal,sans-serif;font-family:var(--projects-font);font-size:.9rem;font-weight:200;font-weight:var(--projects-font-weight-light);padding:.75rem 1rem;transition:all .2s ease;transition:var(--projects-transition);width:100%}.yoll-search-input:focus{background:#0a0a0a;background:var(--projects-bg-primary);border-color:#fff3;border-color:var(--projects-border-hover);outline:none}.yoll-search-input::placeholder{color:#6b7280;color:var(--projects-text-muted)}.yoll-filter-group{align-items:center;display:flex;gap:.5rem}.yoll-sort-select{background:#2a2a2a;background:var(--projects-bg-tertiary);border:1px solid #ffffff1a;border:1px solid var(--projects-border);border-radius:6px;color:#fff;color:var(--projects-text-primary);cursor:pointer;font-family:Tajawal,sans-serif;font-family:var(--projects-font);font-size:.85rem;font-weight:200;font-weight:var(--projects-font-weight-light);min-width:150px;padding:.75rem 1rem;transition:all .2s ease;transition:var(--projects-transition)}.yoll-sort-select:hover{background:#0a0a0a;background:var(--projects-bg-primary);border-color:#fff3;border-color:var(--projects-border-hover)}.yoll-sort-select:focus{border-color:#fff;border-color:var(--projects-text-primary);outline:none}.yoll-view-group{display:flex;gap:.5rem}.yoll-filter-btn,.yoll-view-btn{background:#2a2a2a;background:var(--projects-bg-tertiary);border:1px solid #ffffff1a;border:1px solid var(--projects-border);border-radius:6px;color:#9ca3af;color:var(--projects-text-secondary);cursor:pointer;font-family:Tajawal,sans-serif;font-family:var(--projects-font);font-size:.85rem;font-weight:200;font-weight:var(--projects-font-weight-light);padding:.75rem 1rem;transition:all .2s ease;transition:var(--projects-transition)}.yoll-filter-btn:hover,.yoll-view-btn:hover{background:#0a0a0a;background:var(--projects-bg-primary);border-color:#fff3;border-color:var(--projects-border-hover);color:#fff;color:var(--projects-text-primary)}.yoll-filter-btn.active,.yoll-view-btn.active{background:#fff;background:var(--projects-text-primary);border-color:#fff;border-color:var(--projects-text-primary);color:#0a0a0a;color:var(--projects-bg-primary)}.yoll-fomo-banner{align-items:center;background:#1a1a1a;background:var(--projects-bg-secondary);border:1px solid #ffffff1a;border:1px solid var(--projects-border);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.yoll-fomo-content{flex:1 1}.yoll-fomo-content h3{color:#fff;color:var(--projects-text-primary);font-size:1.1rem;font-weight:600;font-weight:var(--projects-font-weight-bold);margin:0 0 .5rem}.yoll-fomo-content p{color:#9ca3af;color:var(--projects-text-secondary);font-size:.9rem;font-weight:200;font-weight:var(--projects-font-weight-light);margin:0}.yoll-fomo-cta{background:#fff;background:var(--projects-text-primary);border:none;border-radius:6px;color:#0a0a0a;color:var(--projects-bg-primary);cursor:pointer;font-size:.9rem;font-weight:600;font-weight:var(--projects-font-weight-bold);padding:.75rem 1.5rem;transition:all .2s ease;transition:var(--projects-transition);white-space:nowrap}.yoll-fomo-cta:hover{box-shadow:0 4px 12px #ffffff26;transform:translateY(-2px)}.yoll-projects-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.yoll-project-card{background:#1a1a1a;background:var(--projects-bg-secondary);border:1px solid #ffffff1a;border:1px solid var(--projects-border);border-radius:8px;cursor:pointer;padding:1.5rem;position:relative;transition:all .2s ease;transition:var(--projects-transition)}.yoll-project-card:hover{border-color:#fff3;border-color:var(--projects-border-hover);box-shadow:0 8px 24px #0006;transform:translateY(-4px)}.yoll-project-card.dragging{cursor:move;opacity:.5}.yoll-project-icon{align-items:center;background:#2a2a2a;background:var(--projects-bg-tertiary);border-radius:8px;display:flex;font-size:1.5rem;height:48px;justify-content:center;margin-bottom:1rem;width:48px}.yoll-project-title{color:#fff;color:var(--projects-text-primary);font-size:1rem;font-weight:600;font-weight:var(--projects-font-weight-bold);margin:0 0 .5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yoll-project-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#9ca3af;color:var(--projects-text-secondary);display:-webkit-box;font-size:.85rem;font-weight:200;font-weight:var(--projects-font-weight-light);line-height:1.4;margin:0 0 1rem;overflow:hidden}.yoll-project-meta{align-items:center;border-top:1px solid #ffffff1a;border-top:1px solid var(--projects-border);color:#6b7280;color:var(--projects-text-muted);display:flex;font-size:.75rem;justify-content:space-between;padding-top:1rem}.yoll-project-actions{display:flex;gap:.5rem;margin-top:1rem}.yoll-action-btn{background:#2a2a2a;background:var(--projects-bg-tertiary);border:1px solid #ffffff1a;border:1px solid var(--projects-border);border-radius:4px;color:#9ca3af;color:var(--projects-text-secondary);cursor:pointer;flex:1 1;font-size:.85rem;padding:.5rem;text-align:center;transition:all .2s ease;transition:var(--projects-transition)}.yoll-action-btn:hover{background:#0a0a0a;background:var(--projects-bg-primary);border-color:#fff3;border-color:var(--projects-border-hover);color:#fff;color:var(--projects-text-primary)}.yoll-projects-table{background:#1a1a1a;background:var(--projects-bg-secondary);border:1px solid #ffffff1a;border:1px solid var(--projects-border);border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.yoll-projects-table thead{background:#2a2a2a;background:var(--projects-bg-tertiary);border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--projects-border)}.yoll-projects-table th{color:#9ca3af;color:var(--projects-text-secondary);font-size:.85rem;font-weight:600;font-weight:var(--projects-font-weight-bold);letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.yoll-projects-table td{border-top:1px solid #ffffff1a;border-top:1px solid var(--projects-border);color:#fff;color:var(--projects-text-primary);font-size:.9rem;font-weight:200;font-weight:var(--projects-font-weight-light);padding:1rem}.yoll-projects-table tr:hover{background:#2a2a2a;background:var(--projects-bg-tertiary)}.yoll-file-name-cell{align-items:center;display:flex;gap:1rem}.yoll-type-badge{background:#2a2a2a;background:var(--projects-bg-tertiary);border:1px solid #ffffff1a;border:1px solid var(--projects-border);border-radius:4px;color:#9ca3af;color:var(--projects-text-secondary);font-size:.75rem;font-weight:600;font-weight:var(--projects-font-weight-bold);padding:.25rem .75rem;text-transform:uppercase}.yoll-empty-state{background:#1a1a1a;background:var(--projects-bg-secondary);border:1px solid #ffffff1a;border:1px solid var(--projects-border);border-radius:8px;padding:4rem 2rem;text-align:center}.yoll-empty-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.3}.yoll-empty-state h3{color:#fff;color:var(--projects-text-primary);font-size:1.5rem;font-weight:600;font-weight:var(--projects-font-weight-bold);margin:0 0 1rem}.yoll-empty-state p{color:#9ca3af;color:var(--projects-text-secondary);font-size:1rem;font-weight:200;font-weight:var(--projects-font-weight-light);margin:0 0 2rem}.yoll-empty-cta{background:#fff;background:var(--projects-text-primary);border:none;border-radius:6px;color:#0a0a0a;color:var(--projects-bg-primary);cursor:pointer;font-size:1rem;font-weight:600;font-weight:var(--projects-font-weight-bold);padding:1rem 2rem;transition:all .2s ease;transition:var(--projects-transition)}.yoll-empty-cta:hover{box-shadow:0 4px 12px #ffffff26;transform:translateY(-2px)}.yoll-upload-modal{align-items:center;-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}.yoll-upload-content{background:#1a1a1a;background:var(--projects-bg-secondary);border:1px solid #ffffff1a;border:1px solid var(--projects-border);border-radius:12px;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.yoll-upload-header{align-items:center;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--projects-border);display:flex;justify-content:space-between;padding:2rem}.yoll-upload-header h2{color:#fff;color:var(--projects-text-primary);font-size:1.5rem;font-weight:600;font-weight:var(--projects-font-weight-bold);margin:0}.yoll-close-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#9ca3af;color:var(--projects-text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;transition:all .2s ease;transition:var(--projects-transition);width:32px}.yoll-close-btn:hover{color:#fff;color:var(--projects-text-primary)}.yoll-close-btn:hover,.yoll-drag-area{background:#2a2a2a;background:var(--projects-bg-tertiary)}.yoll-drag-area{border:2px dashed #ffffff1a;border:2px dashed var(--projects-border);border-radius:8px;cursor:pointer;margin:2rem;padding:3rem 2rem;text-align:center;transition:all .2s ease;transition:var(--projects-transition)}.yoll-drag-area:hover{border-color:#fff3;border-color:var(--projects-border-hover)}.yoll-drag-area.active,.yoll-drag-area:hover{background:#0a0a0a;background:var(--projects-bg-primary)}.yoll-drag-area.active{border-color:#fff;border-color:var(--projects-text-primary)}.yoll-drag-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.yoll-drag-area p{color:#9ca3af;color:var(--projects-text-secondary);font-size:1rem;font-weight:200;font-weight:var(--projects-font-weight-light);margin:0 0 .5rem}.yoll-drag-area small{color:#6b7280;color:var(--projects-text-muted);font-size:.85rem}.yoll-form-fields{display:flex;flex-direction:column;gap:1.5rem;padding:2rem}.yoll-form-group{display:flex;flex-direction:column;gap:.5rem}.yoll-form-group label{color:#fff;color:var(--projects-text-primary);font-size:.9rem;font-weight:600;font-weight:var(--projects-font-weight-bold)}.yoll-form-group input,.yoll-form-group select,.yoll-form-group textarea{background:#2a2a2a;background:var(--projects-bg-tertiary);border:1px solid #ffffff1a;border:1px solid var(--projects-border);border-radius:6px;color:#fff;color:var(--projects-text-primary);font-family:Tajawal,sans-serif;font-family:var(--projects-font);font-size:.9rem;font-weight:200;font-weight:var(--projects-font-weight-light);padding:.75rem 1rem;transition:all .2s ease;transition:var(--projects-transition)}.yoll-form-group input:focus,.yoll-form-group select:focus,.yoll-form-group textarea:focus{background:#0a0a0a;background:var(--projects-bg-primary);border-color:#fff3;border-color:var(--projects-border-hover);outline:none}.yoll-form-group textarea{min-height:100px;resize:vertical}.yoll-upload-actions{border-top:1px solid #ffffff1a;border-top:1px solid var(--projects-border);display:flex;gap:1rem;justify-content:flex-end;padding:2rem}.yoll-cancel-btn,.yoll-submit-btn{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;font-weight:var(--projects-font-weight-bold);padding:.75rem 2rem;transition:all .2s ease;transition:var(--projects-transition)}.yoll-cancel-btn{background:#0000;border:1px solid #ffffff1a;border:1px solid var(--projects-border);color:#9ca3af;color:var(--projects-text-secondary)}.yoll-cancel-btn:hover{background:#2a2a2a;background:var(--projects-bg-tertiary);color:#fff;color:var(--projects-text-primary)}.yoll-submit-btn{background:#fff;background:var(--projects-text-primary);color:#0a0a0a;color:var(--projects-bg-primary)}.yoll-submit-btn:hover{box-shadow:0 4px 12px #ffffff26;transform:translateY(-2px)}.yoll-submit-btn:disabled{cursor:not-allowed;opacity:.5}.yoll-loading{padding:4rem 2rem;text-align:center}.yoll-loading-spinner{animation:spin 1s linear infinite;border:4px solid #2a2a2a;border-top-color:#fff;border:4px solid var(--projects-bg-tertiary);border-radius:50%;border-top-color:var(--projects-text-primary);height:48px;margin:0 auto 1rem;width:48px}@media (max-width:1024px){.yoll-projects-sidebar{transform:translateX(-100%);transition:transform .3s ease}.yoll-projects-sidebar.open{transform:translateX(0)}.yoll-projects-content{margin-left:0}}@media (max-width:768px){.yoll-projects-grid{grid-template-columns:1fr}.yoll-filter-bar{align-items:stretch;flex-direction:column}.yoll-search-group{width:100%}}.modal-header,.preview-header{align-items:center;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--projects-border);display:flex;justify-content:space-between;padding:1.5rem}.modal-body,.preview-body{flex:1 1;overflow-y:auto;padding:1.5rem}.modal-actions,.preview-actions{border-top:1px solid #ffffff1a;border-top:1px solid var(--projects-border);display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.project-info,.project-meta{color:#9ca3af;color:var(--projects-text-secondary);font-size:.9rem}.preview-tabs{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--projects-border);display:flex;gap:1rem;padding:0 1.5rem}.info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-notice{background:#2a2a2a;background:var(--projects-bg-tertiary);border-radius:6px;color:#6b7280;color:var(--projects-text-muted);font-size:.9rem;padding:1rem}.customization-section{border-top:1px solid #ffffff1a;border-top:1px solid var(--projects-border);margin-top:1.5rem;padding-top:1.5rem}.project-preview{background:#2a2a2a;background:var(--projects-bg-tertiary);border-radius:6px;padding:1rem}.actions-dropdown{position:relative;z-index:50}.local-badge{background:#2a2a2a;background:var(--projects-bg-tertiary);border-radius:4px;color:#9ca3af;color:var(--projects-text-secondary);font-size:.75rem;font-weight:400;font-weight:var(--projects-font-weight-normal);padding:.25rem .5rem}:root{--yoll-bg-primary:#000;--yoll-bg-secondary:#111;--yoll-bg-elevated:#1a1a1a;--yoll-bg-surface:#0f0f0f;--yoll-bg-post:#000;--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:#fff;--yoll-accent-hover:#fff;--yoll-accent-light:#ffffff1a;--yoll-success:#fff;--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)}.mobile-utility-toggle{align-items:center;background:#1a1a1a;background:var(--yoll-bg-elevated);border:1px solid #333;border:1px solid var(--yoll-border-primary);border-radius:12px;cursor:pointer;display:none;height:42px;justify-content:center;left:16px;padding:8px;position:fixed;transition:all .15s ease;transition:all var(--yoll-transition-fast);width:42px;z-index:1001}.mobile-utility-toggle.active,.mobile-utility-toggle:hover{background:#0f0f0f;background:var(--yoll-bg-surface);border-color:#404040;border-color:var(--yoll-border-hover)}.sidebar-overlay{background:#00000080;display:none;z-index:500}.mobile-utility-overlay,.sidebar-overlay{bottom:0;left:0;position:fixed;right:0;top:0}.mobile-utility-overlay{align-items:flex-end;background:#0009;display:flex;justify-content:center;padding:0 0 24px;z-index:1100}.mobile-utility-panel{background:#1a1a1a;background:var(--yoll-bg-elevated);border:1px solid #2a2a2a;border:1px solid var(--yoll-border-secondary);border-radius:20px 20px 12px 12px;box-shadow:0 18px 40px #00000073;display:flex;flex-direction:column;max-height:80vh;max-width:480px;overflow:hidden;width:calc(100% - 32px)}.mobile-utility-header{align-items:center;border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--yoll-border-secondary);display:flex;justify-content:space-between;padding:16px 20px}.mobile-utility-header h3{font-size:1rem;font-weight:600;margin:0}.mobile-utility-close{background:#0000;border:none;color:#a0a0a0;color:var(--yoll-text-secondary);cursor:pointer;font-size:1.5rem;line-height:1}.mobile-utility-body{flex:1 1;overflow-y:auto;padding:12px 16px 20px}.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{align-items:center;border-radius:16px;border-radius:var(--yoll-radius-md);color:#fff;color:var(--yoll-text-primary);cursor:pointer;display:flex;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:#fff;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)}.sidebar-divider{background:#2a2a2a;background:var(--yoll-border-secondary);height:1px;margin:20px 0;width:100%}.sidebar-section-title{color:#a0a0a0;color:var(--yoll-text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.08em;margin-bottom:12px;text-transform:uppercase}.sidebar-services{margin-bottom:24px}.sidebar-services,.sidebar-tags{display:flex;flex-direction:column;gap:12px}.sidebar-tags{border-top:1px solid #2a2a2a;border-top:1px solid var(--yoll-border-secondary);padding-top:16px}.tag-section-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.clear-tags-btn{background:#0000;border:none;color:#fff;color:var(--yoll-accent-primary);cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;transition:color .15s ease;transition:color var(--yoll-transition-fast)}.clear-tags-btn:hover{color:#fff;color:var(--yoll-accent-hover)}.tag-chip-list{display:flex;flex-wrap:wrap;gap:8px}.tag-chip{align-items:center;background:#1a1a1a;background:var(--yoll-bg-elevated);border:1px solid #2a2a2a;border:1px solid var(--yoll-border-secondary);border-radius:9999px;border-radius:var(--yoll-radius-full);color:#a0a0a0;color:var(--yoll-text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 12px;transition:all .15s ease;transition:all var(--yoll-transition-fast)}.tag-chip:hover{border-color:#404040;border-color:var(--yoll-border-hover);color:#fff;color:var(--yoll-text-primary)}.tag-chip.active{background:#ffffff1a;background:var(--yoll-accent-light);border-color:#fff;border-color:var(--yoll-accent-primary);box-shadow:0 0 0 1px #0084ff33;color:#fff;color:var(--yoll-accent-primary)}.toggle-tags-btn{align-items:center;align-self:flex-start;background:#0000;border:none;color:#a0a0a0;color:var(--yoll-text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;transition:color .15s ease;transition:color var(--yoll-transition-fast)}.toggle-tags-btn:hover{color:#fff;color:var(--yoll-text-primary)}.clear-tags-inline{background:#0000;border:1px solid #fff;border:1px solid var(--yoll-accent-primary);border-radius:9999px;border-radius:var(--yoll-radius-full);color:#fff;color:var(--yoll-accent-primary);cursor:pointer;font-weight:600;margin-top:16px;padding:10px 16px;transition:all .15s ease;transition:all var(--yoll-transition-fast)}.clear-tags-inline:hover{background:#ffffff1a;background:var(--yoll-accent-light);color:#fff;color:var(--yoll-accent-hover)}.tag-filter-empty{gap:12px;text-align:center}.sidebar-service-list{display:flex;flex-direction:column;gap:12px}.sidebar-service-card{align-items:center;background:#1a1a1a;background:var(--yoll-bg-elevated);border:1px solid #2a2a2a;border:1px solid var(--yoll-border-secondary);border-radius:16px;border-radius:var(--yoll-radius-md);color:#fff;color:var(--yoll-text-primary);cursor:pointer;display:flex;gap:12px;padding:12px;text-align:left;transition:all .15s ease;transition:all var(--yoll-transition-fast);width:100%}.sidebar-service-card:hover{background:#ffffff0a;border-color:#404040;border-color:var(--yoll-border-hover);transform:translateY(-1px)}.service-icon{align-items:center;background:#ffffff0d;border-radius:12px;border-radius:var(--yoll-radius-sm);display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.service-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.service-title{color:#fff;color:var(--yoll-text-primary);font-size:.9rem;font-weight:600}.service-description{color:#a0a0a0;color:var(--yoll-text-secondary);font-size:.75rem;line-height:1.35}.service-badge{background:#1e293b59;border:1px solid #94a3b859;border-radius:9999px;border-radius:var(--yoll-radius-full);color:#94a3b8f2;font-size:.7rem;font-weight:600;padding:4px 10px}.service-badge.limit-moderate{background:#fbbf241f;border-color:#fbbf248c;color:#fbbf24}.service-badge.limit-warning{background:#f9731624;border-color:#f973168c;color:#f97316}.service-badge.limit-critical{background:#f8717129;border-color:#f8717199;color:#f87171}.sidebar-promos{display:flex;flex-direction:column;gap:16px;padding-bottom:24px}.sidebar-promo-list{display:flex;flex-direction:column;gap:14px}.sidebar-promo-card{background:linear-gradient(145deg,#111111f2,#232323e6);border:1px solid #2a2a2a;border:1px solid var(--yoll-border-secondary);border-radius:20px;border-radius:var(--yoll-radius-lg);display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:14px;transition:transform .15s ease,border .15s ease;transition:transform var(--yoll-transition-fast),border var(--yoll-transition-fast)}.sidebar-promo-card:hover{border-color:#404040;border-color:var(--yoll-border-hover);transform:translateY(-1px)}.sidebar-promo-card .promo-image{background:#ffffff0a;border-radius:16px;border-radius:var(--yoll-radius-md);overflow:hidden;width:100%}.sidebar-promo-card .promo-image .lazy-image-container{height:auto;width:100%}.promo-content{display:flex;flex-direction:column;gap:8px}.promo-content h4{color:#fff;color:var(--yoll-text-primary);font-size:.95rem;font-weight:700}.promo-content p{color:#a0a0a0;color:var(--yoll-text-secondary);font-size:.78rem;line-height:1.45}.promo-button{align-self:flex-start;background:#ffffff14;border:1px solid #ffffff26;border-radius:9999px;border-radius:var(--yoll-radius-full);color:#fff;color:var(--yoll-text-primary);cursor:pointer;font-size:.75rem;font-weight:600;letter-spacing:.08em;margin-top:4px;padding:6px 14px;text-transform:uppercase;transition:all .15s ease;transition:all var(--yoll-transition-fast)}.promo-button:hover{background:#ffffff2e;border-color:#ffffff4d}.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:#ffffff1a;background-color:var(--yoll-accent-light);color:#fff;color:var(--yoll-text-primary);font-weight:600}.filter-btn:disabled{cursor:not-allowed;opacity:.5}.yoll-main-feed{align-items:flex-start;display:flex;flex:1 1;gap:24px;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%}.forum-main-layout{align-items:flex-start;display:flex;gap:24px;max-width:940px;max-width:calc(var(--yoll-feed-width) + 340px);width:100%}.forum-right-rail{display:flex;flex-direction:column;gap:16px;max-height:calc(100vh - 120px);max-height:calc(100vh - var(--yoll-header-height) - 40px);position:-webkit-sticky;position:sticky;top:104px;top:calc(var(--yoll-header-height) + 24px);width:320px}.right-widget{border-radius:20px;border-radius:var(--yoll-radius-lg);transition:border .15s ease;transition:border var(--yoll-transition-fast)}.right-widget.open{border-color:#404040;border-color:var(--yoll-border-hover)}.widget-toggle{font-size:.75rem;letter-spacing:.02em;text-transform:uppercase}.widget-toggle:hover{background:#94a3b814}.widget-toggle-info span{font-size:.8rem;letter-spacing:0;text-transform:none}.widget-toggle-icon{font-size:1.1rem;font-weight:600}.widget-body{background:#0f0f0ff2;padding:12px 14px 16px}.missions-widget{max-height:440px;overflow-y:auto;scrollbar-width:thin}.missions-widget::-webkit-scrollbar{width:6px}.missions-widget::-webkit-scrollbar-thumb{background:#94a3b840;border-radius:9999px}.chat-widget{max-height:520px;overflow:hidden}@media (max-width:1024px){.forum-main-layout{flex-direction:column;max-width:600px;max-width:var(--yoll-feed-width)}.forum-right-rail{max-height:none;position:static;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:#111;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{background-color:#111}.yoll-post.automation-showcase,.yoll-post.pro-post{border-left:3px solid #fff;border-left:3px solid var(--yoll-accent-primary)}.yoll-post.automation-showcase{background:#000;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:#fff;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,#fff,#fff);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{font-size:.8rem;font-weight:600}.stat-value.complexity{color:#fff;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:#fff;background:var(--yoll-success);color:#000}.automation-price .price.paid{border:2px solid #fff;border:2px solid var(--yoll-accent-primary)}.automation-price .price.paid,.tag-pill.automation-tag{background:#1a1a1a;color:#fff;color:var(--yoll-accent-primary)}.tag-pill.automation-tag{background:var(--yoll-bg-elevated);border:1px solid #fff;border:1px solid var(--yoll-accent-primary)}.tag-pill.automation-tag:hover{background:#fff;background:var(--yoll-accent-primary);color:#000}.automation-actions{justify-content:center;margin-top:6px}.marketplace-button{background:linear-gradient(135deg,#fff,#fff);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)}.trend-badge{align-items:center;background:#ff63841f;border:1px solid #ff638499;border-radius:9999px;border-radius:var(--yoll-radius-full);color:#ff9fae;display:inline-flex;font-size:11px;font-weight:700;gap:4px;letter-spacing:.05em;margin-left:8px;padding:2px 8px;text-transform:uppercase}.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{font-size:18px;font-weight:600;line-height:1.4;margin-bottom:8px}.post-text,.post-title{color:#fff;color:var(--yoll-text-primary)}.post-text{word-wrap:break-word;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:#fff;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:#ffffff1a;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{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:8px}.action-button{align-items:center;background:#0000;border:none;border-radius:9999px;border-radius:var(--yoll-radius-full);color:#a0a0a0;color:var(--yoll-text-secondary);cursor:pointer;display:inline-flex;gap:8px;justify-content:center;padding:8px 14px;position:relative;transition:all .15s ease;transition:all var(--yoll-transition-fast)}.action-button:hover{background-color:#1a1a1a;background-color:var(--yoll-bg-elevated);color:#fff;color:var(--yoll-text-primary)}.action-button.liked{animation:likeAnimation .3s ease}.action-button img{filter:none!important}.action-button.active{background-color:#ffffff1a;background-color:var(--yoll-accent-light);color:#fff;color:var(--yoll-text-primary)}.action-button .action-count{color:#fff;color:var(--yoll-text-primary);font-weight:600;min-width:20px;text-align:left}.action-metric{align-items:center;background:#ffffff0a;border-radius:9999px;border-radius:var(--yoll-radius-full);color:#a0a0a0;color:var(--yoll-text-secondary);display:inline-flex;font-size:.8rem;gap:6px;padding:6px 12px}.action-metric .metric-count{color:#fff;color:var(--yoll-text-primary);font-weight:600}.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)}}.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;background:#3b82f61f;border:1px solid #3b82f659;border-radius:12px;border-radius:var(--yoll-radius-sm);color:#bfdbfe;display:inline-flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:.06em;margin-bottom:16px;padding:6px 12px;text-transform:uppercase}.daily-count{font-size:12px}.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:#ffffff1a;background-color:var(--yoll-accent-light);border-color:#fff;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.reply-target{box-shadow:0 0 0 1px #ffffff40}.comment.comment-reply{background-color:#ffffff0a;border-color:#ffffff14}.comment-children{border-left:1px solid #ffffff0f;display:flex;flex-direction:column;gap:12px;margin-left:32px;margin-top:12px;padding-left:16px}.comment-children .comment{margin-left:0}.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;overflow:hidden;width:24px}.comment-author .author-avatar img{border-radius:9999px;border-radius:var(--yoll-radius-full);height:100%;object-fit:cover;width:100%}.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:#ffffff1a;background-color:var(--yoll-accent-light);color:#fff;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-context{align-items:center;color:#a0a0a0;color:var(--yoll-text-secondary);display:inline-flex;font-size:12px;font-weight:500;gap:4px;margin-bottom:4px}.reply-to{color:#fff;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:#fff;border-color:var(--yoll-accent-primary)}.comment-input::placeholder{color:#666;color:var(--yoll-text-tertiary)}.send-comment-btn{background-color:#fff;background-color:var(--yoll-accent-primary);border:none;border-radius:16px;border-radius:var(--yoll-radius-md);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:#fff;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{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{align-items:center;background:#10b9811f;border-radius:9999px;border-radius:var(--yoll-radius-full);color:#6ee7b7;display:inline-flex;flex-shrink:0;font-size:12px;font-weight:700;height:32px;justify-content:center;width:32px}.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:#fff;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:#fff;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,.pro-badge{border-radius:12px;border-radius:var(--yoll-radius-sm);color:#fff;font-size:10px;font-weight:600;margin-left:4px;padding:2px 6px;text-transform:uppercase}.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 #fff;border-left:3px solid var(--yoll-success);color:#fff;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:#000;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 #333;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;padding:20px}.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}.tags-input{background:#0000;border:none;font-family:inherit;font-size:13px;margin-top:8px;outline:none;width:100%}.tags-input::placeholder{opacity:.7}.content-input::placeholder,.tags-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:#fff;background-color:var(--yoll-accent-primary);border:none;border-radius:9999px;border-radius:var(--yoll-radius-full);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:#fff;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:#fff;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)}.forum-main-layout{flex-direction:column;gap:20px}.forum-right-rail{display:none}.mobile-utility-toggle{display:flex}.mobile-utility-toggle--missions{top:72px}.mobile-utility-toggle--chat{top:122px}.mobile-utility-toggle--preview{top:172px}.feed-container{border-left:none;border-right:none}.comment-children{margin-left:20px;padding-left:12px}.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{padding:.5rem}.mobile-utility-panel{border-radius:18px 18px 10px 10px;width:calc(100% - 20px)}.mobile-utility-toggle--missions{top:68px}.mobile-utility-toggle--chat{top:116px}.yoll-feed{gap:1rem;padding:.5rem}.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:#ffffff1a!important;background-color:var(--yoll-accent-light)!important;border-color:#fff!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 #fff;outline:2px solid var(--yoll-accent-primary);outline-offset:2px}.content-input:focus,.search-input:focus,.title-input:focus{outline:2px solid #fff;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{background-color:#000;background-color:var(--yoll-bg-post)}.yoll-post:hover:before{left:-100%}::selection{background-color:#ffffff1a;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)}}.automation-compact{background-color:#000;background-color:var(--yoll-bg-post);border:1px solid #333;border:1px solid var(--yoll-border-primary);border-radius:16px;border-radius:var(--yoll-radius-md);padding:16px}.automation-compact-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.automation-compact-body{grid-gap:12px;display:grid;gap:12px;grid-template-columns:120px 1fr}.automation-placeholder{align-items:center;background:#1a1a1a;background:var(--yoll-bg-elevated);border:1px dashed #2a2a2a;border:1px dashed var(--yoll-border-secondary);border-radius:12px;color:#666;color:var(--yoll-text-tertiary);display:flex;font-size:12px;justify-content:center;min-height:80px;padding:8px;text-align:center}.automation-compact-title{color:#fff;color:var(--yoll-text-primary);font-size:16px;font-weight:600;margin:0 0 4px}.automation-compact-desc{color:#a0a0a0;color:var(--yoll-text-secondary);font-size:13px;margin:0 0 8px}.automation-compact-meta{display:flex;flex-wrap:wrap;gap:10px}.automation-compact-meta .meta-item{color:#666;color:var(--yoll-text-tertiary);font-size:12px}.automation-category-chip{background:#1a1a1a;background:var(--yoll-bg-elevated);border:1px solid #2a2a2a;border:1px solid var(--yoll-border-secondary);border-radius:999px;color:#a0a0a0;color:var(--yoll-text-secondary);font-size:11px;margin-left:8px;padding:2px 8px}.post-tags.compact{margin-top:10px}.automation-compact-footer{align-items:center;display:flex;justify-content:space-between;margin-top:12px}.price-chip{border:1px solid #2a2a2a;border:1px solid var(--yoll-border-secondary);border-radius:8px;font-size:12px;font-weight:700;padding:4px 8px}.price-chip.free{background:#ffffff0d;border-color:#ffffff26;color:#9ca3af}.price-chip.paid{background:#fbbf2414;border-color:#fbbf2440;color:#fbbf24}.automation-compact-actions{display:flex;gap:8px}.automation-compact-actions .secondary-button{background:#0000;border:1px solid #2a2a2a;border:1px solid var(--yoll-border-secondary);border-radius:8px;color:#a0a0a0;color:var(--yoll-text-secondary);padding:6px 10px}@media (max-width:640px){.automation-compact-body{grid-template-columns:1fr}}.comments-plan-banner,.plan-status-banner,.post-plan-banner,.project-plan-banner{align-items:center;background:#1a1a1a;background:var(--yoll-bg-elevated);border:1px solid #2a2a2a;border:1px solid var(--yoll-border-secondary);color:#fbbf24;display:flex;gap:12px}.plan-message{color:#a0a0a0;color:var(--yoll-text-secondary);font-size:.8rem}.limit-info{background:#1a1a1a;background:var(--yoll-bg-elevated);border:1px solid #2a2a2a;border:1px solid var(--yoll-border-secondary);border-radius:10px;display:flex;flex-direction:column;font-size:.8rem;gap:4px;margin-bottom:16px;padding:10px 14px}.limit-info .limit-label{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.limit-info.available .limit-label{color:#60a5fa}.limit-info.blocked{background:#ef444414;border-color:#ef444499}.limit-info.blocked .limit-label{color:#f87171}.limit-info.unlimited{background:#ffffff0d;border-color:#fff6}.limit-info.unlimited .limit-label{color:#fff}.forum-post.plan-free{border:1px solid #ffffff26}.forum-post.plan-pro,.forum-post.plan-teams{border:1px solid #ffffff40;box-shadow:0 0 0 1px #34d3992e}.post-plan-banner{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.post-plan-banner .plan-message{color:#a0a0a0;color:var(--yoll-text-secondary);font-size:.75rem}.author-plan-label{background:#3b82f626;border-radius:9999px;border-radius:var(--yoll-radius-full);color:#bfdbfe;font-size:10px;font-weight:700;letter-spacing:.08em;margin-left:8px;padding:2px 6px;text-transform:uppercase}.forum-post.plan-pro .author-plan-label,.forum-post.plan-teams .author-plan-label{background:#10b9812e;color:#6ee7b7}.project-plan-banner{margin-bottom:16px}.sidebar-new-post-container{margin-top:16px;padding:0 8px}.sidebar-new-post-btn{align-items:center;background:linear-gradient(135deg,#fff,#e0e0e0);border:none;border-radius:12px;box-shadow:0 4px 12px #ffffff26;color:#000;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:10px;justify-content:center;letter-spacing:.5px;padding:14px;text-transform:uppercase;transition:all .15s ease;transition:all var(--yoll-transition-fast);width:100%}.sidebar-new-post-btn:hover{background:linear-gradient(135deg,#fff,#f0f0f0);box-shadow:0 6px 16px #ffffff40;transform:translateY(-2px)}.sidebar-new-post-btn img{filter:brightness(0)}.right-widget{background:#1a1a1a;background:var(--yoll-bg-elevated);border:1px solid #2a2a2a;border:1px solid var(--yoll-border-secondary);border-radius:16px;border-radius:var(--yoll-radius-md);margin-bottom:12px;overflow:hidden;transition:all .3s ease;transition:all var(--yoll-transition-normal)}.widget-toggle{align-items:center;background:#0000;border:none;color:#fff;color:var(--yoll-text-primary);cursor:pointer;display:flex;font-weight:600;justify-content:space-between;padding:14px 16px;transition:background-color .15s ease;transition:background-color var(--yoll-transition-fast);width:100%}.widget-toggle:hover{background-color:#ffffff08}.widget-toggle-info{align-items:center;display:flex;font-size:.9rem;gap:10px}.widget-toggle-icon{color:#a0a0a0;color:var(--yoll-text-secondary);font-size:.8rem;transition:transform .15s ease;transition:transform var(--yoll-transition-fast)}.right-widget.expanded .widget-toggle-icon{transform:rotate(180deg)}.widget-body{animation:slideDown .3s ease;border-top:1px solid #2a2a2a;border-top:1px solid var(--yoll-border-secondary)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modal-close-fixed{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border-radius:8px;bottom:20px;font-size:20px;font-weight:400;height:40px;left:calc(100% - 60px);margin-bottom:20px;margin-top:20px;position:-webkit-sticky;position:sticky;width:40px;z-index:10000}.modal-close-fixed:hover{background:#ffffff1f;color:#fffffff2;transform:scale(1.05)}.main-post-card{max-height:calc(100vh - 200px)!important;max-height:calc(100vh - var(--yoll-header-height) - 120px)!important;overflow-x:hidden!important;overflow-y:auto!important;position:-webkit-sticky!important;position:sticky!important;top:170px!important;top:calc(var(--yoll-header-height) + 90px)!important;z-index:5!important}.main-post-card::-webkit-scrollbar{width:8px}.main-post-card::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.main-post-card::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.main-post-card::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.forum-quick-post{background:#0f0f0f;background:var(--yoll-bg-surface);border-radius:20px;border-radius:var(--yoll-radius-lg);max-width:600px;padding:24px;width:100%}.plan-copy{color:#a0a0a0;color:var(--yoll-text-secondary);display:flex;flex-direction:column;gap:4px}.plan-copy strong{color:#fff;color:var(--yoll-text-primary);font-size:.9rem}.plan-copy span{font-size:.8rem}.quick-post-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.quick-post-header h3{color:#fff;color:var(--yoll-text-primary);font-size:1.3rem;margin:0}.close-btn{background:#0000;border:1px solid #2a2a2a;border:1px solid var(--yoll-border-secondary);border-radius:16px;border-radius:var(--yoll-radius-md);color:#a0a0a0;color:var(--yoll-text-secondary);cursor:pointer;padding:8px 16px;transition:all .15s ease;transition:all var(--yoll-transition-fast)}.close-btn:hover{border-color:#404040;border-color:var(--yoll-border-hover);color:#fff;color:var(--yoll-text-primary)}.quick-post-form{display:flex;flex-direction:column;gap:16px}.form-group{gap:8px}.field-label{font-size:.9rem;font-weight:600}.field-label,.post-textarea{color:#fff;color:var(--yoll-text-primary)}.post-textarea{background:#1a1a1a;background:var(--yoll-bg-elevated);border:1px solid #333;border:1px solid var(--yoll-border-primary);border-radius:16px;border-radius:var(--yoll-radius-md);font-family:inherit;font-size:1rem;min-height:120px;padding:12px;resize:vertical;transition:border-color .15s ease;transition:border-color var(--yoll-transition-fast)}.post-textarea:focus{border-color:#fff;border-color:var(--yoll-accent-primary);outline:none}.post-textarea.near-limit{border-color:#fbbf24}.textarea-footer{justify-content:flex-end;margin-top:4px}.char-counter{color:#666;color:var(--yoll-text-tertiary);font-size:.8rem}.char-counter.warning{color:#fbbf24;font-weight:600}.detected-link-preview{border-top:1px solid #2a2a2a;border-top:1px solid var(--yoll-border-secondary);margin-top:12px;padding-top:12px}.tags-input{background:#1a1a1a;background: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:#fff;color:var(--yoll-text-primary);font-size:.95rem;padding:10px 12px;transition:border-color .15s ease;transition:border-color var(--yoll-transition-fast)}.tags-input:focus{border-color:#fff;border-color:var(--yoll-accent-primary);outline:none}.suggested-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.suggested-tag{background:#1a1a1a;background:var(--yoll-bg-elevated);border:1px solid #2a2a2a;border:1px solid var(--yoll-border-secondary);border-radius:9999px;border-radius:var(--yoll-radius-full);color:#a0a0a0;color:var(--yoll-text-secondary);cursor:pointer;font-size:.85rem;padding:4px 10px;transition:all .15s ease;transition:all var(--yoll-transition-fast)}.suggested-tag:hover{background:#ffffff0d;border-color:#fff;border-color:var(--yoll-accent-primary);color:#fff;color:var(--yoll-accent-primary)}.form-actions{gap:12px;margin-top:8px}.cancel-btn{border:1px solid #2a2a2a;border:1px solid var(--yoll-border-secondary);border-radius:16px;border-radius:var(--yoll-radius-md);color:#a0a0a0;color:var(--yoll-text-secondary);cursor:pointer;font-weight:600;padding:10px 20px;transition:all .15s ease;transition:all var(--yoll-transition-fast)}.cancel-btn:hover{border-color:#404040;border-color:var(--yoll-border-hover);color:#fff;color:var(--yoll-text-primary)}.submit-btn{background:#fff;background:var(--yoll-accent-primary);border-radius:16px;border-radius:var(--yoll-radius-md);color:#000;cursor:pointer;font-weight:700;padding:10px 24px;transition:opacity .15s ease;transition:opacity var(--yoll-transition-fast)}.submit-btn:hover{opacity:.9}.submit-btn:disabled{cursor:not-allowed;opacity:.5}.posting-tips{background:#1a1a1a;background:var(--yoll-bg-elevated);border-left:3px solid #fff;border-left:3px solid var(--yoll-accent-primary);border-radius:12px;border-radius:var(--yoll-radius-sm);margin-top:16px;padding:12px}.posting-tips .tip{color:#a0a0a0;color:var(--yoll-text-secondary);font-size:.85rem;line-height:1.5;margin:0}.error-message{background:#ef44441a;border:1px solid #ef44444d;border-radius:16px;border-radius:var(--yoll-radius-md);color:#f87171;font-size:.9rem;padding:12px}.forum-drawer-overlay{animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;bottom:0;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:9998}.forum-drawer{animation:slideInRight .3s ease-out;background:#000;background:var(--yoll-bg-primary);box-shadow:-4px 0 24px #00000080;height:100vh;max-width:700px;overflow-y:auto;padding:32px;position:relative;width:50%}@media (max-width:1024px){.forum-drawer{width:60%}}@media (max-width:768px){.forum-drawer{max-width:none;width:100%}}.post-link{color:#60a5fa;text-decoration:none;transition:color .15s ease;transition:color var(--yoll-transition-fast)}.post-link:hover{color:#93c5fd;text-decoration:underline}.forum-modal-overlay{align-items:stretch;background:#00000080;bottom:0;display:flex;justify-content:flex-end;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:9999}.forum-modal-content{animation:slideInRight .25s ease-out;background:#000;background:var(--yoll-bg-primary);border-left:1px solid #2a2a2a;border-left:1px solid var(--yoll-border-secondary);box-shadow:-2px 0 12px #0000004d;height:100vh;max-width:650px;overflow-y:auto;position:relative;width:100%}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@media (min-width:768px){.forum-modal-content{max-width:600px;width:60%}}@media (min-width:1200px){.forum-modal-content{max-width:700px;width:45%}}.forum-modal-content::-webkit-scrollbar{width:6px}.forum-modal-content::-webkit-scrollbar-track{background:#0000}.forum-modal-content::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:10px}.forum-modal-content::-webkit-scrollbar-thumb:hover{background-color:#ffffff4d}.modal-close-fixed{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006;border:1px solid #ffffff26;border-radius:6px;color:#ffffffb3;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:32px;z-index:10001}.modal-close-fixed:hover{background:#0009;border-color:#ffffff40;color:#fff}.modal-scroll-container{height:100%;overflow-y:auto}.maintenance-banner{top:92px;top:calc(var(--yoll-header-height, 64px) + 12px)}.post-preview-pane{align-self:flex-start;background:#000;background:var(--yoll-bg-primary);border:1px solid #333;border:1px solid var(--yoll-border-primary);border-radius:12px;box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--yoll-shadow-lg);display:flex;flex-direction:column;flex-shrink:0;margin-left:16px;max-height:calc(100vh - 120px);overflow:hidden;padding:12px;position:-webkit-sticky;position:sticky;top:80px;width:clamp(360px,40vw,560px)}.post-preview-body{flex:1 1}.post-preview-pane .main-post-card{overflow:hidden!important;position:relative!important}@media (max-width:1100px){.post-preview-pane{margin-left:0;margin-top:12px;max-height:none;position:relative;top:0;width:100%}.post-preview-pane.mobile-collapsed{display:none}.post-preview-body{max-height:none}}.post-preview-header{align-items:center;color:#fff;color:var(--yoll-text-primary,#fff);display:flex;font-weight:600;justify-content:space-between;margin-bottom:8px}.post-preview-body{max-height:calc(100vh - 180px);overflow-y:auto;padding-right:8px}.post-preview-pane .main-post-card{max-height:none!important;overflow:visible!important;position:static!important;top:auto!important}.post-preview-pane .post-page-container{overflow:visible}.back-button-text{background:linear-gradient(#1e1e1e,#000);border:none;color:#fff;color:var(--yoll-text-primary);cursor:pointer;font-size:.9rem;margin-left:6px}@media (max-width:1100px){.post-preview-pane{margin-left:0;margin-top:16px;max-height:none;position:-webkit-sticky!important;position:sticky!important;top:0;width:100%}.post-preview-body{max-height:none}}.forum-project-post-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;bottom:0;display:flex;font-family:Tajawal,sans-serif;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:100000}.forum-project-post-container{background:#0a0a0a;border:1px solid #ffffff26;border-radius:12px;box-shadow:0 20px 60px #000000e6;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.forum-project-post-container::-webkit-scrollbar{width:8px}.forum-project-post-container::-webkit-scrollbar-track{background:#1a1a1a}.forum-project-post-container::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.forum-post-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1.5rem 2rem 1.25rem}.header-left{gap:1rem}.forum-post-header h2{color:#fff;font-size:1.75rem;font-weight:600;letter-spacing:-.5px;margin:0}.plan-badge{border-radius:6px;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.plan-badge.plan-free{background:#ffffff1a;border:1px solid #ffffff26;color:#9ca3af}.plan-badge.plan-pro,.plan-badge.plan-teams{background:linear-gradient(135deg,#fff,#ccc);color:#0a0a0a}.close-button{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;color:#9ca3af;display:flex;font-size:1.25rem;height:36px;justify-content:center;padding:.5rem;transition:all .2s ease;width:36px}.close-button:hover:not(:disabled){background:#ffffff1a;border-color:#fff3;color:#fff}.close-button:disabled{cursor:not-allowed;opacity:.5}.forum-plan-summary{background:#ffffff08;border-bottom:1px solid #ffffff1a;padding:1.5rem 2rem}.summary-content h3{color:#fff;font-size:1rem;font-weight:600;letter-spacing:.3px;margin:0 0 .5rem}.summary-content p{color:#9ca3af;font-size:.9rem;font-weight:200;line-height:1.5;margin:0}.forum-limit-info{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:1rem;padding:1rem 2rem}.limit-badge{border-radius:6px;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.375rem .875rem;text-transform:uppercase;white-space:nowrap}.forum-limit-info.unlimited{background:#ffffff08}.forum-limit-info.unlimited .limit-badge{background:linear-gradient(135deg,#fff,#ccc);color:#0a0a0a}.forum-limit-info.available{background:#ffffff05}.forum-limit-info.available .limit-badge{background:#ffffff1a;border:1px solid #fff3;color:#fff}.forum-limit-info.blocked{background:#dc26261a;border-color:#dc26264d}.forum-limit-info.blocked .limit-badge{background:#dc262633;border:1px solid #dc262666;color:#fff}.forum-limit-info span{color:#9ca3af;font-size:.9rem;font-weight:200}.linked-project-display{border-bottom:1px solid #ffffff1a;padding:1.5rem 2rem}.linked-project-label{color:#9ca3af;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:.75rem;text-transform:uppercase}.linked-project-card{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .2s ease}.linked-project-card:hover{background:#ffffff0d;border-color:#fff3}.project-icon{align-items:center;background:#ffffff0d;border-radius:6px;display:flex;height:40px;justify-content:center;width:40px}.project-info{flex:1 1;min-width:0}.project-info h4{color:#fff;font-size:.95rem;font-weight:600;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-info span{color:#6b7280;font-size:.85rem;font-weight:200}.remove-project-btn{background:#0000;border:1px solid #dc26264d;border-radius:6px;color:#dc2626;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.remove-project-btn:hover{background:#dc26261a;border-color:#dc262680}.forum-project-form{padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{font-size:.9rem;font-weight:600;letter-spacing:.3px;margin-bottom:.75rem}.form-group input[type=text],.form-group textarea{background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px;box-sizing:border-box;color:#fff;font-family:Tajawal,sans-serif;font-size:1rem;outline:none;padding:1rem;transition:all .2s ease;width:100%}.form-group input[type=text]:focus,.form-group textarea:focus{background:#ffffff14;border-color:#fff6;box-shadow:0 0 0 3px #ffffff1a}.form-group input[type=text]:disabled,.form-group textarea:disabled{cursor:not-allowed;opacity:.5}.form-group textarea{font-weight:200;line-height:1.6;min-height:150px}.form-group textarea.near-limit{border-color:#dc262666}.textarea-footer{align-items:center;display:flex;justify-content:space-between;margin-top:.5rem}.helper-text{color:#6b7280}.char-count,.helper-text{font-size:.85rem;font-weight:200}.char-count{color:#9ca3af}.char-count.warning{color:#dc2626}.category-chips{display:flex;flex-wrap:wrap;gap:.75rem}.category-chip{background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px;color:#9ca3af;cursor:pointer;font-size:.9rem;font-weight:600;padding:.625rem 1.25rem;transition:all .2s ease}.category-chip:hover:not(:disabled){background:#ffffff14;border-color:#ffffff4d;color:#fff}.category-chip.selected{background:linear-gradient(135deg,#fff,#ccc);border-color:#0000;color:#0a0a0a}.category-chip:disabled{cursor:not-allowed;opacity:.5}.link-project-btn{background:#ffffff0d;border:1px dashed #fff3;border-radius:8px;color:#9ca3af;cursor:pointer;font-size:.95rem;font-weight:600;margin-bottom:1.5rem;padding:1rem;transition:all .2s ease;width:100%}.link-project-btn:hover:not(:disabled){background:#ffffff14;border-color:#fff6;color:#fff}.link-project-btn:disabled{cursor:not-allowed;opacity:.5}.forum-error-message{background:#dc26261a;border:1px solid #dc26264d;border-left:3px solid #dc2626;border-radius:8px;color:#fff;font-size:.9rem;margin-bottom:1.5rem;padding:1rem}.forum-form-actions{border-top:1px solid #ffffff1a;display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem}.cancel-btn,.submit-btn{border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;padding:.875rem 1.75rem;transition:all .2s ease}.cancel-btn{background:#0000;border:1px solid #ffffff26;color:#fff}.cancel-btn:hover:not(:disabled){background:#ffffff0d;border-color:#ffffff4d}.submit-btn{align-items:center;background:linear-gradient(135deg,#fff,#ccc);border:none;color:#0a0a0a;display:flex;gap:.5rem}.submit-btn:hover:not(:disabled){box-shadow:0 4px 16px #fff3;transform:scale(1.02)}.cancel-btn:disabled,.submit-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.spinner{animation:spin 1s linear infinite;border:2px solid #0a0a0a4d;border-top-color:#0a0a0a;height:16px;width:16px}.project-picker-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:100001}.project-picker-modal{background:#0a0a0a;border:1px solid #ffffff26;border-radius:12px;box-shadow:0 20px 60px #000000e6;display:flex;flex-direction:column;max-height:80vh;max-width:700px;width:100%}.picker-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1.5rem 2rem}.picker-header h3{color:#fff;font-size:1.5rem;font-weight:600;margin:0}.picker-header .close-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;font-size:1.25rem;height:36px;justify-content:center;padding:.5rem;transition:all .2s ease;width:36px}.picker-header .close-btn:hover{background:#ffffff1a;color:#fff}.projects-grid{flex:1 1;overflow-y:auto;padding:1.5rem}.projects-grid::-webkit-scrollbar{width:8px}.projects-grid::-webkit-scrollbar-track{background:#1a1a1a}.projects-grid::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.spinner-large{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top-color:#fff;height:48px;margin-bottom:1rem;width:48px}.loading-state p{color:#9ca3af;font-size:.95rem;margin:0}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.empty-state p{color:#9ca3af;font-size:1rem;margin:1rem 0 1.5rem}.go-to-projects-btn{background:linear-gradient(135deg,#fff,#ccc);border:none;border-radius:8px;color:#0a0a0a;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.go-to-projects-btn:hover{box-shadow:0 4px 16px #fff3;transform:scale(1.05)}.project-picker-item{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;cursor:pointer;display:flex;gap:1rem;margin-bottom:.75rem;padding:1rem;transition:all .2s ease}.project-picker-item:hover{background:#ffffff0d;border-color:#fff3;transform:translateX(4px)}.project-icon-wrapper{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;height:48px;justify-content:center;width:48px}.project-details{flex:1 1;min-width:0}.project-details h4{color:#fff;font-size:1rem;font-weight:600;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-details span{color:#6b7280;display:block;font-size:.85rem;margin-bottom:.125rem}.project-details small{color:#6b7280;font-size:.75rem}@media (max-width:768px){.forum-project-post-container{border-radius:0;max-height:100vh;max-width:100%}.forum-limit-info,.forum-plan-summary,.forum-post-header,.forum-project-form,.linked-project-display{padding-left:1rem;padding-right:1rem}.category-chips{gap:.5rem}.category-chip{font-size:.85rem;padding:.5rem 1rem}.forum-form-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}}.project-selector-inline{background-color:#1a1a1a;border:1px solid #ffffff26;border-radius:12px;box-shadow:0 4px 12px #0000004d;display:flex;flex-direction:column;margin-top:1rem;max-height:70vh;overflow:auto}.selector-header{align-items:center;border-bottom:1px solid #ffffff26;display:flex;flex-shrink:0;justify-content:space-between;padding:1rem 1.5rem}.selector-header h3{color:#fff;font-size:1.1rem;font-weight:600;margin:0}.selector-header button{background:#0000;border:none;border-radius:4px;color:#888;cursor:pointer;font-size:1.5rem;padding:.5rem;transition:color .2s}.selector-header button:hover{color:#fff}.selector-tabs{border-bottom:1px solid #ffffff26;display:flex;flex-shrink:0}.selector-tabs button{background:#0000;border:none;border-bottom:2px solid #0000;color:#888;cursor:pointer;font-size:.9rem;font-weight:500;padding:1rem 1.5rem;transition:all .2s}.selector-tabs button:hover{background:#ffffff0d;color:#fff}.selector-tabs button.active,.selector-tabs button[style*="2a2a2a"]{background:#2a2a2a;border-bottom-color:#fff6;color:#fff}.selector-content{flex:1 1;min-height:0;overflow:auto;padding:1rem}.selector-content::-webkit-scrollbar{width:8px}.selector-content::-webkit-scrollbar-track{background:#1a1a1a}.selector-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.selector-loading{align-items:center;color:#888;display:flex;flex-direction:column;justify-content:center;padding:2rem}.selector-loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#fff6;height:32px;margin-bottom:1rem;width:32px}.selector-empty{color:#888;padding:2rem;text-align:center}.selector-empty p{margin:.5rem 0}.selector-empty .warning{color:#f59e0b;font-size:.8rem}.projects-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.project-item{background-color:#2a2a2a;border:1px solid #ffffff26;border-radius:8px;cursor:pointer;padding:1rem;transition:all .2s}.project-item:hover{background-color:#333;border-color:#ffffff4d;transform:translateY(-2px)}.project-item.selected{background-color:#ffffff1a;border:2px solid #fff6}.project-item-header{align-items:center;display:flex;margin-bottom:.5rem}.project-item-icon{background:#ffffff1a;border-radius:4px;color:#fff;font-family:monospace;font-size:.7rem;font-weight:600;margin-right:.5rem;min-width:40px;padding:.25rem .4rem;text-align:center}.project-item-title{color:#fff;flex:1 1;font-size:.9rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-item-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#888;display:-webkit-box;font-size:.8rem;margin:0 0 .5rem;overflow:hidden}.project-item-meta{color:#666;display:flex;font-size:.7rem;justify-content:space-between}.project-customization{background-color:#1e1e1e;border-top:1px solid #ffffff26;flex-shrink:0;padding:1rem 1.5rem}.project-customization h4{color:#ffffffe6;font-size:.9rem;font-weight:600;margin:0 0 1rem}.customization-field{margin-bottom:1rem}.customization-field label{color:#fff;display:block;font-size:.8rem;font-weight:500;margin-bottom:.5rem}.customization-field input,.customization-field textarea{background-color:#2a2a2a;border:1px solid #ffffff26;border-radius:4px;box-sizing:border-box;color:#fff;font-size:.8rem;outline:none;padding:.5rem;transition:all .2s;width:100%}.customization-field input:focus,.customization-field textarea:focus{background-color:#ffffff0d;border-color:#fff6}.customization-field textarea{min-height:80px;resize:vertical}.selector-actions{align-items:center;border-top:1px solid #ffffff26;display:flex;flex-shrink:0;justify-content:space-between;padding:1rem 1.5rem}.selector-actions-left,.selector-actions-right{display:flex;gap:.5rem}.selector-btn-outline{background-color:initial;border:1px solid #fff6;border-radius:6px;color:#ffffffe6;cursor:pointer;font-size:.8rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.selector-btn-outline:hover{background-color:#ffffff0d;border-color:#fff9}.selector-btn-danger{background-color:initial;border:1px solid #dc2626;border-radius:6px;color:#dc2626;cursor:pointer;font-size:.8rem;padding:.5rem 1rem;transition:all .2s}.selector-btn-danger:hover{background-color:#dc26261a}.selector-btn-primary{background:linear-gradient(135deg,#fff,#ccc);border:none;border-radius:6px;color:#000;cursor:pointer;font-size:.8rem;font-weight:600;padding:.5rem 1rem;transition:all .2s}.selector-btn-primary:hover{box-shadow:0 4px 12px #fff3;transform:translateY(-1px)}.selector-btn-primary:disabled{background:#333;box-shadow:none;color:#666;cursor:not-allowed;transform:none}@media (max-width:768px){.projects-grid{grid-template-columns:1fr}.selector-actions{flex-direction:column;gap:.5rem}.selector-actions-left,.selector-actions-right{justify-content:space-between;width:100%}}.project-showcase-post{background:#1a1a1a;border:1px solid #ffffff26;border-radius:12px;margin-bottom:1rem;padding:1.5rem}.project-plan-banner{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;gap:.75rem;margin-bottom:1rem;padding:.75rem}.plan-message{color:#9ca3af;font-size:.85rem}.security-warning-overlay{align-items:center;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.security-warning-modal{background-color:#1a1a1a;border:2px solid #dc2626;border-radius:12px;box-shadow:0 10px 25px #00000080;max-width:500px;width:100%}.warning-header{align-items:center;border-bottom:1px solid #ffffff26;display:flex;padding:1.5rem}.warning-header img{height:32px;margin-right:12px;width:32px}.warning-header h3{color:#dc2626;font-size:1.25rem;font-weight:600;margin:0}.warning-content{color:#fff;line-height:1.6;padding:1.5rem}.warning-list{margin:1rem 0;padding-left:1.5rem}.warning-list li{color:#9ca3af;margin:.5rem 0}.warning-checkbox{align-items:center;display:flex;gap:.5rem;margin-top:1rem}.warning-checkbox input[type=checkbox]{accent-color:#fff6}.warning-checkbox label{color:#888;font-size:.9rem}.warning-actions{border-top:1px solid #ffffff26;display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.warning-btn-cancel{background-color:initial;border:1px solid #dc2626;border-radius:8px;color:#dc2626;cursor:pointer;font-size:.9rem;padding:.75rem 1.5rem;transition:all .2s}.warning-btn-cancel:hover{background-color:#dc2626;color:#fff}.warning-btn-accept{background:linear-gradient(135deg,#fff,#ccc);border:none;border-radius:8px;color:#000;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.warning-btn-accept:hover{box-shadow:0 4px 12px #fff3;transform:translateY(-1px)}.project-header-compact{background-color:#2a2a2a;border:1px solid #ffffff26;border-radius:8px;cursor:pointer;padding:1rem;transition:all .2s}.project-header-compact:hover{background-color:#333;border-color:#ffffff4d}.project-header-compact.expanded{background-color:#2a2a2a;border-bottom:2px solid #fff6;border-bottom-left-radius:0;border-bottom-right-radius:0}.project-expand-section{border-top:1px solid #ffffff26;padding:1rem}.project-showcase-expand-btn{align-items:center;background-color:#1a1a1a;border:1px solid #ffffff26;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s;width:100%}.project-showcase-expand-btn:hover{background-color:#2a2a2a;border-color:#ffffff4d}.project-showcase-expand-btn.expanded{background-color:#2a2a2a}.project-showcase-expand-btn:disabled{cursor:not-allowed;opacity:.6}.loading-spinner{border:2px solid #fff3;border-top-color:#fffc}.project-title-row{align-items:center;display:flex;justify-content:space-between}.project-title-left{align-items:center;display:flex;flex:1 1;gap:.75rem}.project-main-icon{align-items:center;background:#ffffff1a;border-radius:6px;color:#fff;display:flex;font-size:.75rem;font-weight:600;height:32px;justify-content:center;width:32px}.project-title-content h4{color:#fff;font-size:1rem;font-weight:600;margin:0}.project-meta-brief{color:#888;font-size:.8rem;margin-top:.25rem}.expand-arrow{color:#888;font-size:1.2rem;transition:transform .3s}.expand-arrow.expanded{transform:rotate(180deg)}.project-stats-row{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:.75rem}.stat-item{align-items:center;color:#9ca3af;display:flex;font-size:.85rem;gap:.5rem}.stat-icon{font-size:1rem}.project-expanded-content{background:#1a1a1a;border:1px solid #ffffff26;border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top:none;padding:1.5rem}.loading-message,.no-files-message{color:#888;padding:2rem;text-align:center}.project-files-nav{border-bottom:1px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem}.file-tab{background-color:#333;border:1px solid #ffffff26;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:all .2s}.file-tab:hover{background-color:#ffffff1a;border-color:#fff6}.file-tab.active{background:linear-gradient(135deg,#fff,#ccc);border-color:#0000;color:#000}.file-tab-icon{background:#0003;border-radius:3px;font-size:.7rem;font-weight:600;margin-right:.5rem;padding:.2rem .4rem}.file-viewer-container{background:#0a0a0a;border:1px solid #ffffff26;border-radius:8px;overflow:hidden}.file-viewer-header{align-items:center;background:#1a1a1a;border-bottom:1px solid #ffffff26;display:flex;justify-content:space-between;padding:.75rem 1rem}.file-viewer-title{color:#fff;font-size:.9rem;font-weight:500}.file-meta-info{color:#888;font-size:.8rem}.project-download-btn{align-items:center;background:#2a2a2a;border:1px solid #ffffff26;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.5rem;padding:.5rem .75rem;transition:all .2s}.project-download-btn:hover{background:linear-gradient(135deg,#fff,#ccc);border-color:#0000;color:#000;transform:translateY(-1px)}.project-download-btn img{height:14px;width:14px}.file-viewer-content{max-height:500px;overflow-y:auto;padding:1rem}.file-viewer-content::-webkit-scrollbar{width:8px}.file-viewer-content::-webkit-scrollbar-track{background:#1a1a1a}.file-viewer-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.file-content-code{color:#e5e7eb;font-family:Courier New,monospace;font-size:.85rem;line-height:1.6;white-space:pre-wrap;word-break:break-word}.not-previewable-message{color:#888;padding:3rem;text-align:center}.not-previewable-message h4{color:#fff;margin-bottom:.5rem}.yoll-ide-button{align-items:center;background:linear-gradient(135deg,#fff,#ccc);border:none;border-radius:8px;box-shadow:0 2px 8px #ffffff1a;color:#0a0a0a;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.75rem;letter-spacing:.3px;padding:.75rem 1.25rem;text-decoration:none;transition:all .2s ease}.yoll-ide-button:hover{box-shadow:0 4px 16px #fff3;transform:scale(1.02)}.yoll-ide-button img{height:20px;object-fit:contain;width:20px}.yoll-ide-button svg{opacity:.7}.project-actions-bar{border-top:1px solid #ffffff1a;display:flex;gap:.75rem;margin-top:1.5rem;padding-top:1rem}.action-btn-showcase{align-items:center;background:linear-gradient(135deg,#fff,#ccc);border:none;border-radius:6px;color:#000;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.action-btn-showcase:hover{box-shadow:0 4px 12px #fff3;transform:translateY(-1px)}.action-btn-showcase img{height:16px;width:16px}@media (max-width:768px){.project-stats-row{gap:.5rem}.project-files-nav,.project-stats-row{flex-direction:column}.file-tab{width:100%}.project-actions-bar{flex-direction:column}.action-btn-showcase{width:100%}}.au-forum-container{background:#0a0a0a;color:#fff;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin-top:70px;min-height:calc(100vh - 70px)}.au-sidebar{background:#111;border-right:1px solid #222;height:calc(100vh - 70px);overflow-y:auto;position:-webkit-sticky;position:sticky;top:70px;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}.marketplace-cta-banner{align-items:center;animation:bannerSlideIn .5s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#3b82f626,#2563eb1a);border:2px solid #3b82f64d;border-radius:12px;display:flex;gap:1.5rem;margin-bottom:2rem;padding:1.5rem 2rem;position:relative}@keyframes bannerSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.banner-close{align-items:center;background:#ffffff1a;border:none;border-radius:6px;color:#888;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;line-height:1;position:absolute;right:.5rem;top:.5rem;transition:all .2s ease;width:32px}.banner-close:hover{background:#ffffff26;color:#fff}.banner-icon{filter:drop-shadow(0 0 10px rgba(251,191,36,.5));flex-shrink:0;font-size:3rem}.banner-content{flex:1 1}.banner-title{color:#fff;font-size:1.2rem;font-weight:700;margin:0 0 .5rem}.banner-text{color:#ccc;font-size:.95rem;line-height:1.5;margin:0}.banner-text strong{color:#fbbf24;font-weight:600}.banner-cta-button{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;box-shadow:0 4px 15px #3b82f64d;color:#fff;cursor:pointer;flex-shrink:0;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.banner-cta-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.banner-cta-button:active{transform:translateY(0)}.featured-section{margin-bottom:2rem}.section-title{font-size:1.2rem;margin:0 0 1rem}.automations-section{margin-bottom:2rem}.au-automation-card{border:1px solid #222;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.au-automation-card:hover{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{margin-bottom:1rem}.au-author-section{align-items:center}.au-author-avatar{background:linear-gradient(135deg,#333,#666);border-radius:50%;color:#fff;height:40px;transition:transform .2s ease;width:40px}.au-author-avatar:hover{transform:scale(1.05)}.au-author-info{flex:1 1}.au-author-name-row{margin-bottom:.25rem}.au-author-name{transition:color .2s ease}.au-author-name:hover{color:#fbbf24}.au-pro-badge-icon{filter:brightness(1.2)}.au-automation-meta{color:#888;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;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;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;letter-spacing:.5px}.au-stat-value{color:#fff;font-size:.9rem}.au-stat-value.au-complexity{font-weight:700;text-transform:capitalize}.au-automation-price-section{background:#0a0a0a;border-radius:8px;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;font-weight:600}.au-action-button.view-only{background:#8b5cf61a;border:1px solid #8b5cf64d;color:#8b5cf6;font-weight:600;transition:all .2s ease}.au-action-button.view-only:hover{background:#8b5cf633;box-shadow:0 4px 12px #8b5cf633;transform:translateY(-1px)}.au-action-button.au-disabled{background:#333;color:#666}.au-own-automation{color:#888;font-size:.9rem;font-style:italic}.au-automation-rating{margin-bottom:1rem}.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;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-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}.marketplace-cta-banner{flex-direction:column;gap:1rem;padding:1.25rem;text-align:center}.banner-icon{font-size:2.5rem}.banner-cta-button{width:100%}}.automations-feed{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.au-automation-card{background:#111;border:1px solid #1f1f1f;border-radius:16px;display:flex;flex-direction:column;gap:1.25rem;padding:1.25rem;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.au-automation-card:hover{border-color:#fbbf24;box-shadow:0 12px 28px #fbbf241f;transform:translateY(-3px)}.au-automation-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.au-author-section{align-items:flex-start;display:flex;gap:.75rem}.au-author-avatar{align-items:center;background:#1c1c1c;border:1px solid #2a2a2a;border-radius:12px;color:#fbbf24;cursor:pointer;display:flex;font-weight:600;height:44px;justify-content:center;transition:background .2s ease,border-color .2s ease;width:44px}.au-author-avatar:hover{background:#232323;border-color:#3d3d3d}.au-author-avatar:focus{border-color:#fbbf24;outline:none}.au-author-avatar:focus-visible{outline:2px solid #fbbf24;outline-offset:2px}.au-author-name-row{align-items:center;display:flex;gap:.5rem}.au-author-name{background:none;border:none;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:0}.au-author-name:hover{text-decoration:underline}.au-plan-badge{background:#fbbf2426;border-radius:999px;color:#fbbf24;font-size:.65rem;font-weight:600;letter-spacing:.5px;padding:.15rem .5rem}.au-automation-meta{align-items:center;color:#8b8b8b;display:flex;font-size:.8rem;gap:.65rem;margin-top:.25rem}.au-category-chip{align-items:center;background:#ffffff0f;border-radius:999px;color:#d1d5db;display:inline-flex;font-size:.72rem;font-weight:600;gap:.35rem;letter-spacing:.4px;padding:.2rem .6rem;text-transform:uppercase}.au-category-dot{background:currentColor;border-radius:50%;height:6px;width:6px}.au-category-chip.messaging{background:#3b82f61f;color:#60a5fa}.au-category-chip.ai{background:#818cf81f;color:#a5b4fc}.au-category-chip.business{background:#10b9811f;color:#34d399}.au-category-chip.marketing{background:#f59e0b1f;color:#fbbf24}.au-category-chip.productivity{background:#fbbf241f;color:#facc15}.au-category-chip.integration{background:#0ea5e91f;color:#38bdf8}.au-category-chip.data{background:#ec48991f;color:#f472b6}.au-category-chip.social{background:#3b82f61f;color:#93c5fd}.au-category-chip.default{background:#ffffff14;color:#cbd5f5}.au-automation-preview{background:#121212cc;border:1px dashed #2c2c2c;border-radius:12px;color:#9ca3af;font-size:.78rem;padding:.9rem;text-align:center}.au-automation-stats{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.au-stat-item{background:#ffffff0a;border-radius:10px;display:flex;flex:1 1 90px;flex-direction:column;gap:.25rem;padding:.6rem .75rem}.au-stat-label{color:#9ca3af;font-size:.7rem;letter-spacing:.6px;text-transform:uppercase}.au-stat-value{color:#f8fafc;font-size:.95rem;font-weight:600}.au-automation-price-section{align-items:center;border-top:1px solid #1f1f1f;display:flex;gap:1rem;justify-content:space-between;padding-top:1rem}.au-automation-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.au-action-button{background:#1c1c1c;border:1px solid #0000;border-radius:10px;color:#f1f5f9;cursor:pointer;font-size:.85rem;font-weight:600;padding:.55rem 1rem;transition:all .2s ease}.au-action-button.download,.au-action-button.purchase{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#2563eb66}.au-action-button.download:hover,.au-action-button.purchase:hover{box-shadow:0 12px 24px #2563eb40;transform:translateY(-1px)}.au-action-button.purchased{background:#22c55e26;border-color:#22c55e4d;color:#86efac;cursor:default}.au-action-button.au-disabled{background:#94a3b826;border-color:#94a3b833;color:#94a3b8;cursor:not-allowed}.au-automation-social-stats{border-top:1px solid #1f1f1f;display:flex;gap:1.5rem;padding-top:1rem}.au-social-item{display:flex;flex-direction:column;gap:.25rem;min-width:70px}.au-social-label{color:#9ca3af;font-size:.7rem;letter-spacing:.5px;text-transform:uppercase}.au-social-value{color:#f8fafc;font-size:.95rem;font-weight:600}.au-automation-rating{border-top:1px solid #1f1f1f;padding-top:1rem}.au-rating-display{align-items:center;display:flex;justify-content:space-between}@media (max-width:768px){.automations-feed{grid-template-columns:1fr}.au-automation-price-section{align-items:flex-start;flex-direction:column}.au-automation-social-stats,.au-rating-display{flex-direction:column;gap:.75rem}.au-rating-display{align-items:flex-start}}.au-complexity.beginner{color:#34d399}.au-complexity.intermediate{color:#60a5fa}.au-complexity.advanced{color:#fbbf24}.au-complexity.expert{color:#f97316}.featured-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.link-preview-card{background:var(--yoll-bg-elevated);border:1px solid var(--yoll-border-secondary);border-radius:var(--yoll-radius-md);cursor:pointer;display:block;margin:12px 0;padding:12px 16px;text-decoration:none;transition:all var(--yoll-transition-fast)}.link-preview-card:hover{background:var(--yoll-bg-surface);border-color:var(--yoll-border-hover);transform:translateY(-1px)}.link-preview-card.compact{margin:8px 0;padding:8px 12px}.link-preview-content{align-items:center;display:flex;gap:12px}.link-preview-icon{align-items:center;background:var(--yoll-bg-surface);border-radius:var(--yoll-radius-sm);color:var(--yoll-text-secondary);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.link-preview-card.youtube .link-preview-icon{color:red}.link-preview-card.compact .link-preview-icon{height:32px;width:32px}.link-preview-meta{flex:1 1;min-width:0}.link-preview-title{color:var(--yoll-text-primary);font-size:.95rem;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-preview-card.compact .link-preview-title{font-size:.85rem}.link-preview-url{color:var(--yoll-text-tertiary);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-preview-card.loading{pointer-events:none}.link-preview-skeleton{display:flex;flex-direction:column;gap:8px}.skeleton-line{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,var(--yoll-bg-surface) 25%,var(--yoll-bg-elevated) 50%,var(--yoll-bg-surface) 75%);background-size:200% 100%;border-radius:4px;height:12px}.skeleton-line.short{width:60%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:640px){.link-preview-card{padding:10px 12px}.link-preview-icon{height:36px;width:36px}.link-preview-title{font-size:.9rem}}.forum-post-page{background-color:var(--yoll-bg-primary);display:flex;justify-content:center;min-height:100vh;padding-top:calc(var(--yoll-header-height) + 20px)}.post-page-container{margin:0 auto;max-width:var(--yoll-feed-width);padding-bottom:40px;width:100%}.post-page-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000c;border-bottom:1px solid var(--yoll-border-secondary);border-radius:var(--yoll-radius-md);display:flex;gap:16px;margin-bottom:16px;padding:16px;position:-webkit-sticky;position:sticky;top:calc(var(--yoll-header-height) + 20px);z-index:10}.back-button{border-radius:50%;color:var(--yoll-text-primary);font-size:24px;height:40px;justify-content:center;transition:background-color var(--yoll-transition-fast);width:40px}.back-button:hover{background-color:var(--yoll-bg-elevated)}.header-title{color:var(--yoll-text-primary);font-size:1.2rem;font-weight:700}.main-post-card{animation:fadeIn .3s ease-out;background-color:var(--yoll-bg-post);border:1px solid var(--yoll-border-primary);border-radius:var(--yoll-radius-lg);margin-bottom:24px;padding:24px}.post-meta-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.author-info-large{align-items:center;display:flex;gap:12px}.author-avatar-large{border:2px solid var(--yoll-bg-elevated);border-radius:50%;height:48px;object-fit:cover;width:48px}.author-details{display:flex;flex-direction:column}.author-name-large{color:var(--yoll-text-primary);font-size:1.1rem;font-weight:700}.post-timestamp{color:var(--yoll-text-tertiary);font-size:.85rem}.post-content-large{color:var(--yoll-text-primary);font-size:1.1rem;line-height:1.6;margin-bottom:24px;white-space:pre-wrap}.post-tags-large{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.tag-pill-large{background-color:var(--yoll-bg-elevated);border:1px solid var(--yoll-border-secondary);border-radius:var(--yoll-radius-full);color:var(--yoll-accent-primary);font-size:.9rem;font-weight:500;padding:6px 12px}.post-stats-large{border-bottom:1px solid var(--yoll-border-secondary);border-top:1px solid var(--yoll-border-secondary);display:flex;gap:24px;margin-bottom:24px;padding:16px 0}.stat-item-large{align-items:center;color:var(--yoll-text-secondary);display:flex;font-size:1rem;gap:8px}.stat-value{color:var(--yoll-text-primary)}.post-actions-large{display:flex;gap:16px;justify-content:space-around}.action-btn-large{align-items:center;background:#0000;border:none;border-radius:var(--yoll-radius-md);color:var(--yoll-text-secondary);cursor:pointer;display:flex;flex:1 1;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all var(--yoll-transition-fast)}.action-btn-large:hover{background-color:var(--yoll-bg-elevated);color:var(--yoll-text-primary)}.action-btn-large.liked{color:#ef4444}.action-btn-large.liked:hover{background-color:#ef44441a}.comments-section-large{background-color:var(--yoll-bg-surface);border:1px solid var(--yoll-border-secondary);border-radius:var(--yoll-radius-lg);padding:24px}.comments-header{color:var(--yoll-text-primary);font-size:1.2rem;font-weight:700;margin-bottom:24px}.comment-composer-large{display:flex;gap:16px;margin-bottom:32px}.composer-input-large{background-color:var(--yoll-bg-elevated);border:1px solid var(--yoll-border-primary);border-radius:var(--yoll-radius-md);color:var(--yoll-text-primary);flex:1 1;font-size:1rem;min-height:100px;padding:16px;resize:vertical;transition:border-color var(--yoll-transition-fast)}.composer-input-large:focus{border-color:var(--yoll-accent-primary);outline:none}.submit-comment-btn{align-self:flex-end;background-color:var(--yoll-accent-primary);border:none;border-radius:var(--yoll-radius-full);color:#000;cursor:pointer;font-weight:700;padding:10px 24px;transition:opacity var(--yoll-transition-fast)}.submit-comment-btn:hover{opacity:.9}.submit-comment-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.post-page-container{padding:0 16px 80px}.main-post-card{border-left:none;border-radius:0;border-right:none}}:root{--yoll-tray-bg-primary:#000;--yoll-tray-bg-secondary:#0a0a0a;--yoll-tray-bg-tertiary:#141414;--yoll-tray-bg-card:#141414f2;--yoll-tray-bg-hover:#1e1e1ecc;--yoll-tray-text-primary:#e0e0e0;--yoll-tray-text-secondary:#a0a0a0;--yoll-tray-text-muted:#666;--yoll-tray-text-white:#fff;--yoll-tray-accent-primary:#4a90e2;--yoll-tray-accent-secondary:#7c3aed;--yoll-tray-accent-success:#34d399;--yoll-tray-accent-warning:#fbbf24;--yoll-tray-accent-error:#ef4444;--yoll-tray-border-primary:#ffffff1a;--yoll-tray-border-hover:#fff3;--yoll-tray-shadow-sm:0 2px 8px #0000004d;--yoll-tray-shadow-md:0 4px 16px #0006;--yoll-tray-shadow-lg:0 8px 32px #00000080;--yoll-tray-font-primary:"Arimo",sans-serif;--yoll-tray-font-title:"Tajawal",sans-serif;--yoll-tray-spacing-xs:0.5rem;--yoll-tray-spacing-sm:1rem;--yoll-tray-spacing-md:1.5rem;--yoll-tray-spacing-lg:2rem;--yoll-tray-spacing-xl:3rem;--yoll-tray-sidebar-width:280px;--yoll-tray-content-max-width:1200px;--yoll-tray-header-height:80px;--yoll-tray-transition-fast:0.15s ease;--yoll-tray-transition-normal:0.3s ease;--yoll-tray-transition-slow:0.5s ease;--yoll-tray-radius-sm:8px;--yoll-tray-radius-md:12px;--yoll-tray-radius-lg:16px;--yoll-tray-radius-full:9999px}.user-tray-page{background:#000;background:var(--yoll-tray-bg-primary);min-height:100vh;width:100%}.yoll-tray-container{background-color:#000;background-color:var(--yoll-tray-bg-primary);color:#e0e0e0;color:var(--yoll-tray-text-primary);font-family:Arimo,sans-serif;font-family:var(--yoll-tray-font-primary);isolation:isolate;min-height:100vh;overflow-x:hidden;padding-top:80px;padding-top:var(--yoll-tray-header-height);position:relative}.yoll-tray-starfield{height:100vh;left:0;opacity:.3;pointer-events:none;position:fixed;top:0;width:100vw;z-index:0}.yoll-tray-layout{display:flex;margin:0 auto;max-width:1920px;position:relative;width:100%;z-index:1}.yoll-tray-mobile-header{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#141414f2;background:var(--yoll-tray-bg-card);border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--yoll-tray-border-primary);display:none;height:60px;justify-content:space-between;left:0;padding:0 1.5rem;padding:0 var(--yoll-tray-spacing-md);position:fixed;right:0;top:80px;top:var(--yoll-tray-header-height);z-index:150}.yoll-tray-mobile-title{color:#fff;color:var(--yoll-tray-text-white);font-family:Tajawal,sans-serif;font-family:var(--yoll-tray-font-title);font-size:1.25rem;font-weight:600}.yoll-tray-hamburger{background:#0000;border:none;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:.5rem}.yoll-tray-hamburger,.yoll-tray-hamburger span{transition:.15s ease;transition:var(--yoll-tray-transition-fast)}.yoll-tray-hamburger span{background:#e0e0e0;background:var(--yoll-tray-text-primary);border-radius:2px;height:2px;width:24px}.yoll-tray-hamburger:hover span{background:#4a90e2;background:var(--yoll-tray-accent-primary)}.yoll-tray-hamburger.active span:first-child{transform:rotate(45deg) translate(6px,6px)}.yoll-tray-hamburger.active span:nth-child(2){opacity:0}.yoll-tray-hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.yoll-tray-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000004d;bottom:0;display:none;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .3s ease;transition:opacity var(--yoll-tray-transition-normal);z-index:99}.yoll-tray-overlay.active{opacity:1;pointer-events:auto}@media (max-width:900px){.yoll-tray-overlay{left:280px}}.yoll-tray-sidebar{background:#0a0a0a;background:var(--yoll-tray-bg-secondary);border-right:1px solid #ffffff1a;border-right:1px solid var(--yoll-tray-border-primary);display:flex;flex-direction:column;height:calc(100vh - 80px);height:calc(100vh - var(--yoll-tray-header-height));max-height:calc(100vh - 80px);max-height:calc(100vh - var(--yoll-tray-header-height));overflow-x:hidden;overflow-y:auto;padding:2rem 1.5rem;padding:var(--yoll-tray-spacing-lg) var(--yoll-tray-spacing-md);pointer-events:auto;position:-webkit-sticky;position:sticky;top:80px;top:var(--yoll-tray-header-height);transition:transform .3s ease;transition:transform var(--yoll-tray-transition-normal);width:280px;width:var(--yoll-tray-sidebar-width);z-index:100}.yoll-tray-sidebar::-webkit-scrollbar{width:6px}.yoll-tray-sidebar::-webkit-scrollbar-track{background:#0000}.yoll-tray-sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;background:var(--yoll-tray-border-primary);border-radius:3px}.yoll-tray-sidebar::-webkit-scrollbar-thumb:hover{background:#fff3;background:var(--yoll-tray-border-hover)}.yoll-tray-sidebar-header{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--yoll-tray-border-primary);flex-shrink:0;margin-bottom:2rem;margin-bottom:var(--yoll-tray-spacing-lg);padding-bottom:1.5rem;padding-bottom:var(--yoll-tray-spacing-md)}.yoll-tray-back-btn{align-items:center;background:#0000;border:1px solid #ffffff1a;border:1px solid var(--yoll-tray-border-primary);border-radius:8px;border-radius:var(--yoll-tray-radius-sm);color:#a0a0a0;color:var(--yoll-tray-text-secondary);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:.15s ease;transition:var(--yoll-tray-transition-fast);width:100%}.yoll-tray-back-btn:hover{background:#4a90e20d;border-color:#4a90e2;border-color:var(--yoll-tray-accent-primary);color:#4a90e2;color:var(--yoll-tray-accent-primary)}.yoll-tray-sidebar-title{color:#fff;color:var(--yoll-tray-text-white);font-family:Tajawal,sans-serif;font-family:var(--yoll-tray-font-title);font-size:1.5rem;font-weight:300;margin:1.5rem 0 0;margin:var(--yoll-tray-spacing-md) 0 0}.yoll-tray-nav{display:flex;flex:1 1;flex-direction:column;gap:.5rem;gap:var(--yoll-tray-spacing-xs);overflow-y:auto;padding-bottom:1.5rem;padding-bottom:var(--yoll-tray-spacing-md)}.yoll-tray-nav-item{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;border-radius:var(--yoll-tray-radius-sm);color:#a0a0a0;color:var(--yoll-tray-text-secondary);cursor:pointer;display:flex;font-size:.95rem;gap:1rem;gap:var(--yoll-tray-spacing-sm);padding:.75rem 1.5rem;padding:.75rem var(--yoll-tray-spacing-md);pointer-events:auto;position:relative;transition:.15s ease;transition:var(--yoll-tray-transition-fast);-webkit-user-select:none;user-select:none;width:100%}.yoll-tray-nav-item:hover{background:#1e1e1ecc;background:var(--yoll-tray-bg-hover);border-color:#ffffff1a;border-color:var(--yoll-tray-border-primary);color:#e0e0e0;color:var(--yoll-tray-text-primary)}.yoll-tray-nav-item.active{background:#4a90e21a;border-color:#4a90e2;border-color:var(--yoll-tray-accent-primary);color:#4a90e2;color:var(--yoll-tray-accent-primary)}.yoll-tray-nav-item.special{background:linear-gradient(135deg,#7c3aed1a,#4a90e21a);border-color:#7c3aed;border-color:var(--yoll-tray-accent-secondary);color:#7c3aed;color:var(--yoll-tray-accent-secondary);font-weight:500}.yoll-tray-nav-item.special:hover{background:linear-gradient(135deg,#7c3aed33,#4a90e233);border-color:#4a90e2;border-color:var(--yoll-tray-accent-primary);transform:translateX(4px)}.yoll-tray-nav-icon{align-items:center;display:flex;flex-shrink:0;font-size:1.25rem;height:24px;justify-content:center;pointer-events:none;width:24px}.yoll-tray-nav-icon img{filter:none;height:20px;object-fit:contain;pointer-events:none;width:20px}.yoll-tray-nav-label{flex:1 1;font-weight:400}.yoll-tray-nav-badge{background:#ef4444;background:var(--yoll-tray-accent-error);border-radius:9999px;border-radius:var(--yoll-tray-radius-full);color:#fff;font-size:.75rem;font-weight:600;padding:.125rem .5rem}.yoll-tray-sidebar-footer{border-top:1px solid #ffffff1a;border-top:1px solid var(--yoll-tray-border-primary);flex-shrink:0;margin-top:auto;padding-top:2rem;padding-top:var(--yoll-tray-spacing-lg)}.yoll-tray-logout-btn{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;border-radius:var(--yoll-tray-radius-sm);color:#ef4444;color:var(--yoll-tray-accent-error);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem;transition:.15s ease;transition:var(--yoll-tray-transition-fast);width:100%}.yoll-tray-logout-btn:hover{background:#ef444433;border-color:#ef4444;border-color:var(--yoll-tray-accent-error);transform:translateY(-2px)}.yoll-tray-content{flex:1 1;margin:0 auto;max-width:1200px;max-width:var(--yoll-tray-content-max-width);padding:3rem 2rem;padding:var(--yoll-tray-spacing-xl) var(--yoll-tray-spacing-lg);width:100%}.yoll-tray-section{background:#141414f2;background:var(--yoll-tray-bg-card);border:1px solid #ffffff1a;border:1px solid var(--yoll-tray-border-primary);border-radius:16px;border-radius:var(--yoll-tray-radius-lg);box-shadow:0 4px 16px #0006;box-shadow:var(--yoll-tray-shadow-md);margin-bottom:2rem;margin-bottom:var(--yoll-tray-spacing-lg);padding:2rem;padding:var(--yoll-tray-spacing-lg);transition:.3s ease;transition:var(--yoll-tray-transition-normal)}.yoll-tray-section:hover{border-color:#fff3;border-color:var(--yoll-tray-border-hover);box-shadow:0 8px 32px #00000080;box-shadow:var(--yoll-tray-shadow-lg);transform:translateY(-2px)}.yoll-tray-section-title{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--yoll-tray-border-primary);color:#fff;color:var(--yoll-tray-text-white);font-family:Tajawal,sans-serif;font-family:var(--yoll-tray-font-title);font-size:1.75rem;font-weight:300;margin-bottom:1.5rem;margin-bottom:var(--yoll-tray-spacing-md);padding-bottom:1rem;padding-bottom:var(--yoll-tray-spacing-sm)}.yoll-tray-profile-header{background:#0a0a0a;background:var(--yoll-tray-bg-secondary);border-radius:16px;border-radius:var(--yoll-tray-radius-lg);margin-bottom:2rem;margin-bottom:var(--yoll-tray-spacing-lg);overflow:hidden}.yoll-tray-profile-cover{background:linear-gradient(135deg,#667eea,#764ba2);height:180px;position:relative}.yoll-tray-profile-cover:before{background:radial-gradient(circle at 30% 50%,#ffffff1a 0,#0000 60%);content:"";inset:0;position:absolute}.yoll-tray-profile-info{display:flex;flex-direction:column;gap:1.5rem;gap:var(--yoll-tray-spacing-md);margin-top:-40px;padding:2rem;padding:var(--yoll-tray-spacing-lg);position:relative}.yoll-tray-profile-avatar{background:#141414;background:var(--yoll-tray-bg-tertiary);border:4px solid #0a0a0a;border:4px solid var(--yoll-tray-bg-secondary);border-radius:50%;box-shadow:0 8px 32px #00000080;box-shadow:var(--yoll-tray-shadow-lg);height:120px;object-fit:cover;width:120px}.yoll-tray-profile-details{align-items:center;display:flex;gap:1.5rem;gap:var(--yoll-tray-spacing-md)}.yoll-tray-profile-username{color:#fff;color:var(--yoll-tray-text-white);font-size:1.5rem;font-weight:600}.yoll-tray-profile-badge{background:linear-gradient(135deg,#7c3aed,#4a90e2);background:linear-gradient(135deg,var(--yoll-tray-accent-secondary),var(--yoll-tray-accent-primary));border-radius:9999px;border-radius:var(--yoll-tray-radius-full);color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.yoll-tray-profile-stats{grid-gap:1.5rem;grid-gap:var(--yoll-tray-spacing-md);background:#141414;background:var(--yoll-tray-bg-tertiary);border-radius:12px;border-radius:var(--yoll-tray-radius-md);display:grid;gap:1.5rem;gap:var(--yoll-tray-spacing-md);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));padding:1.5rem;padding:var(--yoll-tray-spacing-md)}.yoll-tray-stat-item{text-align:center}.yoll-tray-stat-value{color:#4a90e2;color:var(--yoll-tray-accent-primary);display:block;font-size:1.75rem;font-weight:700}.yoll-tray-stat-label{color:#a0a0a0;color:var(--yoll-tray-text-secondary);font-size:.875rem;letter-spacing:.5px;text-transform:uppercase}.yoll-tray-profile-actions{display:flex;gap:1rem;gap:var(--yoll-tray-spacing-sm);margin-top:1rem;margin-top:var(--yoll-tray-spacing-sm)}.yoll-tray-btn{align-items:center;border:1px solid #0000;border-radius:8px;border-radius:var(--yoll-tray-radius-sm);cursor:pointer;display:flex;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:.15s ease;transition:var(--yoll-tray-transition-fast)}.yoll-tray-btn-primary{background:#4a90e2;background:var(--yoll-tray-accent-primary);color:#fff;flex:1 1}.yoll-tray-btn-primary:hover{background:#357abd;box-shadow:0 4px 16px #0006;box-shadow:var(--yoll-tray-shadow-md);transform:translateY(-2px)}.yoll-tray-btn-secondary{background:#0000;border-color:#ffffff1a;border-color:var(--yoll-tray-border-primary);color:#a0a0a0;color:var(--yoll-tray-text-secondary);flex:1 1}.yoll-tray-btn-secondary:hover{background:#1e1e1ecc;background:var(--yoll-tray-bg-hover);border-color:#fff3;border-color:var(--yoll-tray-border-hover);color:#e0e0e0;color:var(--yoll-tray-text-primary)}.yoll-tray-form-group{margin-bottom:1.5rem;margin-bottom:var(--yoll-tray-spacing-md)}.yoll-tray-form-label{display:block;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.yoll-tray-form-input,.yoll-tray-form-label{color:#e0e0e0;color:var(--yoll-tray-text-primary)}.yoll-tray-form-input{background:#141414;background:var(--yoll-tray-bg-tertiary);border:1px solid #ffffff1a;border:1px solid var(--yoll-tray-border-primary);border-radius:8px;border-radius:var(--yoll-tray-radius-sm);font-size:.95rem;padding:.75rem 1rem;transition:.15s ease;transition:var(--yoll-tray-transition-fast);width:100%}.yoll-tray-form-input:focus{background:#0a0a0a;background:var(--yoll-tray-bg-secondary);border-color:#4a90e2;border-color:var(--yoll-tray-accent-primary);box-shadow:0 0 0 3px #4a90e21a;outline:none}.yoll-tray-form-input::placeholder{color:#666;color:var(--yoll-tray-text-muted)}.yoll-tray-badges-section{background:#0a0a0a;background:var(--yoll-tray-bg-secondary);border-radius:16px;border-radius:var(--yoll-tray-radius-lg);margin-bottom:2rem;margin-bottom:var(--yoll-tray-spacing-lg);padding:2rem;padding:var(--yoll-tray-spacing-lg)}.yoll-tray-badges-title{color:#fff;color:var(--yoll-tray-text-white);font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;margin-bottom:var(--yoll-tray-spacing-md)}.yoll-tray-badges-slider{display:flex;gap:1.5rem;gap:var(--yoll-tray-spacing-md);overflow-x:auto;padding-bottom:1rem;padding-bottom:var(--yoll-tray-spacing-sm);scroll-behavior:smooth}.yoll-tray-badges-slider::-webkit-scrollbar{height:6px}.yoll-tray-badges-slider::-webkit-scrollbar-track{background:#141414;background:var(--yoll-tray-bg-tertiary);border-radius:3px}.yoll-tray-badges-slider::-webkit-scrollbar-thumb{background:#ffffff1a;background:var(--yoll-tray-border-primary);border-radius:3px}.yoll-tray-badge-card{background:#141414;background:var(--yoll-tray-bg-tertiary);border:1px solid #ffffff1a;border:1px solid var(--yoll-tray-border-primary);border-radius:12px;border-radius:var(--yoll-tray-radius-md);cursor:pointer;min-width:140px;padding:1.5rem;padding:var(--yoll-tray-spacing-md);text-align:center;transition:.15s ease;transition:var(--yoll-tray-transition-fast)}.yoll-tray-badge-card.earned{background:#34d3990d;border-color:#34d399;border-color:var(--yoll-tray-accent-success)}.yoll-tray-badge-card.locked{filter:grayscale(100%);opacity:.4}.yoll-tray-badge-card:hover.earned{box-shadow:0 8px 32px #00000080;box-shadow:var(--yoll-tray-shadow-lg);transform:translateY(-4px) scale(1.05)}.yoll-tray-badge-icon{font-size:3rem;margin-bottom:.5rem;margin-bottom:var(--yoll-tray-spacing-xs)}.yoll-tray-badge-name{color:#e0e0e0;color:var(--yoll-tray-text-primary);font-size:.875rem;font-weight:600;margin-bottom:.25rem}.yoll-tray-badge-reward{color:#34d399;color:var(--yoll-tray-accent-success);font-size:.75rem;font-weight:600}@media (max-width:900px){.yoll-tray-container{padding-top:140px;padding-top:calc(var(--yoll-tray-header-height) + 60px)}.yoll-tray-mobile-header{display:flex}.yoll-tray-overlay{display:block;left:0}.yoll-tray-sidebar{bottom:80px;box-shadow:2px 0 10px #00000080;left:0;overflow-y:auto;padding-bottom:20px;padding-top:140px;padding-top:calc(var(--yoll-tray-header-height) + 60px);position:fixed;top:0;width:280px;z-index:200}.yoll-tray-sidebar,.yoll-tray-sidebar.mobile{transform:translateX(-100%)}.yoll-tray-sidebar.active,.yoll-tray-sidebar.mobile.open,.yoll-tray-sidebar.open{transform:translateX(0)}.yoll-tray-sidebar::-webkit-scrollbar{width:6px}.yoll-tray-sidebar::-webkit-scrollbar-track{background:#141414;background:var(--yoll-tray-bg-tertiary)}.yoll-tray-sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;background:var(--yoll-tray-border-primary);border-radius:3px}.yoll-tray-content{padding:1.5rem;padding:var(--yoll-tray-spacing-md)}.yoll-tray-profile-stats{grid-template-columns:repeat(2,1fr)}.yoll-tray-profile-actions{flex-direction:column}}@media (max-width:640px){.yoll-tray-section{padding:1.5rem;padding:var(--yoll-tray-spacing-md)}.yoll-tray-section-title{font-size:1.5rem}.yoll-tray-profile-avatar{height:90px;width:90px}.yoll-tray-profile-username{font-size:1.25rem}.yoll-tray-badges-slider{gap:1rem;gap:var(--yoll-tray-spacing-sm)}.yoll-tray-badge-card{min-width:120px}}@keyframes yoll-tray-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes yoll-tray-shimmer{0%{background-position:-200%}to{background-position:200%}}.yoll-tray-section{animation:yoll-tray-fade-in .5s ease}.yoll-tray-loading{align-items:center;display:flex;justify-content:center;padding:3rem;padding:var(--yoll-tray-spacing-xl)}.yoll-tray-spinner{animation:spin .8s linear infinite;border:3px solid #ffffff1a;border-top-color:#4a90e2;border:3px solid var(--yoll-tray-border-primary);border-radius:50%;border-top-color:var(--yoll-tray-accent-primary);height:40px;width:40px}.yoll-tray-loading-section{align-items:center;color:#a0a0a0;color:var(--yoll-tray-text-secondary);display:flex;flex-direction:column;gap:1.5rem;gap:var(--yoll-tray-spacing-md);justify-content:center;padding:3rem;padding:var(--yoll-tray-spacing-xl)}.yoll-tray-error{align-items:center;background:#ef44441a;border:1px solid #ef4444;border:1px solid var(--yoll-tray-accent-error);border-radius:12px;border-radius:var(--yoll-tray-radius-md);color:#ef4444;color:var(--yoll-tray-accent-error);display:flex;gap:1rem;gap:var(--yoll-tray-spacing-sm);margin-bottom:1.5rem;margin-bottom:var(--yoll-tray-spacing-md);padding:1.5rem;padding:var(--yoll-tray-spacing-md)}.yoll-tray-error-icon{flex-shrink:0}.yoll-tray-error-text{flex:1 1}.yoll-tray-error-dismiss{background:#0000;border:1px solid;border-radius:8px;border-radius:var(--yoll-tray-radius-sm);color:inherit;cursor:pointer;padding:.5rem;transition:.15s ease;transition:var(--yoll-tray-transition-fast)}.yoll-tray-error-dismiss:hover{background:#ef444433}.yoll-tray-not-found{padding:3rem;padding:var(--yoll-tray-spacing-xl);text-align:center}.yoll-tray-not-found h3{color:#e0e0e0;color:var(--yoll-tray-text-primary);font-size:1.5rem;margin:1.5rem 0;margin:var(--yoll-tray-spacing-md) 0}.yoll-tray-not-found p{color:#a0a0a0;color:var(--yoll-tray-text-secondary);margin-bottom:2rem;margin-bottom:var(--yoll-tray-spacing-lg)}.yoll-tray-not-found button{background:#4a90e2;background:var(--yoll-tray-accent-primary);border:none;border-radius:8px;border-radius:var(--yoll-tray-radius-sm);color:#fff;cursor:pointer;padding:.75rem 1.5rem;transition:.15s ease;transition:var(--yoll-tray-transition-fast)}.yoll-tray-not-found button:hover{background:#357abd;transform:translateY(-2px)}.yoll-tray-text-center{text-align:center}.yoll-tray-text-left{text-align:left}.yoll-tray-text-right{text-align:right}.yoll-tray-mt-0{margin-top:0}.yoll-tray-mt-sm{margin-top:1rem;margin-top:var(--yoll-tray-spacing-sm)}.yoll-tray-mt-md{margin-top:1.5rem;margin-top:var(--yoll-tray-spacing-md)}.yoll-tray-mt-lg{margin-top:2rem;margin-top:var(--yoll-tray-spacing-lg)}.yoll-tray-mb-0{margin-bottom:0}.yoll-tray-mb-sm{margin-bottom:1rem;margin-bottom:var(--yoll-tray-spacing-sm)}.yoll-tray-mb-md{margin-bottom:1.5rem;margin-bottom:var(--yoll-tray-spacing-md)}.yoll-tray-mb-lg{margin-bottom:2rem;margin-bottom:var(--yoll-tray-spacing-lg)}.yoll-tray-hidden{display:none}.yoll-tray-visible{display:block}.yoll-tray-mobile-sidebar{background:#0a0a0a;background:var(--yoll-tray-bg-secondary);border-right:1px solid #ffffff1a;border-right:1px solid var(--yoll-tray-border-primary);bottom:0;display:none;left:0;overflow-y:auto;position:fixed;top:140px;top:calc(var(--yoll-tray-header-height) + 60px);transform:translateX(-100%);transition:transform .3s ease;transition:transform var(--yoll-tray-transition-normal);width:280px;z-index:102}.yoll-tray-mobile-sidebar.open{transform:translateX(0)}.yoll-tray-mobile-sidebar::-webkit-scrollbar{width:6px}.yoll-tray-mobile-sidebar::-webkit-scrollbar-track{background:#141414;background:var(--yoll-tray-bg-tertiary)}.yoll-tray-mobile-sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;background:var(--yoll-tray-border-primary);border-radius:3px}.yoll-tray-mobile-sidebar::-webkit-scrollbar-thumb:hover{background:#fff3;background:var(--yoll-tray-border-hover)}@media (max-width:900px){.yoll-tray-mobile-sidebar{display:block}}: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;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)}.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:#ff00000f;--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{background:#151515;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:#fff;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:#fff;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);color:#a0a0a0;color:var(--text-secondary);display:flex;font-size:.9rem;gap:8px;margin-bottom:18px;padding:12px 0}.doc-breadcrumbs .doc-share-link{margin-left:auto}.breadcrumb-item{color:#a0a0a0;color:var(--text-secondary);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}.visually-hidden{clip:rect(0 0 0 0);border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;white-space:nowrap;width:1px}.skip-to-content{background:gold;background:var(--accent-primary);border-radius:6px;color:#000;left:-9999px;padding:8px 12px;position:absolute;top:auto;z-index:1000}.skip-to-content:focus{left:16px;outline:2px solid #000;top:16px}.back-button:focus-visible,.doc-back-button:focus-visible,.doc-category-toggle:focus-visible,.doc-share-link:focus-visible,.doc-subcategory-link:focus-visible{outline:2px solid gold;outline:2px solid var(--accent-primary);outline-offset:2px}.doc-sidebar-search{margin-top:8px}.doc-sidebar-search input{background:#1a1a1a;background:var(--bg-tertiary);border-radius:6px;color:#fff;color:var(--text-primary);padding:8px 10px;width:100%}.doc-share-link,.doc-sidebar-search input{border:1px solid #ffffff0f;border:1px solid var(--border-primary)}.doc-share-link{background:#0000;border-radius:6px;color:#a0a0a0;color:var(--text-secondary);cursor:pointer;margin-left:auto;margin-right:0;padding:6px 10px;transition:color .18s ease-in-out,border-color .18s ease-in-out;transition:color var(--transition),border-color var(--transition)}.doc-share-link:hover{border-color:gold;border-color:var(--accent-primary);color:#fff;color:var(--text-primary)}.doc-content-section{background:#080808;background-attachment:fixed;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,transform .18s ease-in-out;transition:box-shadow var(--transition),transform var(--transition)}.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:#fff;font-size:1rem;line-height:1.6;margin-bottom:12px}.doc-content-code-block{position:relative}.code-copy-btn{background:#ffffff14;border:1px solid #ffffff0f;border:1px solid var(--border-primary);border-radius:6px;color:#fff;color:var(--text-primary);cursor:pointer;padding:4px 8px;position:absolute;right:8px;top:8px}.code-copy-btn:hover{border-color:gold;border-color:var(--accent-primary)}.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-image-container.fixed-hero{height:72px;z-index:5}.hero-content-spacer{height:72px}.doc-content-title{font-size:1.4rem}}@media (max-width:480px){.hero-image-container{height:160px}.hero-image-container.fixed-hero{height:64px;z-index:5}.hero-content-spacer{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}.pro-benefits .doc-content-subtitle{margin-top:36px}.doc-pro-cta-block{background:#1a1a1a;background:var(--bg-tertiary);border:1px solid #ffffff0f;border:1px solid var(--border-primary);border-radius:16px;display:flex;flex-direction:column;gap:18px;margin:32px 0;padding:24px 28px}.doc-pro-cta-actions{display:flex;flex-wrap:wrap;gap:12px}.doc-pro-cta-button{all:unset;background:gold;background:var(--accent-primary);border-radius:999px;box-shadow:0 2px 8px #00000040;box-shadow:var(--shadow-sm);color:#000;cursor:pointer;font-weight:600;padding:12px 22px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.doc-pro-cta-button:hover{box-shadow:0 8px 18px #00000059;transform:translateY(-2px)}.doc-pro-cta-button.ghost{background:#0000;border:1px solid #ffffff0f;border:1px solid var(--border-primary);box-shadow:none;color:#fff;color:var(--text-primary)}.doc-pro-cta-button.ghost:hover{background:#ffffff0f}.doc-pro-benefits-list{grid-gap:12px;color:#ffffffd1;display:grid;gap:12px;margin:0;padding-left:20px}.doc-pro-included{background:#1a1a1a;background:var(--bg-tertiary);border:1px solid #ffffff0f;border:1px solid var(--border-primary);border-radius:16px;margin:32px 0;padding:24px}.doc-pro-included h3{margin-bottom:14px;margin-top:0}.doc-pro-included ul{grid-gap:10px;color:#ffffffc7;display:grid;gap:10px;margin:0;padding-left:20px}.doc-pro-faq{background:#1a1a1a;background:var(--bg-tertiary);border:1px solid #ffffff0f;border:1px solid var(--border-primary);border-radius:16px;margin:36px 0;padding:24px 28px}.doc-pro-faq h3{margin-bottom:12px;margin-top:0}.doc-pro-testimonials.simple{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:20px 0 36px}.doc-pro-testimonial{background:#1a1a1a;background:var(--bg-tertiary);border:1px solid #ffffff0f;border:1px solid var(--border-primary);border-radius:14px;display:flex;flex-direction:column;gap:12px;padding:18px 20px}.testimonial-header{align-items:center;display:flex;gap:12px}.testimonial-avatar{background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;height:52px;object-fit:cover;width:52px}.testimonial-header h3{color:#fff;color:var(--text-primary);font-size:1rem;margin:0}.testimonial-header span{color:#a0a0a0;color:var(--text-secondary);display:block;font-size:.85rem}.doc-pro-testimonial p{color:#ffffffd1;font-style:italic;margin:0}.doc-pro-secondary-cta{align-items:center;background:#1a1a1a;background:var(--bg-tertiary);border:1px solid #ffffff0f;border:1px solid var(--border-primary);border-radius:16px;color:#ffffffd1;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin:36px 0 0;padding:24px}.doc-pro-secondary-cta p{margin:0}.pro-hero-panel{background:linear-gradient(145deg,#111116eb,#0c0c0ee0);border:1px solid #ffffff14;border-radius:22px;margin:28px 0 40px;overflow:hidden;position:relative}.pro-hero-backdrop{background:radial-gradient(ellipse at top,#ffd66626,#0000 55%),radial-gradient(circle at 20% 80%,#5eead41f,#0000 60%),radial-gradient(circle at 80% 20%,#3b82f626,#0000 60%)}.pro-hero-backdrop,.pro-hero-panel:after{inset:0;pointer-events:none;position:absolute}.pro-hero-panel:after{background-image:radial-gradient(#ffffff73 .7px,#0000 0);background-size:60px 60px;content:"";opacity:.14}.pro-hero-content{grid-gap:40px;align-items:center;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:48px 56px;position:relative}.pro-hero-copy{display:flex;flex-direction:column;gap:16px;max-width:600px}.pro-hero-copy h2{font-size:clamp(2.1rem,4vw,2.8rem);line-height:1.15;margin:0}.pro-hero-copy p{color:#ffffffc7}.pro-pill{align-self:flex-start;background:#ffd66626;border-radius:999px;color:#f6e05e;font-size:.78rem;letter-spacing:.08em;padding:4px 10px;text-transform:uppercase}.pro-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.pro-hero-visual .doc-content-image-container{max-width:420px}.pro-card{background:#1a1a1a;background:var(--bg-tertiary);border:1px solid #ffffff14;border-radius:18px;display:flex;flex-direction:column;gap:14px;padding:24px 26px}.pro-card h3{margin:0}.pro-card ul{grid-gap:10px;color:#ffffffd1;display:grid;gap:10px;margin:0;padding-left:20px}.pro-card p{color:#fffc}.pro-hero-visual .doc-content-image-container .doc-image-placeholder{min-height:220px}.pro-hero-visual img.doc-content-image{border:1px solid #ffffff14;border-radius:18px}.pro-stacked-info{display:flex;flex-direction:column;gap:24px;margin:36px 0 44px}@media (max-width:768px){.pro-hero-content{padding:32px 24px}.pro-hero-actions{align-items:stretch;flex-direction:column}.doc-pro-cta-block{padding:20px}.doc-pro-cta-actions{align-items:stretch;flex-direction:column}.doc-pro-testimonials.simple{grid-template-columns:1fr}.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{--bg-card:#0a0a0abf;--bg-hover:#202020d9;--accent-primary:gold;--accent-secondary:#ffed4a;--bg-primary:#000;--bg-secondary:#0a0a0a;--bg-tertiary:#151515;--bg-card:#1a1a1a;--bg-hover:#202020;--text-secondary:#ffffffb3;--text-tertiary:#ffffff80;--accent-primary:#ffffffe6;--accent-secondary:#ffffffb3;--accent-blue:#60a5fa}.left-header{align-items:flex-start;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0a0a0abf;border-right:1px solid #ffffff1a;display:flex;flex-direction:column;height:calc(100vh - 80px);overflow-y:auto;padding:24px 20px;position:fixed;width:250px;z-index:100}.left-header-divider{background:#ffffff1a;background:var(--border-primary);height:1px;margin-top:2rem;width:100%}.top-controls{justify-content:space-between}.back-button{background:none;border:none;font-size:1rem;padding:.2rem 0;transition:color .3s ease}.user-points-display{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#ffffff0d;border-radius:9999px;font-size:.9rem;font-weight:500;padding:.6rem 1rem}.shop-title{font-weight:200}.category-button{color:var(--text-secondary)}.category-button.active{color:var(--text-primary)}.shop-content{margin-left:250px;padding:2rem;z-index:1}.shop-hero-container{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0a0a0abf;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:2rem;overflow:hidden;transition:all .3s ease}.shop-hero-container img{height:100%;object-fit:cover;width:100%}.products-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:2rem 0}.product-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0a0a0abf;gap:1rem;padding:1.5rem;transition:all .3s ease}.product-card:hover{background:#141414bf;border-color:#fff3;transform:translateY(-5px)}.product-image-container{border-radius:8px;padding-bottom:100%}.product-image{left:0;position:absolute;top:0;transition:transform .3s ease}.product-card:hover .product-image{transform:scale(1.05)}.product-title{font-weight:500;margin-top:1rem}.buy-button{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #fff3;border-radius:9999px;color:#fff;color:var(--text-primary);font-weight:500;letter-spacing:1px;margin-top:auto;padding:.75rem 1.5rem;transition:all .3s ease;width:100%}.buy-button:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-2px)}.buy-button:disabled{transform:none}.modal-overlay{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#000c}.purchase-modal{max-width:500px;padding:2rem}@media (max-width:768px){.shop-page{flex-direction:column}.left-header{height:auto;padding:1rem;position:relative;width:100%}.shop-content{margin-left:0;padding:1rem}.products-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}.shop-page{padding-top:80px}.shop-page .main-header{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#000000d9;border-bottom:1px solid #ffffff1a;left:0;position:fixed;right:0;top:0;z-index:1001}.shop-page{background:#000;background:var(--bg-primary);color:#fff;color:var(--text-primary);display:flex;font-family:Arimo,sans-serif;isolation:isolate;min-height:100vh;overflow-x:hidden;position:relative;width:100%}.back-button{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#ffffffb3;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:1rem;padding:8px 16px;transition:all .3s ease}.back-button:hover{background:#ffffff1a;color:#fff;color:var(--text-primary);transform:translateY(-2px)}.user-points-display{align-items:top;background-color:#1a1a1a;background-color:var(--bg-card);border:1px solid #ffffff1a;border:1px solid var(--border-primary);border-radius:6px;color:#ffffffb3;color:var(--text-secondary);display:flex;font-size:.8rem;font-weight:600;gap:.5rem;padding:.8rem .6rem}.user-currency-group{align-items:center;display:flex;gap:.6rem;margin-left:.6rem}.user-tokens-display{align-items:center;background:linear-gradient(180deg,#ffffff08,#ffffff03);border:1px solid #ffffff0f;border-radius:8px;color:#ffffffb3;color:var(--text-secondary);display:flex;font-size:.8rem;font-weight:600;gap:.4rem;padding:.6rem .8rem}.top-controls{align-items:center;display:flex;gap:.75rem;justify-content:flex-start;margin-bottom:1.5rem;width:100%}.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{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#ffffffb3;cursor:pointer;font-size:.9rem;font-weight:500;padding:12px 20px;position:relative;text-align:left;transition:all .3s ease;width:100%}.category-button:hover{background:#ffffff1a;border-color:#fff3;box-shadow:0 4px 20px #0000004d;color:#fff;color:var(--text-primary);transform:translateY(-2px)}.category-button.active{background:#ffffff26;border-color:#ffffff4d;box-shadow:0 0 20px #ffffff1a;color:#fff}.category-button:hover:not(.disabled){background:#202020;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 #ffffffe6;border-right:2px solid var(--accent-primary);color:#ffffffe6;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{display:flex;flex:1 1;flex-direction:column;position:relative;width:calc(100% - 250px)}.hero-image-container{align-items:center;background:#0a0a0a;background:var(--bg-secondary);border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-primary);display:flex;justify-content:center;overflow:hidden;position:relative;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,#ffffffe6,#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:#1a1a1a;background:var(--bg-card);border-radius:12px;color:#ffffffb3;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{background:#1a1a1a;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:#151515;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:#ffffffb3;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)}.acquired-button{border:1px solid #ffffff0d;border:1px solid var(--border-secondary);box-shadow:none;cursor:not-allowed}.acquired-button,.acquired-button:hover{background:#202020;background:var(--bg-hover);color:#ffffff80;color:var(--text-tertiary)}.acquired-button:hover{transform:none}.modal-overlay{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);inset:0}.purchase-modal{animation:modalAppear .3s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0a0a0af2;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #00000080;display:flex;flex-direction:column;gap:24px;max-height:90vh;max-width:600px;overflow-y:auto;padding:32px;position:relative;width:90%}@keyframes modalAppear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.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:#151515;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{background:#202020;background:var(--bg-hover);border:1px solid #ffffff1a;border:1px solid var(--border-primary);border-radius:8px;color:#ffffffb3;font-size:1.25rem;height:32px;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 #000;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:#0a0a0a;background:var(--bg-secondary);border-radius:3px}.modal-content-scrollable::-webkit-scrollbar-thumb{background-color:#ffffff1a;background-color:var(--border-primary);border:1px solid #0a0a0a;border:1px solid var(--bg-secondary);border-radius:3px}.modal-content-scrollable::-webkit-scrollbar-thumb:hover{background-color:#ffffff80;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:#ffffffb3;color:var(--text-secondary);font-size:.95rem;line-height:1.5}.modal-benefits,.modal-duration,.modal-rewards{background:#151515;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:#ffffffb3;color:var(--text-secondary);font-size:.875rem;padding-left:16px;position:relative}.modal-benefits li:before,.modal-rewards li:before{color:#ffffffe6;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:#151515;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:#ffffffb3;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:#151515;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 #ffffffe6;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:#ffffffb3;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;display:flex;font-size:.9rem;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:#202020;background:var(--bg-hover);border:1px solid #ffffff1a;border:1px solid var(--border-primary);color:#ffffffb3;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,#ffffffe6,#ffffffb3);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border:1px solid #ffd7004d;box-shadow:0 2px 8px #ffd70033;color:#000;color:var(--bg-primary);font-weight:700}.modal-btn.confirm-btn:hover{background:linear-gradient(135deg,#ffffffb3,#ffffffe6);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 #ffffffe6;border:2px solid var(--border-primary);height:16px;width:16px}.modal-preview{background-color:#000;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:#151515;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:#ffffff80;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}.preorder-badge{align-items:center;background:#facc151f;border-radius:999px;color:#facc15;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;letter-spacing:.08em;padding:.25rem .75rem;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.left-header .top-controls{display:flex}.left-header .user-currency-group{order:1}.preorder-badge.active{background:#22c55e2e;color:#4ade80}.modal-warning.preorder-warning{background:#facc1514;border-color:#facc1559;margin-top:1rem}.modal-info.preorder-info{background:#facc1514;border-color:#facc1540}.product-actions{align-items:center;display:flex;gap:.75rem;margin-top:1rem}.share-button{background:#0000;border:1px solid #fff3;border-radius:9999px;color:#ffffff80;color:var(--text-tertiary);cursor:pointer;font-size:.85rem;padding:.6rem 1.2rem;transition:all .2s ease}.share-button:hover{border-color:#ffffff59;color:#fff;color:var(--text-primary);transform:translateY(-1px)}.auth-prompt-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0a0a8c;display:flex;inset:0;justify-content:center;position:fixed;z-index:60}.auth-prompt-modal{background:#0f0f19f2;border:1px solid #ffffff1f;border-radius:16px;box-shadow:0 18px 60px #00000059;max-width:420px;padding:2rem;width:90%}.auth-prompt-modal h3{color:#fff;color:var(--text-primary);font-size:1.25rem;margin:0 0 .75rem}.auth-prompt-modal p{color:#ffffffb3;color:var(--text-secondary);line-height:1.5;margin:0 0 1.5rem}.auth-prompt-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.auth-prompt-actions .modal-btn{flex:1 1 45%;min-width:140px}.left-header .top-controls{align-items:flex-start;flex-direction:column;gap:.5rem}.left-header .back-button{margin-top:.25rem;order:2}.left-header .user-points-display{order:1}.form-group input[type=checkbox]{accent-color:#8b5cf6;border:1.5px solid #8b5cf6;border-radius:4px;height:18px;margin-right:8px;transition:box-shadow .2s;vertical-align:middle;width:18px}.form-group input[type=checkbox]:focus{box-shadow:0 0 0 2px #8b5cf633;outline:none}.form-group label{align-items:center;cursor:pointer;display:flex;gap:8px}: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}.header-button.view-webpage-button{animation:pulseWebPage 2s ease-in-out infinite;background:linear-gradient(135deg,#667eea33,#764ba226);border-color:#667eea4d;color:#667eea;font-weight:600;position:relative}.header-button.view-webpage-button:hover{animation:none;background:linear-gradient(135deg,#667eea4d,#764ba240);border-color:#667eea66;transform:translateY(-2px)}.webpage-count-badge{animation:badgePulse 2s ease-in-out infinite;background:#667eea;border-radius:10px;box-shadow:0 2px 6px #0003;color:#fff;font-size:10px;font-weight:700;min-width:18px;padding:2px 6px;position:absolute;right:-6px;text-align:center;top:-6px}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes pulseWebPage{0%,to{box-shadow:0 2px 8px #667eea4d}50%{box-shadow:0 4px 16px #667eea99}}.header-button.share-button{background:linear-gradient(135deg,#3b82f633,#2563eb26);border-color:#3b82f64d;color:#3b82f6;font-weight:600}.header-button.share-button:hover:not(:disabled){background:linear-gradient(135deg,#3b82f64d,#2563eb40);border-color:#3b82f666;box-shadow:0 4px 12px #3b82f633}[data-theme=light] .header-button.share-button{background:linear-gradient(135deg,#3b82f626,#2563eb1a);border-color:#3b82f640;color:#2563eb}[data-theme=light] .header-button.share-button:hover:not(:disabled){background:linear-gradient(135deg,#3b82f640,#2563eb26);border-color:#3b82f659}.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}.zoom-indicator{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff26;border-radius:4px;color:#202124;color:var(--text-primary);cursor:help;display:flex;font-size:11px;font-weight:600;gap:4px;padding:4px 10px;transition:all .2s ease;-webkit-user-select:none;user-select:none}[data-theme=light] .zoom-indicator{background:#0000000f;border-color:#0000001f;color:#202124}.zoom-indicator:hover{background:#ffffff1f;border-color:#ffffff40;transform:scale(1.05)}[data-theme=light] .zoom-indicator:hover{background:#0000001a;border-color:#0003}.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-actions-toolbar{align-items:center;background:#0000;border:none;border-radius:8px;display:flex;gap:4px;padding:4px 8px}[data-theme=light] .header-actions-toolbar{background:#0000;border:none}.header-action-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;position:relative;transition:all .2s ease;width:32px}.header-action-btn img{height:14px;object-fit:contain;opacity:.9;transition:opacity .2s ease;width:14px}.header-action-btn:hover:not(:disabled){background:#ffffff1a;border-color:#fff3;transform:scale(1.05)}.header-action-btn:hover:not(:disabled) img{opacity:1}[data-theme=light] .header-action-btn:hover:not(:disabled){background:#0000000f;border-color:#0000001f}.header-action-btn:active:not(:disabled){transform:scale(.95)}.header-action-btn:disabled{cursor:not-allowed;opacity:.3;transform:none}.header-action-btn:disabled img{opacity:.3}.header-action-btn.highlight:not(:disabled){animation:pulseHighlight 2s infinite;background:linear-gradient(135deg,#7c3aed1f,#5b21b614);border-color:#7c3aed4d}.header-action-btn.highlight:not(:disabled):before{background:linear-gradient(135deg,#7c3aed66,#5b21b633);border-radius:8px;content:"";inset:-2px;opacity:0;position:absolute;transition:opacity .3s ease;z-index:-1}.header-action-btn.highlight:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed33,#5b21b626);border-color:#7c3aed80}.header-action-btn.highlight:hover:not(:disabled):before{opacity:1}[data-theme=light] .header-action-btn.highlight:not(:disabled){background:linear-gradient(135deg,#7c3aed26,#5b21b61a);border-color:#7c3aed59}@keyframes pulseHighlight{0%,to{box-shadow:0 0 0 0 #7c3aed66}50%{box-shadow:0 0 0 4px #7c3aed1a}}.header-action-btn.danger:hover:not(:disabled){background:#dc354526;border-color:#dc35454d}.header-action-btn.danger:hover:not(:disabled) img{filter:brightness(1.2)}.header-action-divider{background:#ffffff26;height:24px;margin:0 4px;width:1px}[data-theme=light] .header-action-divider{background:#0000001a}.suggested-actions-container{position:relative}.header-action-btn.suggested-toggle{height:28px;width:28px}.suggested-arrow{color:#202124;color:var(--text-primary);display:inline-block;font-size:20px;font-weight:700;transition:transform .3s ease}.suggested-arrow.open{transform:rotate(-90deg)}.suggested-actions-dropdown{animation:dropdownSlideIn .2s ease;background:#fff;background:var(--bg-elevated);border:1px solid #dadce0;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 24px #0000004d;max-width:300px;min-width:250px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:10000}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.suggested-actions-header{align-items:center;background:#ffffff0d;border-bottom:1px solid #dadce0;border-bottom:1px solid var(--border-color);color:#202124;color:var(--text-primary);display:flex;font-size:13px;font-weight:600;justify-content:space-between;padding:12px 16px}[data-theme=light] .suggested-actions-header{background:#00000008}.suggested-close{align-items:center;background:none;border:none;border-radius:4px;color:#5f6368;color:var(--text-secondary);cursor:pointer;display:flex;font-size:16px;height:20px;justify-content:center;padding:0;transition:all .2s ease;width:20px}.suggested-close:hover{background:#ffffff1a;color:#202124;color:var(--text-primary)}[data-theme=light] .suggested-close:hover{background:#0000000d}.suggested-actions-list{max-height:400px;overflow-y:auto;padding:8px}.suggested-action-item{align-items:center;background:#0000;border:none;border-radius:6px;color:#202124;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;gap:12px;padding:10px 12px;text-align:left;transition:all .2s ease;width:100%}.suggested-action-item img{height:16px;object-fit:contain;opacity:.8;width:16px}.suggested-action-item span{flex:1 1}.suggested-action-item kbd{background:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#5f6368;color:var(--text-secondary);font-family:monospace;font-size:11px;padding:2px 6px}[data-theme=light] .suggested-action-item kbd{background:#0000000d;border-color:#0000001a}.suggested-action-item:hover{background:#ffffff14}[data-theme=light] .suggested-action-item:hover{background:#0000000a}.suggested-action-item.highlight{background:linear-gradient(135deg,#7c3aed1a,#5b21b60d);border:1px solid #7c3aed33;margin:4px 0}.suggested-action-item.highlight:hover{background:linear-gradient(135deg,#7c3aed26,#5b21b61a);border-color:#7c3aed4d}.suggested-action-item.danger{color:#ff6b6b}.suggested-action-item.danger:hover{background:#dc35451a}.suggested-empty{align-items:center;color:#5f6368;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:24px 16px;text-align:center}.suggested-empty span{font-size:13px;margin-bottom:4px}.suggested-empty small{font-size:11px;opacity:.7}.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{font-size:11px;font-weight:500}.coord-value,.coord-zoom-btn{color:#202124;color:var(--text-primary)}.coord-zoom-btn{align-items:center;background:#ffffff1a;border:1px solid #ffffff26;border-radius:4px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;height:24px;justify-content:center;line-height:1;margin-left:4px;padding:0;transition:all .2s ease;width:24px}.coord-zoom-btn:hover{background:#fff3;border-color:#ffffff4d;transform:scale(1.1)}.coord-zoom-btn:active{transform:scale(.95)}[data-theme=light] .coord-zoom-btn{background:#0000000f;border-color:#0000001a}[data-theme=light] .coord-zoom-btn:hover{background:#0000001f;border-color:#0003}.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-quick-add-button{align-items:center;background:linear-gradient(135deg,#4a90e2e6,#3b82f6d9);border:none;border-radius:6px;box-shadow:0 2px 8px #4a90e24d;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:600;height:26px;justify-content:center;line-height:1;opacity:0;position:absolute;right:6px;top:6px;transform:scale(.8);transition:all .2s ease;width:26px;z-index:10}.asset-card.n8n-card:hover .asset-quick-add-button{opacity:1;transform:scale(1)}.asset-quick-add-button:hover{background:linear-gradient(135deg,#3b82f6,#2563ebf2);box-shadow:0 4px 12px #4a90e280;transform:scale(1.1)}.asset-quick-add-button:active{transform:scale(.95)}[data-theme=light] .asset-quick-add-button{background:linear-gradient(135deg,#3b82f6f2,#2563ebe6);box-shadow:0 2px 8px #3b82f640}[data-theme=light] .asset-quick-add-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8f2);box-shadow:0 4px 12px #2563eb66}.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{border-bottom:1px solid #dadce0}.modal-header h2{color:#202124;font-size:18px}.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;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{font-size:10px;font-weight:600;margin-left:8px;padding:2px 6px}.remove-button,.required-badge{background:#dc35451a;border-radius:4px;color:#dc3545}.remove-button{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{color:#202124;gap:8px}.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}.icon-type-selector{background:#f8f9fa;background:var(--bg-secondary);border-radius:8px;gap:12px;margin-bottom:16px;padding:12px}.icon-type-selector,.radio-option{border:1px solid #dadce0;border:1px solid var(--border-color);display:flex}.radio-option{align-items:center;background:#fff;background:var(--bg-primary);border-radius:6px;color:#202124;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:13px;gap:8px;justify-content:center;padding:8px 12px;transition:all .2s ease}.radio-option:hover{background:#fff;background:var(--bg-elevated);border-color:#c4c7c5;border-color:var(--border-hover)}.radio-option input[type=radio]{cursor:pointer;margin:0;width:auto}.radio-option input[type=radio]:checked+span{color:#202124;color:var(--text-primary);font-weight:600}.custom-path-input{margin-top:12px}.custom-path-input input{background:#f8f9fa;background:var(--bg-secondary);border:1px solid #dadce0;border:1px solid var(--border-color);border-radius:6px;color:#202124;color:var(--text-primary);font-family:Consolas,Monaco,monospace;font-size:13px;padding:10px 12px;width:100%}.custom-path-input input:focus{background:#fff;background:var(--bg-elevated);border-color:#c4c7c5;border-color:var(--border-hover);outline:none}.help-text{color:#5f6368;color:var(--text-secondary);display:block;font-size:11px;line-height:1.5;margin-top:8px}.icon-preview{align-items:center;background:#fff;background:var(--bg-elevated);border:1px solid #dadce0;border:1px solid var(--border-color);border-radius:6px;display:flex;gap:12px;margin-top:12px;padding:12px}.icon-preview img{background:#fff;background:var(--bg-primary);border:1px solid #dadce0;border:1px solid var(--border-color);border-radius:4px;padding:4px}.icon-preview 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-icon.icon-rotate{animation:yoll-node-icon-spin 1s linear infinite}@keyframes yoll-node-icon-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.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;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-label{font-size:13px}.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;padding:40px 20px}.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-highlight{background:linear-gradient(135deg,#7c3aed1f,#5b21b614);border:1px solid #7c3aed4d;position:relative}.toolbar-btn-highlight:before{background:linear-gradient(135deg,#7c3aed66,#5b21b633);border-radius:6px;content:"";inset:-1px;opacity:0;position:absolute;transition:opacity .3s ease;z-index:-1}.toolbar-btn-highlight:hover{background:linear-gradient(135deg,#7c3aed33,#5b21b626);border-color:#7c3aed80;transform:scale(1.05)}.toolbar-btn-highlight:hover:before{opacity:1}[data-theme=dark] .toolbar-btn-highlight{background:linear-gradient(135deg,#a78bfa26,#8b5cf61a);border-color:#a78bfa66}[data-theme=dark] .toolbar-btn-highlight:hover{background:linear-gradient(135deg,#a78bfa40,#8b5cf62e);border-color:#a78bfa99}.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}.property-advanced-banner{align-items:center;background:linear-gradient(135deg,#667eea1f,#764ba21a);border:1px solid #667eea59;border-radius:10px;display:flex;gap:12px;justify-content:space-between;margin-bottom:18px;padding:14px 16px}.advanced-banner-info h4{color:#202124;color:var(--text-primary);font-size:.95rem;font-weight:600;margin:0}.advanced-banner-info p{color:#5f6368;color:var(--text-secondary);font-size:.8rem;margin:4px 0 0}.advanced-banner-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:10px 16px;transition:transform .2s ease,box-shadow .2s ease}.advanced-banner-button:hover{box-shadow:0 6px 16px #667eea59;transform:translateY(-1px)}.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);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-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)}.dropdown-divider{background:#ffffff1a;height:1px;margin:4px 0}[data-theme=light] .dropdown-divider{background:#0000001a}.dropdown-item.activate-item{background:linear-gradient(135deg,#10b9811a,#0596691a);border-left:3px solid #10b981;padding-left:11px}.dropdown-item.activate-item:hover{background:linear-gradient(135deg,#10b98133,#05966933);color:#10b981}.dropdown-item.activate-item strong{color:#10b981;font-weight:600}.remote-status-badge{align-items:center;background:linear-gradient(135deg,#10b98126,#05966926);border:1px solid #10b9814d;border-radius:8px;display:flex;gap:8px;margin-right:12px;padding:6px 12px;transition:all .3s}.remote-status-badge:hover{background:linear-gradient(135deg,#10b98140,#05966940);border-color:#10b98180;box-shadow:0 4px 12px #10b98133;transform:translateY(-1px)}.remote-status-badge .status-indicator{animation:pulse-green 2s infinite;border-radius:50%;height:8px;width:8px}.remote-status-badge .status-indicator.active{background:#10b981;box-shadow:0 0 8px #10b98199}@keyframes pulse-green{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.remote-status-badge .status-text{color:#10b981;font-size:13px;font-weight:600;white-space:nowrap}.remote-status-badge .status-action-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:4px 6px;transition:all .2s}.remote-status-badge .status-action-btn:hover{background:#10b98133;transform:scale(1.1)}.remote-status-badge .status-action-btn.stop{color:#ef4444}.remote-status-badge .status-action-btn.stop:hover{background:#ef444433}.loading-spinner-small{animation:spin .6s linear infinite;border:2px solid #4a90e233;border-radius:50%;border-top-color:#4a90e2;display:inline-block;height:14px;width:14px}.tutorial-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.tutorial-modal{animation:scaleIn .3s ease;background:#fff;background:var(--bg-primary);border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:80vh;max-width:500px;overflow-y:auto;padding:0;width:90%}.tutorial-header{align-items:center;border-bottom:1px solid #dadce0;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:24px}.tutorial-header h3{color:#202124;color:var(--text-primary);font-size:1.4rem;font-weight:600;margin:0}.tutorial-skip-btn{background:none;border:1px solid #dadce0;border:1px solid var(--border-color);border-radius:6px;color:#5f6368;color:var(--text-secondary);cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s ease}.tutorial-skip-btn:hover{background:#f8f9fa;background:var(--bg-secondary);border-color:#c4c7c5;border-color:var(--border-hover)}.tutorial-content{padding:24px}.tutorial-step{text-align:center}.tutorial-step img{margin-bottom:16px;opacity:.8}.tutorial-step h4{color:#202124;color:var(--text-primary);font-size:1.3rem;font-weight:600;margin:0 0 16px}.tutorial-step p{color:#5f6368;color:var(--text-secondary);line-height:1.6;margin:0 0 16px}.tutorial-step ul{margin:16px 0;padding-left:20px;text-align:left}.tutorial-step li{color:#202124;color:var(--text-primary);line-height:1.5;margin:8px 0}.tutorial-benefits{background:#f8f9fa;background:var(--bg-secondary);border-left:4px solid #8b5cf6;border-radius:8px;font-size:.95rem;margin-top:20px!important;padding:16px}.tutorial-actions{border-top:1px solid #dadce0;border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding:24px}.tutorial-btn{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;padding:12px 24px;transition:all .2s ease}.tutorial-btn.secondary{background:#f8f9fa;background:var(--bg-secondary);border:1px solid #dadce0;border:1px solid var(--border-color);color:#5f6368;color:var(--text-secondary)}.tutorial-btn.secondary:hover{background:#dadce0;background:var(--border-color)}.tutorial-btn.primary{background:#8b5cf6;color:#fff;font-weight:600}.tutorial-btn.primary:hover{background:#7c3aed;transform:translateY(-1px)}@keyframes scaleIn{0%{opacity:0;transform:scale(.9) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:768px){.tutorial-modal{margin:20px;width:95%}.tutorial-actions{flex-direction:column}.tutorial-btn{width:100%}}@keyframes yoll-flow-dash{to{stroke-dashoffset:-24}}.canvas-node-circle.initial-halo{box-shadow:0 0 0 3px #28a74599}.canvas-node-circle.state-running{animation:yoll-node-pulse .9s ease-in-out infinite;box-shadow:0 0 10px #fff9}.canvas-node-circle.state-success{box-shadow:0 0 0 3px #28a745b3}.canvas-node-circle.state-error{box-shadow:0 0 0 3px #dc3545b3}@keyframes yoll-node-pulse{0%{filter:drop-shadow(0 0 0 rgba(255,255,255,0))}50%{filter:drop-shadow(0 0 8px rgba(255,255,255,.8))}to{filter:drop-shadow(0 0 0 rgba(255,255,255,0))}}.node-status-badge{align-items:center;background:#6c757d66;border-radius:50%;display:flex;height:14px;justify-content:center;position:absolute;right:-6px;top:-6px;width:14px}.node-status-badge .inner{background:#fff;border-radius:50%;height:6px;width:6px}.node-status-badge.badge-running{animation:yoll-running-fade 1s ease-in-out infinite;background:#ffc10799}.node-status-badge.badge-running .inner{background:#fff3cd}.node-status-badge.badge-success{background:#28a74599}.node-status-badge.badge-success .inner{background:#d4f3dc}.node-status-badge.badge-error{animation:yoll-error-fade 1.6s ease-in-out infinite;background:#dc3545b3}.node-status-badge.badge-error .inner{background:#ffe8a1}.node-status-badge.badge-idle .inner{background:#d9d9d9}@keyframes yoll-running-fade{0%,to{background:#ffc10766}50%{background:#ffc107e6}}@keyframes yoll-error-fade{0%,to{background:#dc354566}50%{background:#dc3545f2}}.node-logs-list{display:flex;flex-direction:column;gap:8px}.node-log-item{background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;font-size:.82rem;padding:6px 8px}[data-theme=light] .node-log-item{background:#0000000a;border-color:#0000000f}.node-log-item .log-meta{color:#5f6368;color:var(--text-secondary);font-size:.7rem;margin-bottom:4px;text-transform:uppercase}.node-log-item .log-message{color:#202124;color:var(--text-primary);line-height:1.3}.node-log-item.node-log-error{border-left:3px solid #dc3545b3}.node-log-item.node-log-success{border-left:3px solid #28a74599}.node-log-item.node-log-warning{border-left:3px solid #ffc107b3}.help-button{background:#0000;border:none;border-radius:50%;bottom:20px;cursor:pointer;height:48px;justify-content:center;padding:0;transition:all .3s ease;width:48px;z-index:1000}.help-button,.help-tip-toast{align-items:center;display:flex;left:20px;position:fixed}.help-tip-toast{animation:fadeIn .2s ease;background:#1a1a1af2;border:1px solid #ffd70066;border-radius:8px;bottom:84px;box-shadow:0 8px 24px #00000040;color:#f5f5f5;gap:12px;max-width:240px;padding:12px 16px;z-index:1100}.help-tip-toast span{flex:1 1;font-size:13px;line-height:1.4}.help-tip-close{background:#0000;border:none;color:inherit;cursor:pointer;font-size:16px;line-height:1;padding:0}.help-button:hover{background:#ffffff1a}[data-theme=light] .help-button:hover{background:#0000000d}.help-button:active{transform:scale(.95)}.help-button-img{height:32px;object-fit:contain;width:32px}.help-button.pulse{animation:helpButtonPulse 2s infinite}@keyframes helpButtonPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.help-menu-overlay{background:#0000;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.help-menu{animation:helpMenuSlideIn .3s ease-out;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;bottom:85px;box-shadow:0 8px 32px #0003;left:20px;position:fixed;width:320px;z-index:1001}@keyframes helpMenuSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.help-menu-header{align-items:center;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:16px 18px}.help-menu-header h3{color:#202124;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0}.help-menu-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#5f6368;color:var(--text-secondary);cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;line-height:1;transition:all .2s ease;width:32px}.help-menu-close:hover{background:#ffffff1a;color:#202124;color:var(--text-primary)}.help-menu-items{padding:8px}.help-menu-item{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;gap:14px;padding:14px 12px;text-align:left;transition:all .2s ease;width:100%}.help-menu-item:hover{background:#ffffff14}[data-theme=light] .help-menu-item:hover{background:#0000000d}.help-menu-text{display:flex;flex-direction:column;gap:3px}.help-menu-text strong{color:#202124;color:var(--text-primary);font-size:.95rem;font-weight:600}.help-menu-text small{color:#5f6368;color:var(--text-secondary);font-size:.8rem}.help-menu-footer{border-top:1px solid var(--border-primary);padding:10px 18px;text-align:center}.help-menu-footer small{color:#5f6368;color:var(--text-secondary);font-size:.75rem}@media (max-width:768px){.help-button{bottom:16px;height:44px;left:16px;width:44px}.help-button-img{height:28px;width:28px}.help-menu{bottom:68px;left:16px;right:16px;width:calc(100vw - 32px)}}.dropdown-item>div{display:flex;flex-direction:column;gap:2px}.dropdown-item strong{font-size:13px;font-weight:600}.dropdown-item-desc{color:#ffffff80;font-size:11px;font-weight:400;line-height:1.2}[data-theme=light] .dropdown-item-desc{color:#00000080}.dropdown-item:hover .dropdown-item-desc{color:#4a90e2cc}.dropdown-item.activate-item .dropdown-item-desc{color:#10b981b3}.dropdown-item.activate-item:hover .dropdown-item-desc{color:#10b981e6}.dropdown-item.deploy-item{background:linear-gradient(135deg,#ff9f0a1a,#ff6b001a);border-left:3px solid #ff9f0a;padding-left:11px}.dropdown-item.deploy-item:hover{background:linear-gradient(135deg,#ff9f0a26,#ff6b0026);color:#ff9f0a}.dropdown-item.deploy-item .dropdown-item-desc{color:#ff9f0ab3}.dropdown-item.deploy-item:hover .dropdown-item-desc{color:#ff9f0ae6}.execute-dropdown-container{align-items:center;display:flex;position:relative}.yoll-modal-overlay{align-items:center;animation:modalOverlayFadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10500}@keyframes modalOverlayFadeIn{0%{opacity:0}to{opacity:1}}.yoll-modal{animation:modalSlideIn .3s cubic-bezier(.34,1.56,.64,1);background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.yoll-modal-small{width:400px}.yoll-modal-medium{width:900px}.yoll-modal-large{width:1600px}.yoll-modal-fullscreen{height:90vh;max-height:90vh;width:95vw}.yoll-modal-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 24px}.yoll-modal-title-section{align-items:center;display:flex;flex:1 1;gap:12px}.yoll-modal-icon{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;display:flex;height:40px;justify-content:center;width:40px}.yoll-modal-titles{display:flex;flex-direction:column;gap:4px}.yoll-modal-title{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.yoll-modal-subtitle{color:var(--text-secondary);font-size:13px;margin:0}.yoll-modal-header-actions{align-items:center;display:flex;gap:8px}.modal-icon-btn,.yoll-modal-close-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;height:32px;justify-content:center;min-width:32px;padding:0 10px;transition:all .2s ease}.modal-icon-btn img{opacity:.7;transition:opacity .2s ease}.modal-icon-btn:hover,.yoll-modal-close-btn:hover{background:var(--bg-elevated);border-color:var(--border-hover);transform:scale(1.05)}.modal-icon-btn:hover img{opacity:1}.modal-icon-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.yoll-modal-body{flex:1 1;overflow-y:auto;padding:0}.yoll-modal-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:16px 24px}.modal-footer-actions{display:flex;gap:12px;justify-content:flex-end}.modal-btn{font-family:Roboto,sans-serif;padding:10px 20px}.modal-btn-primary{background:var(--text-primary);color:var(--bg-primary)}.modal-btn-primary:hover{box-shadow:0 4px 12px #0003;opacity:.9;transform:translateY(-1px)}.modal-btn-secondary{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary)}.modal-btn-secondary:hover{background:var(--bg-elevated);border-color:var(--border-hover)}.table-config-modal .yoll-modal-body{padding:0}.table-modal-container{background:var(--bg-primary);display:flex;flex-direction:column;height:100%}.table-modal-container.theme-light{--table-bg:#fff;--table-border:#e0e0e0;--table-header-bg:#f5f5f5;--table-row-hover:#f9f9f9;--table-cell-bg:#fff}.table-modal-container.theme-dark{--table-bg:#1e1e1e;--table-border:#333;--table-header-bg:#2a2a2a;--table-row-hover:#252525;--table-cell-bg:#1e1e1e}.table-modal-tabs{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;gap:4px;padding:12px 16px}.table-tab{background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.table-tab.active,.table-tab:hover{background:var(--bg-primary);color:var(--text-primary)}.table-tab.active{border:1px solid var(--border-color)}.table-modal-content{display:flex;flex:1 1;overflow:hidden}.table-grid-container,.table-main-area{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.table-grid-container{padding:16px}.table-empty-state{align-items:center;color:var(--text-secondary);display:flex;flex:1 1;flex-direction:column;gap:16px;justify-content:center}.table-scroll-wrapper{background:var(--table-bg);border:1px solid var(--table-border);border-radius:8px;flex:1 1;overflow:auto}.interactive-table{border-collapse:collapse;font-size:13px;width:100%}.interactive-table thead{background:var(--table-header-bg);position:-webkit-sticky;position:sticky;top:0;z-index:10}.interactive-table th{border-bottom:2px solid var(--table-border);border-right:1px solid var(--table-border);color:var(--text-primary);font-weight:600;padding:12px;text-align:left;white-space:nowrap}.interactive-table th:last-child{border-right:none}.table-header-cell{align-items:center;display:flex;gap:8px;justify-content:space-between}.column-type-badge{background:var(--bg-elevated);border-radius:4px;color:var(--text-secondary);font-size:10px;font-weight:500;padding:2px 6px;text-transform:uppercase}.interactive-table tbody tr{transition:background .2s ease}.interactive-table tbody tr:hover{background:var(--table-row-hover)}.interactive-table td{border-bottom:1px solid var(--table-border);border-right:1px solid var(--table-border);padding:8px 12px}.interactive-table td:last-child{border-right:none}.row-number,.row-number-header{background:var(--table-header-bg);color:var(--text-secondary);font-weight:600;text-align:center;width:50px}.actions-cell,.actions-header{text-align:center;width:80px}.table-cell-input{background:var(--table-cell-bg);border:1px solid #0000;border-radius:4px;color:var(--text-primary);font-size:13px;padding:6px 8px;transition:all .2s ease;width:100%}.table-cell-input:focus{background:var(--bg-elevated);border-color:var(--border-hover);outline:none}.table-cell-input:disabled{cursor:not-allowed;opacity:.6}.table-action-btn{background:#0000;border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:4px 8px;transition:all .2s ease}.table-action-btn:hover{background:var(--bg-elevated);transform:scale(1.1)}.table-action-btn.delete-btn:hover{background:#f443361a}.columns-config-area{flex:1 1;overflow-y:auto;padding:16px}.columns-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.column-config-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:16px}.column-config-header{display:flex;gap:12px;margin-bottom:12px}.column-name-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);flex:1 1;font-size:14px;font-weight:600;padding:8px 12px}.column-config-body{display:flex;flex-direction:column;gap:12px}.config-row{align-items:center;display:flex;gap:8px}.config-row label{color:var(--text-secondary);font-size:13px;min-width:80px}.column-default-input,.column-type-select,.column-width-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);flex:1 1;font-size:13px;padding:6px 10px}.checkbox-label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;gap:6px}.checkbox-label input[type=checkbox]{cursor:pointer;margin:0;width:auto}.settings-area{flex:1 1;overflow-y:auto;padding:24px}.settings-section{margin-bottom:32px}.settings-section h3{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.setting-row{margin-bottom:16px}.setting-row label{font-size:14px;min-width:150px}.setting-input,.setting-select{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);flex:1 1;font-size:14px;padding:10px 12px}.table-properties-panel{background:var(--bg-secondary);border-left:1px solid var(--border-color);display:flex;flex-direction:column;overflow-y:auto;width:300px}.properties-header{background:var(--bg-elevated);border-bottom:2px solid var(--border-color);padding:20px 16px}.properties-header h3{color:var(--text-primary);font-size:15px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.properties-body{flex:1 1;padding:20px 16px}.property-group{border-bottom:1px solid #ffffff0d;margin-bottom:20px;padding-bottom:16px}.property-group:last-child{border-bottom:none}.property-label{color:var(--text-secondary);display:block;font-size:12px;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.property-value{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;font-weight:500;padding:8px 12px}.operation-badge{display:inline-block;text-transform:capitalize}.property-separator{background:var(--border-color);height:1px;margin:16px 0}.property-actions{border-top:2px solid var(--border-color);display:flex;flex-direction:column;gap:10px;margin-top:20px;padding-top:20px}.property-action-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;font-weight:500;justify-content:center;padding:10px 14px;transition:all .2s ease}.property-action-btn:hover{background:var(--bg-elevated);border-color:var(--border-hover);box-shadow:0 2px 8px #0000001a;transform:scale(1.02)}.columns-config-area::-webkit-scrollbar,.settings-area::-webkit-scrollbar,.table-properties-panel::-webkit-scrollbar,.table-scroll-wrapper::-webkit-scrollbar{height:8px;width:8px}.columns-config-area::-webkit-scrollbar-track,.settings-area::-webkit-scrollbar-track,.table-properties-panel::-webkit-scrollbar-track,.table-scroll-wrapper::-webkit-scrollbar-track{background:var(--bg-secondary)}.columns-config-area::-webkit-scrollbar-thumb,.settings-area::-webkit-scrollbar-thumb,.table-properties-panel::-webkit-scrollbar-thumb,.table-scroll-wrapper::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.columns-config-area::-webkit-scrollbar-thumb:hover,.settings-area::-webkit-scrollbar-thumb:hover,.table-properties-panel::-webkit-scrollbar-thumb:hover,.table-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.custom-code-modal{display:flex;flex-direction:column;gap:0;height:100%}.code-modal-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 20px}.language-selector{align-items:center;display:flex;gap:12px}.language-selector label{color:var(--text-secondary);font-weight:500}.language-selector select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:14px;padding:6px 12px}.header-actions{display:flex;gap:12px}.close-button,.save-button,.test-button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.test-button{background:linear-gradient(135deg,#667eea,#764ba2)}.test-button:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.test-button:disabled{opacity:.6}.save-button{background:var(--accent-color)}.save-button:hover{opacity:.9;transform:translateY(-1px)}.close-button:hover{background:var(--bg-secondary)}.code-modal-body{display:flex;flex:1 1;gap:0;overflow:hidden}.code-editor-container{background:#1e1e1e;flex:1 1;height:100%;min-width:0}.editor-loading{background:#1e1e1e;color:#ccc;flex-direction:column;height:100%}.spinner{animation:spin .8s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top-color:#667eea;height:40px;width:40px}.code-sidebar{background:var(--bg-secondary);border-left:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden;width:400px}.variables-section{border-bottom:1px solid var(--border-color);flex:1 1}.console-section,.variables-section{display:flex;flex-direction:column;overflow:hidden}.console-section{height:250px}.section-header{background:var(--bg-primary);border-bottom:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:600;gap:8px;padding:12px 16px;-webkit-user-select:none;user-select:none}.section-header:hover{background:var(--bg-elevated)}.section-header span:first-child{font-size:10px;opacity:.7}.clear-console-btn{background:#0000;border:none;cursor:pointer;font-size:14px;margin-left:auto;opacity:.6;transition:opacity .2s}.clear-console-btn:hover{opacity:1}.section-content{flex:1 1;overflow-y:auto;padding:12px}.variable-block{margin-bottom:16px}.variable-title{align-items:center;background:var(--bg-elevated);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px}.variable-type{color:var(--text-secondary);font-size:11px;font-weight:400}.json-tree{font-family:Courier New,monospace;font-size:12px;line-height:1.6;margin-top:8px}.json-tree details{margin-left:12px}.json-tree summary{border-radius:3px;cursor:pointer;padding:2px 4px}.json-tree summary:hover{background:var(--bg-elevated)}.json-tree-list{list-style:none;margin:4px 0;padding-left:16px}.json-key{color:#9cdcfe;font-weight:500}.json-string{color:#ce9178}.json-number{color:#b5cea8}.json-boolean{color:#569cd6}.json-null{color:grey;font-style:italic}.json-array,.json-object{color:#dcdcaa;font-weight:500}.connections-list{margin-top:8px}.connection-item{background:var(--bg-primary);border-radius:4px;cursor:pointer;font-size:12px;gap:8px;margin-bottom:6px;padding:6px 8px}.connection-name{color:var(--text-secondary);font-size:11px;margin-left:auto}.helpers-list{list-style:none;margin:8px 0 0;padding:0}.helpers-list li{background:var(--bg-primary);border-radius:4px;color:#dcdcaa;font-family:Courier New,monospace;font-size:11px;margin-bottom:4px;padding:6px 8px}.helpers-list code{color:#9cdcfe}.no-data-info{color:var(--text-secondary);padding:20px;text-align:center}.no-data-image{filter:grayscale(1);height:80px;margin-bottom:12px;object-fit:contain;opacity:.5;width:80px}.info-text{font-size:12px;margin-top:8px;opacity:.7}.console-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.console-empty{color:var(--text-secondary);font-size:13px;padding:20px;text-align:center}.console-logs{background:#1e1e1e;flex:1 1;font-family:Courier New,monospace;font-size:12px;overflow-y:auto;padding:8px}.console-line{border-bottom:1px solid #ffffff0d;display:flex;gap:8px;line-height:1.5;padding:4px 8px}.console-time{color:#858585;flex-shrink:0;font-size:11px}.console-message{flex:1 1;word-break:break-word}.console-info .console-message{color:#dcdcdc}.console-warn .console-message{color:#fa0}.console-error .console-message{color:#f44}.console-success .console-message{color:#0f8}.code-modal-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:12px 20px}.footer-info{align-items:center;gap:12px}.success-badge{color:#0f8;font-weight:500}.error-badge{color:#f44;font-weight:500}@media (max-width:1200px){.yoll-modal-fullscreen{height:95vh;width:98vw}.columns-list{grid-template-columns:1fr}.table-properties-panel{width:240px}.code-sidebar{width:350px}}@media (max-width:768px){.table-modal-content{flex-direction:column}.table-properties-panel{border-left:none;border-top:1px solid var(--border-color);max-height:200px;width:100%}.code-modal-body{flex-direction:column}.code-sidebar{border-left:none;border-top:1px solid var(--border-color);height:300px;width:100%}}.http-request-modal{background:var(--bg-elevated);display:flex;flex-direction:column;height:100%;width:100%}.http-modal-header{align-items:center;background:var(--bg-subtle);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 30px}.http-modal-header h2{color:var(--text-primary);font-size:20px;margin:0}.http-modal-actions{align-items:center;display:flex;gap:10px}.http-modal-body{display:flex;flex:1 1;overflow:hidden}.http-main-content{flex:1 1;overflow-y:auto;padding:20px 30px}.http-sidebar{background:var(--bg-subtle);border-left:1px solid var(--border-color);overflow-y:auto;padding:20px;width:400px}.http-section{margin-bottom:25px}.http-section h3{color:var(--text-primary);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.url-builder{align-items:center;display:flex;gap:10px}.method-select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:600;min-width:100px;padding:10px 15px}.method-select:focus{border-color:var(--primary-color);outline:none}.url-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);flex:1 1;font-family:Courier New,monospace;font-size:14px;padding:10px 15px}.url-input:focus{border-color:var(--primary-color);outline:none}.key-value-list{display:flex;flex-direction:column;gap:8px}.key-value-row{align-items:center;display:flex;gap:10px}.key-value-row input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);flex:1 1;font-size:13px;padding:8px 12px}.key-value-row input:first-child{flex:0.4 1;font-weight:500}.key-value-row input:nth-child(2){flex:0.6 1}.key-value-row input:focus{border-color:var(--primary-color);outline:none}.remove-button{background:var(--danger-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 12px;transition:background .2s}.remove-button:hover{background:#c0392b}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.section-header.clickable{cursor:pointer}.section-header.clickable:hover h3{color:var(--primary-color)}.toggle-icon{color:var(--text-secondary);font-size:12px}.add-button{background:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:background .2s}.add-button:hover{background:var(--primary-hover)}.auth-type-select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:14px;margin-bottom:12px;padding:10px 15px;width:100%}.auth-type-select:focus{border-color:var(--primary-color);outline:none}.auth-config{display:flex;flex-direction:column;gap:10px;margin-top:12px}.auth-config input,.auth-config select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:13px;padding:10px 15px}.auth-config input:focus,.auth-config select:focus{border-color:var(--primary-color);outline:none}.body-type-select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:13px;padding:6px 12px}.body-type-select:focus{border-color:var(--primary-color);outline:none}.body-editor,.form-data-section{margin-top:12px}.form-data-section .add-button{margin-bottom:12px}.response-mapping-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-family:Courier New,monospace;font-size:13px;padding:10px 15px;width:100%}.response-mapping-input:focus{border-color:var(--primary-color);outline:none}.advanced-settings{display:flex;flex-direction:column;gap:12px}.setting-row{align-items:center;display:flex;gap:12px}.setting-row label{color:var(--text-secondary);flex:0 0 180px;font-size:13px}.setting-row input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);flex:1 1;font-size:13px;padding:8px 12px}.setting-row input:focus{border-color:var(--primary-color);outline:none}.sidebar-section{background:var(--bg-primary);border-radius:8px;margin-bottom:20px;overflow:hidden}.sidebar-section .section-header{background:var(--bg-elevated);border-bottom:1px solid var(--border-color);margin-bottom:0;padding:12px 15px}.test-results,.variables-content{max-height:400px;overflow-y:auto;padding:15px}.variables-list{margin-bottom:15px}.variable-item{margin-bottom:12px}.variable-item strong{color:var(--text-primary);display:block;font-size:13px;margin-bottom:8px}.variables-help{border-top:1px solid var(--border-color);margin-top:15px;padding-top:15px}.variables-help p{color:var(--text-secondary);font-size:12px;margin:0 0 8px}.variables-help code{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:4px;color:var(--primary-color);display:block;font-family:Courier New,monospace;font-size:12px;margin-bottom:6px;padding:6px 10px}.testing-message{background:var(--bg-elevated);color:var(--text-secondary);padding:12px;text-align:center}.test-result,.testing-message{border-radius:6px;font-size:13px}.test-result{padding:15px}.test-result.success{background:#2ecc711a;border:1px solid #2ecc714d}.test-result.error{background:#e74c3c1a;border:1px solid #e74c3c4d}.result-status,.result-time{color:var(--text-primary);margin:0 0 8px}.result-data{background:var(--bg-elevated);border-radius:6px;margin-top:12px;overflow-x:auto;padding:12px}.result-data strong{color:var(--text-primary);display:block;margin-bottom:8px}.error-message{color:var(--danger-color);font-weight:500;margin:0}.clear-button{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:12px;padding:6px 12px;transition:background .2s}.clear-button:hover{background:var(--bg-primary);color:var(--text-primary)}.test-button{border-radius:6px;color:#fff;padding:10px 20px;transition:background .2s}.test-button:hover:not(:disabled){background:var(--primary-hover)}.save-button{background:var(--success-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background .2s}.save-button:hover{background:#27ae60}.close-button{background:#0000;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:16px;padding:10px 15px;transition:all .2s}.close-button:hover{background:var(--danger-color);border-color:var(--danger-color);color:#fff}.hint{font-size:12px;font-style:italic;margin:8px 0 0}.hint,.no-data{color:var(--text-secondary)}.no-data{background:var(--bg-primary);border-radius:6px;font-size:13px;padding:12px;text-align:center}.http-modal-footer{background:var(--bg-subtle);border-top:1px solid var(--border-color);padding:15px 30px}.footer-info{font-size:12px;margin:0;text-align:center}@media (max-width:1200px){.http-sidebar{width:350px}}@media (max-width:768px){.http-modal-body{flex-direction:column}.http-sidebar{border-left:none;border-top:1px solid var(--border-color);max-height:400px;width:100%}.url-builder{flex-direction:column}.method-select{width:100%}}.html-modal-layout{display:flex;height:700px;overflow:hidden}.html-modal-left{border-right:1px solid var(--border-color);display:flex;flex:1 1;flex-direction:column;min-width:0}.html-modal-right{background:var(--bg-secondary);display:flex;flex-direction:column;width:600px}.preview-sidebar{display:flex;flex-direction:column;height:100%}.html-modal-content{display:flex;flex:1 1;flex-direction:column;gap:0;overflow:hidden;padding:0}.free-limit-alert{align-items:center;background:#fbeaea;border:1px solid #f5c2c7;border-radius:8px;color:#842029;display:flex;font-size:13px;gap:12px;justify-content:space-between;margin:16px 20px;padding:12px 16px}.free-limit-message{flex:1 1;font-weight:600}.btn-upgrade-inline{background:#0000;border:1px solid #b02a37;border-radius:6px;color:#b02a37;cursor:pointer;font-size:13px;font-weight:600;padding:6px 14px;transition:all .2s ease}.btn-upgrade-inline:hover{background:#b02a37;color:#fff}.tab-code{display:flex;flex-direction:column;height:100%;min-height:600px}.code-editor-header{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:12px 20px}.code-label{color:var(--text-primary);font-size:14px;font-weight:600}.btn-refresh{background:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s}.btn-refresh:hover{background:var(--primary-hover);transform:translateY(-1px)}.editor-loading{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;height:500px;justify-content:center}.preview-iframe{background:#fff;border:none;flex:1 1;width:100%}.preview-free-message{background:var(--bg-primary);flex:1 1;padding:40px 24px}.free-message-icon{opacity:.5}.preview-free-message h3{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:12px}.preview-free-message p{color:var(--text-secondary);font-size:14px;line-height:1.6;max-width:400px}.free-message-hint{background:#ffc1071a;border:1px solid #ffc1074d;border-radius:6px;font-size:13px;padding:12px}.btn-upgrade-pro2{background:linear-gradient(135deg,#f39c12,#e67e22);border-radius:6px;font-size:14px;margin-top:16px;padding:12px 24px}.btn-upgrade-pro2:hover{box-shadow:0 4px 12px #f39c1266}.preview-info{background:#fff3cd;border-top:1px solid #ffc107;color:#856404;font-size:11px;padding:8px 16px;text-align:center}.tab-configuration{max-height:500px;overflow-y:auto;padding:24px}.config-section{margin-bottom:24px}.config-label{color:var(--text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.label-required{color:#e74c3c;margin-left:4px}.config-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.config-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a;outline:none}.config-hint{display:block;margin-top:6px}.config-checkbox{align-items:center;cursor:pointer;display:flex;gap:8px;-webkit-user-select:none;user-select:none}.config-checkbox input[type=checkbox]{cursor:pointer;height:18px;width:18px}.config-checkbox span{color:var(--text-primary);font-size:14px}.config-warning{background:#fff3cd;border:1px solid #ffc107;border-radius:6px;color:#856404;font-size:13px;line-height:1.6;padding:16px}.config-warning strong{font-weight:600}.tab-connections{max-height:500px;overflow-y:auto;padding:24px}.connections-section{margin-bottom:24px}.connections-section h3{margin-bottom:16px}.no-connections{color:var(--text-secondary);font-size:14px;padding:40px 20px;text-align:center}.connections-list{list-style:none;margin:0;padding:0}.connection-item{border-radius:6px;margin-bottom:8px;padding:12px}.connection-type{background:var(--primary-color);border-radius:4px;color:#fff;font-size:11px;font-weight:600;padding:4px 8px;text-transform:uppercase}.connection-name{color:var(--text-primary);font-size:14px}.connections-info{background:#e3f2fd;border:1px solid #2196f3;border-radius:6px;color:#1565c0;font-size:13px;line-height:1.6;padding:16px}.connections-info strong{font-weight:600}.preview-free-message{align-items:center;background:linear-gradient(135deg,#000,#fff);display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px;text-align:center}.free-message-icon{animation:pulse 2s ease-in-out infinite;font-size:64px;margin-bottom:20px}.preview-free-message h3{color:#2c3e50;font-size:24px;font-weight:700;margin-bottom:16px}.preview-free-message p{color:#000;font-size:15px;line-height:1.8;margin-bottom:16px;max-width:500px}.free-message-hint{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;color:#856404;font-size:14px!important;margin-top:20px!important;padding:12px 16px}.btn-upgrade-pro2{background:linear-gradient(135deg,#fba729,#a49701);border:none;border-radius:8px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:20px;padding:14px 32px;transition:all .3s}.btn-upgrade-pro2:hover{box-shadow:0 6px 20px #fff9;transform:translateY(-2px)}@media (max-width:768px){.tab-code,.tab-preview{height:400px}.code-editor-header,.preview-toolbar{align-items:flex-start;flex-direction:column;gap:8px}.btn-refresh{width:100%}}.preview-loading{align-items:center;background:linear-gradient(135deg,#00000059,#0009);bottom:0;color:#fff;display:flex;font-weight:600;justify-content:center;left:0;letter-spacing:.5px;pointer-events:none;position:absolute;right:0;top:0;z-index:2}.preview-loading span{animation:blink 1.4s ease-in-out infinite}.preview-frame-wrapper{display:flex;flex:1 1;min-height:420px;position:relative}.webpage-viewer-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.webpage-viewer-container{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;height:95%;max-height:95vh;max-width:1600px;overflow:hidden;width:95%}.webpage-viewer-header{align-items:center;background:linear-gradient(135deg,#fff,#232323);color:#151515;display:flex;justify-content:space-between}.viewer-title{align-items:center;display:flex;font-size:18px;font-weight:600;gap:12px}.viewer-icon{font-size:24px}.viewer-close-btn{background:#fff3;border:none;color:#fff;cursor:pointer;font-size:24px;height:36px;justify-content:center;transition:all .2s;width:36px}.viewer-close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.viewer-close-btn:active{transform:scale(.95)}.webpage-viewer-content{background:#fff;flex:1 1;overflow:hidden;position:relative}.viewer-loading{align-items:center;background:#fff;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#667eea;height:50px;width:50px}.viewer-loading p{color:#5a6c7d;font-size:14px;margin-top:16px}.webpage-viewer-iframe{background:#fff0;border:none;height:100%;transition:opacity .3s;width:100%}.webpage-viewer-footer{align-items:center;background:#0c0c0c;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:2px 2x}.footer-pageId{background:#edf2f7;border-radius:4px;color:#a0aec0;font-family:Courier New,monospace;font-size:12px;padding:4px 8px}@media (max-width:768px){.webpage-viewer-container{border-radius:0;height:100%;max-height:100vh;max-width:100%;width:100%}.webpage-viewer-header{padding:12px 16px}.viewer-title{font-size:16px}.viewer-icon{font-size:20px}.viewer-close-btn{font-size:20px;height:32px;width:32px}.footer-info,.footer-pageId{font-size:12px}}.advanced-ai-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.advanced-ai-modal{background:var(--bg-primary);border-radius:12px;box-shadow:0 20px 60px #0006;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:90%}.modal-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 24px}.modal-header-left{align-items:center;display:flex;gap:16px}.modal-icon{border-radius:8px;height:48px;object-fit:contain;width:48px}.modal-header h2{color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.modal-subtitle{color:var(--text-secondary);display:block;font-size:13px;margin-top:4px}.modal-close-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:28px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.modal-close-btn:hover{background:#ffffff1a;color:var(--text-primary)}.modal-tabs{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;gap:4px;overflow-x:auto;padding:0 24px}.modal-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;transition:all .2s ease;white-space:nowrap}.modal-tab:hover{background:#ffffff0d;color:var(--text-primary)}.modal-tab.active{border-bottom-color:var(--primary-color);color:var(--primary-color)}.modal-content{flex:1 1;overflow-y:auto}.tab-configuration{display:flex;flex-direction:column;gap:20px}.config-section{display:flex;flex-direction:column;gap:8px}.config-section label{align-items:center;color:var(--text-primary);display:flex;font-size:14px;font-weight:500;gap:8px}.config-section label input[type=checkbox]{margin:0}.config-input,.config-select,.config-textarea{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-family:inherit;font-size:14px;padding:10px 12px;transition:all .2s ease}.config-input:focus,.config-select:focus,.config-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #fbbf241a;outline:none}.config-textarea{font-family:Consolas,Monaco,monospace}.config-hint{color:var(--text-secondary);font-size:12px;font-style:italic}.config-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.templates-placeholder{margin-top:12px}.coming-soon-box{background:var(--bg-tertiary);border:2px dashed var(--border-color);border-radius:8px;color:var(--text-secondary);padding:32px 24px;text-align:center}.coming-soon-icon{display:block;font-size:32px;margin-bottom:12px}.coming-soon-box p{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 8px}.coming-soon-box small{color:var(--text-secondary);font-size:13px}.tab-connections{display:flex;flex-direction:column;gap:24px}.connections-section h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 12px}.connections-list{display:flex;flex-direction:column;gap:8px}.connection-item{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:12px;padding:12px 16px}.connection-item.incoming{border-left:3px solid #10b981}.connection-item.outgoing{border-left:3px solid #3b82f6}.connection-arrow{color:var(--text-secondary);font-size:20px;font-weight:700}.connection-details{display:flex;flex:1 1;flex-direction:column;gap:4px}.connection-details strong{color:var(--text-primary);font-size:14px}.connection-details small{color:var(--text-secondary);font-size:12px}.empty-state{padding:40px 20px}.empty-state p{color:var(--text-primary);font-size:16px;font-weight:500;margin:0 0 8px}.empty-state small{color:var(--text-secondary);font-size:13px}.data-preview{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;overflow-x:auto;padding:16px}.data-preview pre{word-wrap:break-word;color:var(--text-primary);font-family:Consolas,Monaco,monospace;font-size:13px;margin:0;white-space:pre-wrap}.tab-history{display:flex;flex-direction:column;gap:16px}.tab-history h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 12px}.history-list{display:flex;flex-direction:column;gap:12px}.history-item{background:var(--bg-tertiary);border-left:1px solid var(--border-color);border:1px solid var(--border-color);border-left-width:3px;border-radius:8px;padding:16px}.history-item.success{border-left-color:#10b981}.history-item.error{border-left-color:#ef4444}.history-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px}.history-status{font-size:13px;font-weight:600}.history-item.success .history-status{color:#10b981}.history-item.error .history-status{color:#ef4444}.history-time{color:var(--text-secondary);font-size:12px}.history-details{gap:12px}.history-details,.history-section{display:flex;flex-direction:column}.history-section{gap:6px}.history-section strong{color:var(--text-secondary);font-size:13px}.history-section p{color:var(--text-primary);font-size:14px;line-height:1.5;margin:0}.history-section.error p{color:#ef4444}.history-meta{border-top:1px solid var(--border-color);display:flex;gap:16px;padding-top:8px}.history-meta span{color:var(--text-secondary);font-size:12px}.tab-test{display:flex;flex-direction:column;gap:20px}.tab-test h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.test-section{display:flex;flex-direction:column;gap:8px}.test-section label{color:var(--text-primary);font-size:14px;font-weight:500}.test-button{background:var(--primary-color);border:none;border-radius:8px;color:#000;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.test-button:hover:not(:disabled){background:#fbbf24;box-shadow:0 4px 12px #fbbf2466;transform:translateY(-2px)}.test-button:disabled{cursor:not-allowed;opacity:.5}.test-result{background:var(--bg-tertiary);border-left:1px solid var(--border-color);border:1px solid var(--border-color);border-left-width:3px;border-radius:8px;padding:16px}.test-result.success{border-left-color:#10b981}.test-result.error{border-left-color:#ef4444}.test-result h4{color:var(--text-primary);font-size:15px;font-weight:600;margin:0 0 12px}.test-error,.test-response{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.test-error strong,.test-response strong{color:var(--text-secondary);font-size:13px}.test-error p,.test-response p{background:var(--bg-primary);border-radius:6px;color:var(--text-primary);font-size:14px;line-height:1.6;margin:0;padding:12px}.test-error p{color:#ef4444}.test-meta{border-top:1px solid var(--border-color);display:flex;gap:16px;padding-top:12px}.test-meta span{color:var(--text-secondary);font-size:12px}.test-warning{background:#fbbf241a;border:1px solid #fbbf244d;border-radius:8px;padding:12px 16px;text-align:center}.test-warning p{color:var(--primary-color);font-size:14px;margin:0}.tab-advanced{display:flex;flex-direction:column;gap:20px}.tab-advanced h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.modal-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.modal-btn{border-radius:8px;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s ease}.btn-secondary{background:#0000;border:1px solid var(--border-color);color:var(--text-primary)}.btn-secondary:hover{background:#ffffff0d}.btn-primary{background:var(--primary-color);color:#000}.btn-primary:hover{background:#fbbf24;box-shadow:0 4px 12px #fbbf2466;transform:translateY(-2px)}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:var(--bg-tertiary)}.modal-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media (max-width:768px){.advanced-ai-modal{max-height:95vh;width:95%}.modal-header{padding:16px}.modal-icon{height:40px;width:40px}.modal-content{padding:16px}.config-grid{grid-template-columns:1fr}.modal-tabs{overflow-x:auto}.modal-tab{font-size:13px;padding:10px 16px}}[data-theme=dark] .advanced-ai-modal{background:#1a1a1a}[data-theme=dark] .modal-footer,[data-theme=dark] .modal-header{background:#222}[data-theme=dark] .config-input,[data-theme=dark] .config-select,[data-theme=dark] .config-textarea{background:#2a2a2a;border-color:#333}[data-theme=light] .advanced-ai-modal{background:#fff}[data-theme=light] .modal-footer,[data-theme=light] .modal-header{background:#f8f9fa}[data-theme=light] .config-input,[data-theme=light] .config-select,[data-theme=light] .config-textarea{background:#f8f9fa;border-color:#e5e7eb}[data-theme=light] .modal-close-btn:hover{background:#0000000d}.modal-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000bf;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.remote-modal-container{animation:slideUp .3s ease;background:var(--bg-secondary);border-radius:16px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:85vh;max-width:1200px;overflow:hidden;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.remote-modal-header{align-items:center;background:var(--bg-elevated);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:24px 28px}.remote-modal-header-left{align-items:center;display:flex;gap:16px}.remote-modal-icon{animation:pulse 2s infinite;font-size:32px}.remote-modal-header h2{color:var(--text-primary);font-size:22px;font-weight:600;margin:0}.remote-modal-subtitle{color:var(--text-secondary);font-size:13px;margin-top:4px}.remote-modal-close{background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:28px;padding:8px;transition:all .2s}.remote-modal-close:hover{background:var(--bg-hover);color:var(--text-primary);transform:rotate(90deg)}.remote-modal-filters{background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;gap:8px;padding:16px 28px}.filter2-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.filter2-btn:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.filter2-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.remote-modal-content{grid-gap:0;display:grid;flex:1 1;gap:0;grid-template-columns:400px 1fr;overflow:hidden}.remote-executions-list{background:var(--bg-primary);border-right:1px solid var(--border-color);overflow-y:auto}.remote-execution-item{align-items:center;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;gap:12px;padding:16px 20px;position:relative;transition:all .2s}.remote-execution-item:hover{background:var(--bg-hover)}.remote-execution-item.selected{background:var(--accent-light);border-left:3px solid var(--accent-primary)}.execution-status-indicator{border-radius:50%;flex-shrink:0;height:8px;width:8px}.execution-info{flex:1 1;min-width:0}.execution-header{align-items:center;display:flex;gap:8px;margin-bottom:4px}.execution-icon{font-size:16px}.execution-trigger{color:var(--text-primary);font-size:13px;font-weight:600}.execution-pulse{animation:spin 1s linear infinite}.execution-time{color:var(--text-secondary);font-size:12px;margin-bottom:4px}.execution-duration,.execution-nodes{color:var(--text-tertiary);font-size:11px}.execution-expand-btn{background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;padding:4px 8px;transition:all .2s}.execution-expand-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.remote-empty-state{padding:60px 20px;text-align:center}.empty-icon{font-size:48px;margin-bottom:16px}.empty-text{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:8px}.empty-hint{color:var(--text-secondary);font-size:13px}.remote-execution-details{background:var(--bg-secondary);overflow-y:auto;padding:28px}.details-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.details-header h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.details-id{color:var(--text-tertiary);font-family:Monaco,monospace;font-size:12px}.details-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:28px}.stat-card{background:var(--bg-primary);border:1px solid var(--border-color);padding:16px}.stat-label{font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.stat-value{font-size:20px}.details-logs{margin-bottom:28px}.details-logs h4{color:var(--text-primary);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.logs-container{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;font-family:Monaco,Courier New,monospace;font-size:12px;max-height:300px;overflow-y:auto;padding:12px}.log-entry{border-radius:4px;display:flex;gap:12px;margin-bottom:4px;padding:6px 8px}.log-entry:hover{background:var(--bg-hover)}.log-time{color:var(--text-tertiary);flex-shrink:0}.log-node{color:var(--console-info);flex-shrink:0;min-width:100px}.log-message{color:var(--text-primary);flex:1 1}.log-error .log-message{color:var(--console-error)}.log-success .log-message{color:var(--console-success)}.log-warning .log-message{color:var(--console-warning)}.details-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;margin-bottom:28px;padding:16px}.details-error h4{color:var(--console-error);font-size:14px;font-weight:600;margin:0 0 12px}.error-message{color:var(--text-primary);font-family:Monaco,monospace;font-size:13px;margin-bottom:12px}.error-stack{margin-top:12px}.error-stack summary{color:var(--text-secondary);cursor:pointer;font-size:12px;-webkit-user-select:none;user-select:none}.error-stack pre{background:var(--bg-primary);border-radius:4px;font-size:11px;margin-top:8px;overflow-x:auto;padding:12px}.details-nodes h4{color:var(--text-primary);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.nodes-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.node-status-card{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:12px;padding:12px}.node-status-indicator{border-radius:50%;flex-shrink:0;height:10px;width:10px}.node-status-info{flex:1 1;min-width:0}.node-status-name{color:var(--text-primary);font-size:13px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node-status-state{color:var(--text-secondary);font-size:12px}.node-status-duration{color:var(--text-tertiary);font-size:11px;margin-top:2px}.remote-modal-footer{align-items:center;background:var(--bg-elevated);border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 28px}.footer-info{color:var(--text-secondary);display:flex;font-size:13px;gap:20px}.footer-polling{animation:pulse 2s infinite}.footer-close-btn{background:var(--accent-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s}.footer-close-btn:hover{background:var(--accent-hover);box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.logs-container::-webkit-scrollbar,.remote-execution-details::-webkit-scrollbar,.remote-executions-list::-webkit-scrollbar{width:8px}.logs-container::-webkit-scrollbar-track,.remote-execution-details::-webkit-scrollbar-track,.remote-executions-list::-webkit-scrollbar-track{background:var(--bg-primary)}.logs-container::-webkit-scrollbar-thumb,.remote-execution-details::-webkit-scrollbar-thumb,.remote-executions-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.logs-container::-webkit-scrollbar-thumb:hover,.remote-execution-details::-webkit-scrollbar-thumb:hover,.remote-executions-list::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}@media (max-width:1024px){.remote-modal-content{grid-template-columns:1fr}.remote-executions-list{border-bottom:1px solid var(--border-color);border-right:none;max-height:300px}}: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,.tokens-indicator{border:1px solid #ffffff0d;border:1px solid var(--border-secondary);border-radius:8px;padding:8px 16px}.automation-counter,.history-button,.tokens-indicator{background:#1e1e1e;background:var(--bg-card);color:#a0a0a0;color:var(--text-secondary);font-size:.85rem}.history-button{align-items:center;border:1px solid #ffffff1a;border:1px solid var(--border-primary);border-radius:6px;cursor:pointer;display:flex;gap:6px;padding:8px 12px;transition:all .2s cubic-bezier(.25,.8,.25,1);transition:all var(--transition)}.history-button:hover{background:#fbbf241a;border-color:#fbbf24;border-color:var(--accent-primary);color:#fbbf24;color:var(--accent-primary)}.history-button .nav-icon{height:16px;width:16px}.theme-toggle-btn{background:#1e1e1e;background:var(--bg-card);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)}.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}.history-btn{background:#9333ea1a;border:1px solid #9333ea33;color:#9333ea}.history-btn:hover{background:#9333ea33}.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}.share-modal{max-height:90vh;max-width:600px;min-width:500px;overflow-y:auto}.share-form{display:flex;flex-direction:column;gap:16px;margin-bottom:20px;max-height:calc(90vh - 180px);overflow-y:auto;padding-right:8px}.share-form .form-group{display:flex;flex-direction:column;gap:6px}.share-form label{color:#fff;color:var(--text-primary);font-size:.9rem;font-weight:500}.share-form input,.share-form select,.share-form textarea{background:#151515;background:var(--bg-secondary);border:1px solid #ffffff1a;border:1px solid var(--border-primary);border-radius:6px;color:#fff;color:var(--text-primary);font-size:.95rem;padding:10px 12px;transition:all .2s ease;width:100%}.share-form textarea{font-family:inherit;resize:vertical}.share-form input:focus,.share-form select:focus,.share-form textarea:focus{border-color:#fbbf24;border-color:var(--accent-primary);box-shadow:0 0 0 2px #ffd70026;outline:none}.share-form small{color:#a0a0a0;color:var(--text-secondary);font-size:.8rem;margin-top:4px}.share-form select{cursor:pointer}.share-modal .modal-content{animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@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}.remote-automations-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.remote-actions{align-items:center;display:flex;gap:.75rem}.refresh-remote-btn{background:#151515;background:var(--bg-secondary);border:1px solid #ffffff1a;border:1px solid var(--border-primary);border-radius:6px;color:#fff;color:var(--text-primary);cursor:pointer;font-size:.85rem;font-weight:500;padding:.45rem 1rem;transition:all .2s cubic-bezier(.25,.8,.25,1);transition:all var(--transition)}.refresh-remote-btn:disabled{cursor:not-allowed;opacity:.6}.refresh-remote-btn:not(:disabled):hover{border-color:#fbbf24;border-color:var(--accent-primary);color:#fbbf24;color:var(--accent-primary)}.last-sync{color:#666;color:var(--text-tertiary);font-size:.75rem}.remote-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;margin-bottom:1rem;padding:.75rem 1rem}.remote-stats-card{grid-gap:1rem;background:#151515;background:var(--bg-secondary);border:1px solid #ffffff0d;border:1px solid var(--border-secondary);border-radius:10px;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:1.5rem;padding:1rem 1.25rem}.remote-stats-card .stat-label{color:#666;color:var(--text-tertiary);display:block;font-size:.75rem;margin-bottom:.25rem}.remote-stats-card .stat-value{color:#fff;color:var(--text-primary);font-size:1.1rem;font-weight:600}.remote-stats-card .stat-value.error{color:#ef4444}.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}.remote-automation-item .automation-status{color:#4ade80;color:var(--status-success);font-size:.85rem;font-weight:500}.remote-automation-item .automation-status.error{color:#ef4444}.remote-item-actions{align-items:center;display:flex;gap:.5rem}.remote-list .loading-state{align-items:center;color:#a0a0a0;color:var(--text-secondary);display:flex;flex-direction:column;gap:.75rem}.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}.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%}}.analytics-section{padding:20px}.analytics-section .section-title{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:1.8rem;font-weight:700;margin-bottom:30px}.analytics-section .title-icon{margin-right:12px}.stats-grid-free{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:30px}.stat-card{align-items:center;background:#1e1e1e;background:var(--bg-card);border:1px solid #ffffff1a;border:1px solid var(--border-primary);border-radius:12px;display:flex;gap:15px;padding:20px;transition:.2s cubic-bezier(.25,.8,.25,1);transition:var(--transition)}.stat-card:hover{border-color:#fbbf24;border-color:var(--accent-primary);box-shadow:0 4px 16px #0006;box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{align-items:center;background:linear-gradient(135deg,#151515,#1a1a1a);background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border-radius:12px;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.stat-content{flex:1 1}.stat-label{color:#a0a0a0;color:var(--text-secondary);font-size:.85rem;margin-bottom:5px}.stat-value{color:#fff;color:var(--text-primary);font-size:2rem;font-weight:700}.stat-trend{color:#60a5fa;color:var(--status-info);font-size:.75rem;margin-top:5px}.stats-section-title{color:#fff;color:var(--text-primary);font-size:1.3rem;font-weight:600;margin:30px 0 15px}.assets-usage-list{background:#1e1e1e;background:var(--bg-card);border:1px solid #ffffff1a;border:1px solid var(--border-primary);border-radius:12px;padding:15px}.asset-usage-item{align-items:center;border-bottom:1px solid #ffffff0d;border-bottom:1px solid var(--border-secondary);display:flex;justify-content:space-between;padding:12px}.asset-usage-item:last-child{border-bottom:none}.asset-name{color:#fff;color:var(--text-primary);font-weight:500}.asset-count{background:#151515;background:var(--bg-secondary);border-radius:20px;color:#a0a0a0;color:var(--text-secondary);font-size:.9rem;padding:4px 12px}.empty-stats{color:#666;color:var(--text-tertiary);padding:40px;text-align:center}.pro-stats-divider{align-items:center;display:flex;gap:15px;margin:40px 0 30px}.divider-line{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);background:linear-gradient(90deg,#0000,var(--border-primary),#0000);flex:1 1;height:1px}.divider-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f59e0b,#fbbf24);background:linear-gradient(135deg,var(--accent-secondary),var(--accent-primary));-webkit-background-clip:text;background-clip:text;color:#fbbf24;color:var(--accent-primary);font-size:1rem;font-weight:600;padding:0 10px}.stats-grid-pro{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:30px}.stat-card.pro{background:linear-gradient(135deg,#1e1e1e,#151515);background:linear-gradient(135deg,var(--bg-card),var(--bg-secondary));border:1px solid #fbbf24;border:1px solid var(--accent-primary)}.stat-card.pro:hover{border-color:#f59e0b;border-color:var(--accent-secondary);box-shadow:0 4px 20px #fbbf244d}.executions-chart{background:#1e1e1e;background:var(--bg-card);border:1px solid #ffffff1a;border:1px solid var(--border-primary);border-radius:12px;min-height:300px;padding:30px}.chart-placeholder{align-items:center;display:flex;flex-direction:column;gap:15px;height:250px;justify-content:center}.chart-placeholder p{color:#666;color:var(--text-tertiary);font-size:.95rem}.stats-grid-locked{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:30px}.stat-card.locked{overflow:hidden;position:relative}.lock-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;bottom:0;display:flex;flex-direction:column;gap:8px;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:2}.lock-icon{font-size:32px}.lock-text{color:#fbbf24;color:var(--accent-primary);font-size:.85rem;font-weight:600}.stat-content.blurred{filter:blur(6px);opacity:.3}.upgrade-cta-analytics{background:linear-gradient(135deg,#fbbf241a,#f59e0b1a);border:2px solid #fbbf24;border:2px solid var(--accent-primary);border-radius:16px;margin-top:30px;padding:40px;text-align:center}.cta-content h3{color:#fff;color:var(--text-primary);font-size:1.8rem;margin-bottom:10px}.cta-content p{color:#a0a0a0;color:var(--text-secondary);font-size:1rem;margin-bottom:25px}.upgrade-btn{background:linear-gradient(135deg,#f59e0b,#fbbf24);background:linear-gradient(135deg,var(--accent-secondary),var(--accent-primary));border:none;border-radius:10px;color:#000;cursor:pointer;font-size:1.1rem;font-weight:700;padding:14px 40px;transition:.2s cubic-bezier(.25,.8,.25,1);transition:var(--transition)}.upgrade-btn:hover{box-shadow:0 8px 25px #fbbf2480;transform:translateY(-3px)}.pro-tips-section{margin-top:30px}.pro-tip-card{align-items:center;background:#fbbf2414;border:1px solid #fbbf2433;border-radius:12px;display:flex;gap:16px;margin-bottom:16px;padding:20px 24px}.pro-tip-content{flex:1 1}.pro-tip-title{color:#fbbf24;color:var(--accent-primary);font-size:1.1rem;font-weight:600;margin-bottom:8px}.pro-tip-text{color:#a0a0a0;color:var(--text-secondary);font-size:.95rem;line-height:1.5}@media (max-width:1200px){.stats-grid-free,.stats-grid-locked,.stats-grid-pro{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.stats-grid-free,.stats-grid-locked,.stats-grid-pro{grid-template-columns:1fr}.analytics-section .section-title,.stat-value{font-size:1.5rem}}.maintenance-banner{align-items:center;background:linear-gradient(135deg,#b91c1c,#ef4444);border-radius:10px;box-shadow:0 8px 24px #00000059;color:#fff;display:flex;gap:12px;justify-content:space-between;left:50%;padding:12px 16px;position:fixed;top:127px;top:calc(var(--yoll-header-height, 84px) + 43px);transform:translateX(-50%);width:min(760px,calc(100vw - 32px));z-index:1200}.maintenance-banner span{font-size:.95rem;line-height:1.4}.maintenance-close{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;font-size:18px;height:28px;justify-content:center;line-height:26px;transition:background .2s ease;width:28px}.maintenance-close:hover{background:#ffffff4d}: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{background:#1a1a1a;background:var(--learn-bg-tertiary);border:2px solid #ffffff1a;border:2px solid var(--learn-border-primary);color:#a0a0a0;color:var(--learn-text-secondary);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}}.learn-social-notification-section{background:linear-gradient(135deg,#151515,#1a1a1a);background:linear-gradient(135deg,var(--learn-bg-secondary) 0,var(--learn-bg-tertiary) 100%);border:1px solid var(--learn-border);border-radius:12px;margin-top:30px;padding:20px}.learn-fomo-message{align-items:flex-start;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-radius:12px;box-shadow:0 8px 20px #ff6b6b4d;color:#fff;display:flex;gap:16px;margin-bottom:24px;overflow:hidden;padding:20px;position:relative}.learn-fomo-message:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23fff' fill-opacity='.1' fill-rule='evenodd'/%3E%3C/svg%3E") repeat;bottom:0;content:"";left:0;opacity:.1;position:absolute;right:0;top:0;z-index:0}.fomo-icon{animation:pulse 2s infinite;font-size:2.5rem;z-index:1}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.fomo-content{flex:1 1;z-index:1}.fomo-main{font-size:1.1rem;font-weight:600;margin:0 0 8px;text-shadow:0 2px 4px #0000004d}.fomo-urgency{animation:blink 3s infinite;font-size:.95rem;font-weight:500;margin:0;opacity:.9}@keyframes blink{0%,50%,to{opacity:.9}25%,75%{opacity:1}}.learn-notification-buttons h3{color:#fff;color:var(--learn-text-primary);font-size:1.3rem;font-weight:600;margin:0 0 8px;text-align:center}.learn-notification-buttons p{color:#a0a0a0;color:var(--learn-text-secondary);font-size:.95rem;margin:0 0 20px;text-align:center}.social-buttons{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}@media (max-width:768px){.social-buttons{grid-template-columns:1fr}}.social-btn{align-items:center;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;font-weight:500;gap:16px;overflow:hidden;padding:20px;position:relative;text-decoration:none;transition:all .3s ease}.social-btn:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.social-btn:hover:before{left:100%}.social-btn:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-2px)}.instagram-btn{background:linear-gradient(135deg,#405de6,#5851db 25%,#833ab4 50%,#c13584 75%,#e1306c 85%,#fd1d1d);color:#fff}.twitter-btn{background:linear-gradient(135deg,#1da1f2,#0d8bd9);color:#fff}.social-icon{flex-shrink:0;font-size:2rem}.social-text{align-items:flex-start;display:flex;flex-direction:column}.social-platform{font-size:1.1rem;font-weight:600;margin-bottom:4px}.social-handle{font-size:.9rem;font-weight:400;opacity:.9}.preview-lesson{background:linear-gradient(135deg,#151515,#1a1a1a);background:linear-gradient(135deg,var(--learn-bg-secondary) 0,var(--learn-bg-tertiary) 100%);border-radius:12px;overflow:hidden}.preview-header{background:linear-gradient(135deg,#f7b733,#fc4a1a);color:#fff;padding:30px;position:relative;text-align:center}.preview-header h1{animation:glow 2s ease-in-out infinite alternate;font-size:2.5rem;margin:0 0 8px;text-shadow:0 2px 4px #0000004d}@keyframes glow{0%{text-shadow:0 2px 4px #0000004d}to{text-shadow:0 2px 4px #0000004d,0 0 20px #ffffff80}}.preview-header h2{font-size:1.8rem;font-weight:400;margin:0 0 16px}.preview-badge{background:#fff3;border:1px solid #ffffff4d;border-radius:20px;display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:1px;padding:8px 16px}.preview-content{color:#fff;color:var(--learn-text-primary);padding:30px}.preview-list{list-style:none;padding:0}.preview-list li{align-items:flex-start;border-bottom:1px solid var(--learn-border);display:flex;gap:12px;padding:12px 0}.preview-list li:last-child{border-bottom:none}.preview-highlight{background:linear-gradient(135deg,#f7b7331a,#fc4a1a1a);border-left:4px solid gold;border-left:4px solid var(--learn-accent-primary);border-radius:0 8px 8px 0;margin:24px 0;padding:24px}.preview-highlight h3{color:gold;color:var(--learn-accent-primary);margin:0 0 16px}.fomo-section{background:#1a1a1a;background:var(--learn-bg-tertiary);border-left:4px solid #e74c3c;border-radius:8px;margin:20px 0;padding:20px}.fomo-section blockquote{color:#a0a0a0;color:var(--learn-text-secondary);font-style:italic;margin:0;padding:0}.fomo-section footer{color:#666;color:var(--learn-text-tertiary);font-size:.9rem;font-weight:500;margin-top:12px}.points-reward{align-items:center;background:linear-gradient(135deg,#f39c12,#e67e22);border-radius:12px;box-shadow:0 8px 20px #f39c124d;color:#fff;display:flex;gap:20px;margin-top:30px;padding:24px}.points-icon{animation:bounce 2s infinite;font-size:3rem}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.points-text h4{font-size:1.5rem;margin:0 0 8px;text-shadow:0 2px 4px #0000004d}.points-text p{font-size:1rem;margin:0;opacity:.95}.learn-skip-section{display:flex;justify-content:center;margin:20px 0;padding:0 20px}.learn-skip-btn{align-items:center;background:linear-gradient(135deg,#95a5a6,#7f8c8d);border:none;border-radius:8px;box-shadow:0 4px 12px #95a5a64d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.learn-skip-btn:hover{background:linear-gradient(135deg,#bdc3c7,#95a5a6);box-shadow:0 6px 16px #95a5a666;transform:translateY(-2px)}.learn-skip-btn:active{box-shadow:0 2px 8px #95a5a64d;transform:translateY(0)}.learn-skip-btn img{transition:transform .3s ease}.learn-skip-btn:hover img{transform:translateX(2px)}.ide-yoll-container{background-color:#000;color:#e0e0e0;font-family:Arimo,sans-serif;isolation:isolate;min-height:100vh;overflow-x:hidden;padding-top:80px;position:relative}.inline-flex-items-center-Linuxbtn{align-items:center;background-color:initial;border:1px solid #ffffff4d;border-radius:9999px;color:#fff;display:inline-flex;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:background-color .2s ease,border-color .2s ease}#starfield-background{height:100vh;left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:0}.download-button,.hero-foreground{opacity:1!important;pointer-events:auto;position:relative;transform:none!important;transition:none!important;z-index:9999}.download-button:focus,.download-button:hover{opacity:1!important}.translucent-card{backdrop-filter:none;-webkit-backdrop-filter:none;background-color:#0a0a0abf;border:1px solid #ffffff1a;transition:background-color .3s ease,border-color .3s ease,transform .3s ease}.translucent-card:hover{background-color:#0f0f0fbf;border-color:#fff3;transform:translateY(-5px)}#side-nav{left:1.5rem;opacity:.6;position:fixed;top:50%;transform:translateY(-50%);transition:opacity .3s ease;z-index:50}#side-nav:hover{opacity:1}#side-nav ul{align-items:center;display:flex;flex-direction:column;gap:1.5rem;list-style:none;margin:0;padding:0;position:relative}#side-nav ul:before{background-image:linear-gradient(180deg,#fff3 50%,#0000 0);background-repeat:repeat-y;background-size:2px 10px;content:"";height:calc(100% - 20px);left:50%;position:absolute;top:10px;transform:translateX(-50%);width:2px}#side-nav a{background-color:#ffffff4d;border-radius:50%;display:block;height:12px;position:relative;transition:all .3s ease;width:12px;z-index:1}#side-nav li:hover a{background-color:#fff9;transform:scale(1.3)}#side-nav li.active a{background-color:#fff;box-shadow:0 0 15px #ffffff80;transform:scale(1.5)}.section-fade-in{opacity:1!important;transform:none!important;transition:none!important}.ide-yoll-container .hero-foreground h1,.ide-yoll-container .hero-foreground p,.ide-yoll-container .hero-foreground span{-webkit-text-fill-color:unset!important;color:var(--text-primary)!important;opacity:1!important;transition:none!important;z-index:10000!important}.ide-yoll-container .bg-clip-text.text-transparent{background-clip:text!important;-webkit-background-clip:text!important}.ide-yoll-container .bg-clip-text.text-transparent,.ide-yoll-container .text-transparent{-webkit-text-fill-color:currentColor!important;color:inherit!important}.ide-yoll-container .hero-image-container.fixed-hero{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;z-index:1!important}.ide-yoll-container .hero-overlay-text{opacity:1!important;position:relative;transition:none!important;z-index:10!important}.w-full{width:100%}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.text-center{text-align:center}.mx-auto{margin-left:auto;margin-right:auto}.p-8{padding:2rem}.p-12{padding:3rem}.p-16{padding:4rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.px-8{padding-left:2rem;padding-right:2rem}.mt-8{margin-top:2rem}.mt-16{margin-top:4rem}.mb-6{margin-bottom:1.5rem}.mb-16{margin-bottom:4rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-3xl{max-width:48rem}.text-5xl{font-size:3rem;line-height:1.05}.text-4xl{font-size:2.25rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-white{color:#fff}.text-gray-300{color:#d1d5db}.text-gray-400{color:#9ca3af}.font-bold{font-weight:700}.font-title{font-family:Tajawal,sans-serif;font-weight:200}.leading-tight{line-height:1.05}.tracking-wider{letter-spacing:.6px}.rounded-full{border-radius:9999px}.shadow-lg{box-shadow:0 10px 15px #0006}.inline-block{display:inline-block}.object-cover{object-fit:cover}@media (min-width:768px){.md\:p-16{padding:4rem}.md\:text-7xl{font-size:4rem}.md\:text-5xl{font-size:2.5rem}.md\:text-xl{font-size:1.25rem}}@media (min-width:1024px){.lg\:text-8xl{font-size:4.5rem}}.bg-white{background-color:#fff}.text-black{color:#000}.transition-transform{transition:transform .3s ease}.duration-300{transition-duration:.3s}.hover\:scale-105:hover{transform:scale(1.05)}.hover\:bg-gray-200:hover{background-color:#e5e7eb}.hero-image-container.fixed-hero{z-index:1!important}.hero-overlay-text{opacity:1!important;position:relative;transition:none!important;z-index:10!important}.ide-yoll-container *,.ide-yoll-container :after,.ide-yoll-container :before{animation:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important;mix-blend-mode:normal!important;opacity:1!important;transition:none!important;visibility:visible!important;will-change:auto!important}.ide-yoll-container *,.ide-yoll-container .bg-clip-text.text-transparent,.ide-yoll-container .text-transparent,.ide-yoll-container [class*=text-transparent]{-webkit-text-fill-color:currentColor!important;color:currentColor!important}.ide-yoll-container .bg-gradient-to-r,.ide-yoll-container [class*=bg-gradient-]{background:none!important}.ide-yoll-container .section-fade-in,.ide-yoll-container .section-fade-in.visible,.ide-yoll-container .visible{opacity:1!important;transform:none!important;transition:none!important}.ide-yoll-container main{position:relative;z-index:2}