@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap";:root{--primary: #FF6B35;--primary-dark: #E55A2B;--primary-light: #FF8C5A;--primary-glow: rgba(255, 107, 53, .15);--dark: #0F0F12;--dark-secondary: #1A1A1F;--dark-tertiary: #252529;--light: #FFFFFF;--light-secondary: #F8F8FA;--light-tertiary: #EDEDF0;--text-primary: #0F0F12;--text-secondary: #5A5A65;--text-muted: #9090A0;--success: #00C48C;--warning: #FFB800;--error: #FF4757;--font-display: "Outfit", -apple-system, sans-serif;--font-body: "DM Sans", -apple-system, sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 100px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .16);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease}.landing-v2{min-height:100vh;background:var(--light);font-family:var(--font-body);color:var(--text-primary);overflow-x:hidden}.landing-v2 *{box-sizing:border-box}.text-accent{color:var(--primary)}.section-tag{display:inline-flex;align-items:center;padding:6px 14px;background:var(--primary-glow);color:var(--primary);font-size:13px;font-weight:600;border-radius:var(--radius-full);margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.nav-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid transparent;transition:var(--transition-base)}.nav-header.scrolled{border-bottom-color:var(--light-tertiary);box-shadow:var(--shadow-sm)}.nav-container{display:flex;align-items:center;justify-content:space-between;max-width:1280px;margin:0 auto;padding:16px 48px}.nav-logo{display:flex;align-items:center;gap:10px;cursor:pointer}.logo-icon-new{position:relative;width:36px;height:36px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff}.logo-clock-dot{position:absolute;bottom:4px;right:4px;width:10px;height:10px;background:var(--success);border-radius:50%;border:2px solid white}.logo-text-new{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--text-primary)}.nav-links-desktop{display:flex;align-items:center;gap:36px}.nav-links-desktop a{font-size:15px;font-weight:500;color:var(--text-secondary);text-decoration:none;transition:var(--transition-fast)}.nav-links-desktop a:hover{color:var(--primary)}.nav-actions{display:flex;align-items:center;gap:12px}.btn-nav-secondary{padding:10px 20px;background:transparent;border:none;font-family:var(--font-body);font-size:14px;font-weight:600;color:var(--text-primary);cursor:pointer;border-radius:var(--radius-md);transition:var(--transition-fast)}.btn-nav-secondary:hover{background:var(--light-secondary)}.btn-nav-primary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--primary);border:none;font-family:var(--font-body);font-size:14px;font-weight:600;color:#fff;cursor:pointer;border-radius:var(--radius-full);transition:var(--transition-base)}.btn-nav-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 16px #ff6b354d}.mobile-menu-btn{display:none;padding:8px;background:none;border:none;color:var(--text-primary);cursor:pointer}.mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--light-tertiary);padding:20px 24px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:var(--transition-base)}.mobile-menu.open{opacity:1;visibility:visible;transform:translateY(0)}.mobile-nav-links{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.mobile-nav-links a{font-size:16px;font-weight:500;color:var(--text-primary);text-decoration:none;padding:8px 0}.mobile-nav-actions{display:flex;flex-direction:column;gap:12px}.btn-mobile-secondary,.btn-mobile-primary{width:100%;padding:14px;font-family:var(--font-body);font-size:15px;font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast)}.btn-mobile-secondary{background:var(--light-secondary);border:none;color:var(--text-primary)}.btn-mobile-primary{background:var(--primary);border:none;color:#fff}.hero-v2{position:relative;min-height:100vh;display:flex;align-items:center;padding:120px 48px 80px;max-width:1400px;margin:0 auto;gap:60px}.hero-bg-gradient{position:absolute;top:0;right:-200px;width:800px;height:800px;background:radial-gradient(circle,rgba(255,107,53,.08) 0%,transparent 70%);pointer-events:none;z-index:0}.hero-content-v2{flex:1;max-width:600px;position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#00a878;color:#fff;font-size:13px;font-weight:600;border-radius:var(--radius-full);margin-bottom:24px;animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,to{box-shadow:0 0 #00c48c66}50%{box-shadow:0 0 0 8px #00c48c00}}.hero-headline{font-family:var(--font-display);font-size:52px;font-weight:800;line-height:1.1;color:var(--text-primary);margin:0 0 24px;letter-spacing:-1px}.headline-highlight{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subheadline{font-size:18px;line-height:1.7;color:var(--text-secondary);margin:0 0 32px}.hero-cta-group{display:flex;gap:16px;margin-bottom:40px}.btn-hero-primary{display:flex;align-items:center;gap:10px;padding:16px 28px;background:var(--primary);border:none;font-family:var(--font-body);font-size:16px;font-weight:600;color:#fff;cursor:pointer;border-radius:var(--radius-full);transition:var(--transition-base)}.btn-hero-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 8px 24px #ff6b3559}.btn-hero-secondary{display:flex;align-items:center;gap:10px;padding:16px 28px;background:var(--light-secondary);border:1px solid var(--light-tertiary);font-family:var(--font-body);font-size:16px;font-weight:600;color:var(--text-primary);cursor:pointer;border-radius:var(--radius-full);transition:var(--transition-base)}.btn-hero-secondary:hover{background:var(--light-tertiary);border-color:var(--text-muted)}.hero-trust{display:flex;align-items:center;gap:16px}.trust-avatars{display:flex;align-items:center}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary) 100%);color:#fff;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;border:2px solid white;margin-left:-10px}.avatar:first-child{margin-left:0}.avatar-more{width:36px;height:36px;border-radius:50%;background:var(--dark);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid white;margin-left:-10px}.trust-text{display:flex;flex-direction:column;gap:4px}.trust-stars{display:flex;gap:2px}.trust-text span{font-size:13px;color:var(--text-secondary)}.hero-visual{flex:1;max-width:580px;position:relative;z-index:1}.dashboard-preview{background:var(--dark);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl),0 0 0 1px #ffffff0d;transform:perspective(1000px) rotateY(-5deg) rotateX(2deg);transition:var(--transition-slow)}.dashboard-preview:hover{transform:perspective(1000px) rotateY(0) rotateX(0)}.preview-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--dark-secondary);border-bottom:1px solid var(--dark-tertiary)}.preview-dots{display:flex;gap:6px}.preview-dots span{width:10px;height:10px;border-radius:50%;background:var(--dark-tertiary)}.preview-dots span:first-child{background:#ff5f56}.preview-dots span:nth-child(2){background:#ffbd2e}.preview-dots span:last-child{background:#27ca3f}.preview-title{font-size:12px;color:var(--text-muted);font-weight:500}.preview-content{display:flex;min-height:300px}.preview-sidebar{width:140px;padding:16px 12px;background:var(--dark-secondary);border-right:1px solid var(--dark-tertiary);display:flex;flex-direction:column;gap:4px}.sidebar-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);font-size:13px;color:var(--text-muted);cursor:pointer;transition:var(--transition-fast)}.sidebar-item:hover{background:var(--dark-tertiary);color:#fff}.sidebar-item.active{background:var(--primary);color:#fff}.preview-main{flex:1;padding:16px;display:flex;flex-direction:column;gap:16px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.calendar-day{aspect-ratio:1;background:var(--dark-secondary);border-radius:var(--radius-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:12px;color:var(--text-muted)}.calendar-day.has-posts{background:var(--dark-tertiary);border:1px solid var(--primary)}.calendar-day.has-posts .day-num{color:#fff}.day-posts{display:flex;gap:4px}.post-dot{width:6px;height:6px;border-radius:50%}.post-dot.youtube{background:red}.post-dot.telegram{background:#08c}.preview-scheduled{display:flex;flex-direction:column;gap:8px}.scheduled-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--dark-secondary);border-radius:var(--radius-sm)}.platform-badge{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff}.platform-badge.youtube{background:red}.platform-badge.telegram{background:#08c}.scheduled-info{flex:1;display:flex;flex-direction:column;gap:2px}.scheduled-title{font-size:12px;color:#fff;font-weight:500}.scheduled-time{font-size:11px;color:var(--text-muted)}.scheduled-status{font-size:10px;font-weight:600;color:var(--success);text-transform:uppercase;letter-spacing:.5px}.stats-section{background:var(--light-secondary);padding:60px 48px;border-top:1px solid var(--light-tertiary);border-bottom:1px solid var(--light-tertiary)}.stats-container{display:flex;align-items:center;justify-content:center;gap:60px;max-width:1000px;margin:0 auto}.stat-item{text-align:center;opacity:0;transform:translateY(20px)}.stat-item.animate{animation:fadeUp .5s ease forwards}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.stat-number{display:block;font-family:var(--font-display);font-size:40px;font-weight:800;color:var(--text-primary);line-height:1;margin-bottom:8px}.stat-label{font-size:14px;color:var(--text-secondary);font-weight:500}.stat-divider{width:1px;height:50px;background:var(--light-tertiary)}.problem-section{padding:100px 48px;max-width:1200px;margin:0 auto}.problem-container{display:grid;grid-template-columns:1fr 1fr;gap:80px}.problem-content,.solution-content{padding:40px;border-radius:var(--radius-xl)}.problem-content{background:var(--light-secondary)}.solution-content{background:linear-gradient(135deg,var(--primary-glow) 0%,rgba(255,107,53,.05) 100%);border:1px solid rgba(255,107,53,.1)}.problem-content h2,.solution-content h2{font-family:var(--font-display);font-size:28px;font-weight:700;line-height:1.3;margin:0 0 28px;color:var(--text-primary)}.problem-list,.solution-list{display:flex;flex-direction:column;gap:16px}.problem-item,.solution-item{display:flex;align-items:flex-start;gap:14px;font-size:15px;line-height:1.5;color:var(--text-secondary)}.problem-icon{flex-shrink:0;color:var(--error);margin-top:2px}.solution-icon{flex-shrink:0;color:var(--success);margin-top:2px}.solution-tag{background:#00c48c26;color:var(--success)}.btn-solution{display:inline-flex;align-items:center;gap:10px;margin-top:32px;padding:14px 24px;background:var(--primary);border:none;font-family:var(--font-body);font-size:15px;font-weight:600;color:#fff;cursor:pointer;border-radius:var(--radius-full);transition:var(--transition-base)}.btn-solution:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 8px 24px #ff6b354d}.features-section-v2{padding:100px 48px;background:var(--light-secondary)}.features-container{max-width:1200px;margin:0 auto}.features-header{text-align:center;margin-bottom:60px}.features-header h2{font-family:var(--font-display);font-size:36px;font-weight:700;margin:0 0 12px;color:var(--text-primary)}.features-header p{font-size:17px;color:var(--text-secondary);margin:0}.features-grid-v2{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card-v2{display:flex;gap:20px;padding:32px;background:#fff;border-radius:var(--radius-lg);border:1px solid var(--light-tertiary);transition:var(--transition-base)}.feature-card-v2:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.feature-icon-v2{flex-shrink:0;width:48px;height:48px;background:var(--primary-glow);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--primary)}.feature-content-v2 h3{font-family:var(--font-display);font-size:18px;font-weight:700;margin:0 0 8px;color:var(--text-primary)}.feature-content-v2 p{font-size:14px;line-height:1.6;color:var(--text-secondary);margin:0 0 12px}.feature-highlight{display:inline-block;padding:4px 10px;background:#00c48c1a;color:var(--success);font-size:12px;font-weight:600;border-radius:var(--radius-sm)}.platforms-section{padding:100px 48px}.platforms-container{max-width:900px;margin:0 auto}.platforms-header{text-align:center;margin-bottom:50px}.platforms-header h2{font-family:var(--font-display);font-size:36px;font-weight:700;margin:0 0 12px;color:var(--text-primary)}.platforms-header p{font-size:17px;color:var(--text-secondary);margin:0}.platforms-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.platform-card-v2{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px 16px;background:var(--light-secondary);border:1px solid var(--light-tertiary);border-radius:var(--radius-lg);transition:var(--transition-base)}.platform-card-v2.live{background:#fff;border-color:var(--success)}.platform-card-v2:hover{transform:translateY(-4px)}.platform-emoji{font-size:28px}.platform-name{font-size:13px;font-weight:600;color:var(--text-primary);text-align:center}.platform-status{font-size:10px;font-weight:600;padding:4px 8px;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.3px}.platform-status.live{background:#00c48c1a;color:var(--success)}.platform-status.soon{background:var(--light-tertiary);color:var(--text-muted)}.new-pricing-section{position:relative;padding:100px 48px;background:linear-gradient(180deg,#08080d,#12121a,#08080d);overflow:hidden}.new-pricing-wrapper{position:relative;max-width:1200px;margin:0 auto;z-index:1}.new-pricing-header{text-align:center;margin-bottom:60px}.new-pricing-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#ff6b3526;border:1px solid rgba(255,107,53,.3);border-radius:100px;color:var(--primary);font-size:14px;font-weight:600;margin-bottom:24px}.new-pricing-header h2{font-family:var(--font-display);font-size:44px;font-weight:800;color:#fff;margin:0 0 16px;letter-spacing:-1px}.new-pricing-header h2 span{background:linear-gradient(135deg,var(--primary) 0%,#FF8F6B 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.new-pricing-header p{font-size:18px;color:#fff9;margin:0}.new-billing-toggle{display:inline-flex;margin-top:32px;padding:4px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:100px}.new-billing-toggle button{display:flex;align-items:center;gap:8px;padding:12px 28px;background:transparent;border:none;font-family:var(--font-body);font-size:15px;font-weight:600;color:#ffffff80;cursor:pointer;border-radius:100px;transition:all .25s ease}.new-billing-toggle button.active{background:#ffffff1a;color:#fff}.new-billing-toggle button:hover:not(.active){color:#fffc}.save-tag{padding:3px 8px;background:var(--success);border-radius:6px;font-size:11px;font-weight:700;color:#fff}.new-plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:60px}.new-plan-card{position:relative;background:linear-gradient(180deg,#ffffff0f,#ffffff05);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:32px;display:flex;flex-direction:column;transition:all .3s ease}.new-plan-card:hover{transform:translateY(-8px);border-color:#fff3;box-shadow:0 20px 40px #0000004d}.new-plan-card.popular{background:linear-gradient(180deg,#ff6b351f,#ff6b3508);border-color:var(--primary);transform:scale(1.02)}.new-plan-card.popular:hover{transform:scale(1.02) translateY(-8px)}.popular-ribbon{position:absolute;top:-14px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;padding:8px 20px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:100px;font-size:13px;font-weight:700;color:#fff;white-space:nowrap;box-shadow:0 4px 20px #ff6b3566}.new-plan-header{margin-bottom:24px}.new-plan-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:16px}.new-plan-icon.starter{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.new-plan-icon.professional{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%)}.new-plan-icon.enterprise{background:linear-gradient(135deg,#10b981,#059669)}.new-plan-header h3{font-family:var(--font-display);font-size:24px;font-weight:700;color:#fff;margin:0 0 4px}.new-plan-header p{font-size:14px;color:#ffffff80;margin:0}.new-plan-price{margin-bottom:24px}.price-main-row{display:flex;align-items:baseline;gap:2px}.price-main-row .currency{font-size:24px;font-weight:700;color:#fff9}.price-main-row .amount{font-family:var(--font-display);font-size:56px;font-weight:800;color:#fff;line-height:1;letter-spacing:-2px}.price-main-row .period{font-size:18px;color:#fff6;margin-left:4px}.price-sub-row{display:flex;align-items:center;gap:12px;margin-top:8px}.price-sub-row .original{font-size:14px;color:#fff6;text-decoration:line-through}.price-sub-row .savings{font-size:13px;font-weight:600;color:var(--success);padding:4px 10px;background:#00c48c26;border-radius:6px}.price-sub-row .yearly-note{font-size:13px;color:#fff6}.new-plan-features{flex:1;display:flex;flex-direction:column;gap:12px;margin-bottom:28px}.new-plan-features .feature-row{display:flex;align-items:center;gap:12px}.new-plan-features .feature-row span{font-size:14px;color:#ffffffb3}.new-plan-features .feature-row.included svg{color:var(--success);flex-shrink:0}.new-plan-features .feature-row.excluded span{color:#ffffff4d}.new-plan-features .feature-row.excluded svg{color:#fff3;flex-shrink:0}.new-plan-actions{display:flex;flex-direction:column;gap:12px;margin-top:auto}.btn-trial{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 24px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:12px;font-family:var(--font-body);font-size:15px;font-weight:600;color:#fff;cursor:pointer;transition:all .25s ease}.btn-trial:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff40}.btn-trial svg{color:var(--success)}.btn-buy{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 24px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;font-family:var(--font-body);font-size:15px;font-weight:600;color:#fff;cursor:pointer;transition:all .25s ease}.btn-buy:hover:not(:disabled){background:#ffffff26;transform:translateY(-2px)}.btn-buy.primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border:none}.btn-buy.primary:hover:not(:disabled){box-shadow:0 8px 30px #ff6b3566}.btn-buy:disabled,.btn-trial:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.new-pricing-trust{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;margin-bottom:32px}.trust-badge-item{display:flex;align-items:center;gap:10px;color:#fff9;font-size:14px;font-weight:500}.trust-badge-item svg{color:var(--primary)}.new-pricing-compare{text-align:center}.new-pricing-compare p{font-size:16px;color:#ffffff80;margin:0}.new-pricing-compare strong{color:var(--success)}.testimonials-section{padding:100px 48px;background:var(--light-secondary)}.testimonials-container{max-width:1100px;margin:0 auto}.testimonials-header{text-align:center;margin-bottom:50px}.testimonials-header h2{font-family:var(--font-display);font-size:36px;font-weight:700;margin:0 0 12px;color:var(--text-primary)}.testimonials-header p{font-size:17px;color:var(--text-secondary);margin:0}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.testimonial-card{padding:32px;background:#fff;border:1px solid var(--light-tertiary);border-radius:var(--radius-lg);transition:var(--transition-base)}.testimonial-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.testimonial-stars{display:flex;gap:4px;margin-bottom:20px}.testimonial-content{font-size:15px;line-height:1.7;color:var(--text-secondary);margin:0 0 24px;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:14px}.author-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center}.author-info{display:flex;flex-direction:column;gap:2px}.author-name{font-size:14px;font-weight:600;color:var(--text-primary)}.author-role{font-size:12px;color:var(--text-muted)}.cta-section{padding:100px 48px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%)}.cta-container{max-width:700px;margin:0 auto;text-align:center}.cta-content h2{font-family:var(--font-display);font-size:36px;font-weight:700;color:#fff;margin:0 0 16px}.cta-content p{font-size:17px;color:#ffffffd9;margin:0 0 28px}.cta-features{display:flex;justify-content:center;gap:32px;margin-bottom:36px}.cta-features span{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#ffffffe6}.cta-features svg{color:#fff}.btn-cta-main{display:inline-flex;align-items:center;gap:10px;padding:18px 36px;background:#fff;border:none;font-family:var(--font-body);font-size:16px;font-weight:700;color:var(--primary);cursor:pointer;border-radius:var(--radius-full);transition:var(--transition-base)}.btn-cta-main:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}.faq-section-v2{padding:100px 48px}.faq-container-v2{max-width:700px;margin:0 auto}.faq-header{text-align:center;margin-bottom:50px}.faq-header h2{font-family:var(--font-display);font-size:36px;font-weight:700;margin:0;color:var(--text-primary)}.faq-list-v2{display:flex;flex-direction:column;gap:12px}.faq-item-v2{border:1px solid var(--light-tertiary);border-radius:var(--radius-md);overflow:hidden;transition:var(--transition-base)}.faq-item-v2:hover{border-color:var(--text-muted)}.faq-item-v2.open{border-color:var(--primary)}.faq-question-v2{display:flex;align-items:center;justify-content:space-between;width:100%;padding:20px 24px;background:none;border:none;text-align:left;font-family:var(--font-body);font-size:15px;font-weight:600;color:var(--text-primary);cursor:pointer;transition:var(--transition-fast)}.faq-question-v2:hover{background:var(--light-secondary)}.faq-chevron{color:var(--text-muted);transition:transform var(--transition-base)}.faq-item-v2.open .faq-chevron{transform:rotate(180deg);color:var(--primary)}.faq-answer-v2{max-height:0;overflow:hidden;transition:max-height var(--transition-base)}.faq-item-v2.open .faq-answer-v2{max-height:200px}.faq-answer-v2 p{padding:0 24px 20px;font-size:14px;line-height:1.7;color:var(--text-secondary);margin:0}.faq-contact-v2{text-align:center;margin-top:40px;padding-top:32px;border-top:1px solid var(--light-tertiary)}.faq-contact-v2 p{font-size:14px;color:var(--text-secondary);margin:0 0 8px}.faq-contact-v2 a{font-size:15px;font-weight:600;color:var(--primary);text-decoration:none;transition:var(--transition-fast)}.faq-contact-v2 a:hover{color:var(--primary-dark)}.footer-v2{background:var(--dark);padding:64px 48px 32px}.footer-container-v2{max-width:1100px;margin:0 auto}.footer-main{display:grid;grid-template-columns:1.3fr 2fr;gap:64px;padding-bottom:48px;border-bottom:1px solid var(--dark-tertiary)}.footer-brand-v2 p{font-size:14px;line-height:1.7;color:var(--text-muted);margin:16px 0 24px;max-width:280px}.footer-logo-v2{display:flex;align-items:center;gap:10px}.footer-logo-v2 .logo-text-new{color:#fff}.footer-social-v2{display:flex;gap:12px}.footer-social-v2 a{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:var(--dark-secondary);border-radius:var(--radius-sm);color:var(--text-muted);transition:var(--transition-fast)}.footer-social-v2 a:hover{background:var(--primary);color:#fff}.footer-social-v2 svg{width:18px;height:18px}.footer-links-v2{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.footer-col h4{font-size:13px;font-weight:600;color:#fff;margin:0 0 20px;text-transform:uppercase;letter-spacing:.5px}.footer-col a{display:block;font-size:14px;color:var(--text-muted);text-decoration:none;padding:6px 0;transition:var(--transition-fast)}.footer-col a:hover{color:var(--primary)}.footer-bottom-v2{display:flex;justify-content:space-between;align-items:center;padding-top:24px}.footer-bottom-v2 p{font-size:13px;color:var(--text-muted);margin:0}@media(max-width:1024px){.nav-container{padding:16px 32px}.hero-v2{flex-direction:column;padding:100px 32px 60px;text-align:center}.hero-content-v2{max-width:100%}.hero-headline{font-size:42px}.hero-cta-group,.hero-trust{justify-content:center}.hero-visual{max-width:100%}.dashboard-preview{transform:none}.stats-container{gap:40px}.stat-number{font-size:32px}.problem-container{grid-template-columns:1fr;gap:40px}.features-grid-v2{grid-template-columns:repeat(2,1fr)}.platforms-grid{grid-template-columns:repeat(3,1fr)}.new-pricing-section{padding:80px 32px}.new-pricing-header h2{font-size:36px}.new-plans-grid{gap:16px}.new-plan-card{padding:24px}.price-main-row .amount{font-size:44px}.testimonials-grid{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr;gap:48px}}@media(max-width:768px){.nav-container{padding:14px 20px}.nav-links-desktop,.nav-actions{display:none}.mobile-menu-btn,.mobile-menu{display:block}.hero-v2{padding:90px 20px 50px;min-height:auto}.hero-headline{font-size:32px}.hero-subheadline{font-size:16px}.hero-cta-group{flex-direction:column;width:100%}.btn-hero-primary,.btn-hero-secondary{width:100%;justify-content:center}.hero-trust{flex-direction:column;gap:12px}.preview-sidebar{display:none}.stats-section{padding:40px 20px}.stats-container{flex-wrap:wrap;gap:30px}.stat-divider{display:none}.stat-item{width:45%}.problem-section,.features-section-v2,.platforms-section,.testimonials-section,.cta-section,.faq-section-v2{padding:60px 20px}.problem-content,.solution-content{padding:28px}.problem-content h2,.solution-content h2{font-size:24px}.features-header h2,.platforms-header h2,.testimonials-header h2,.faq-header h2,.cta-content h2{font-size:28px}.features-grid-v2{grid-template-columns:1fr}.feature-card-v2{flex-direction:column;text-align:center;align-items:center}.platforms-grid{grid-template-columns:repeat(2,1fr)}.new-pricing-section{padding:60px 20px}.new-pricing-header h2{font-size:28px}.new-pricing-header p{font-size:15px}.new-billing-toggle button{padding:10px 20px;font-size:14px}.new-plans-grid{grid-template-columns:1fr;gap:24px}.new-plan-card{padding:28px}.new-plan-card.popular{transform:none}.new-plan-card.popular:hover{transform:translateY(-8px)}.price-main-row .amount{font-size:48px}.new-pricing-trust{gap:20px}.trust-badge-item{font-size:13px}.cta-features{flex-direction:column;gap:12px}.cta-features span{justify-content:center}.footer-v2{padding:48px 20px 24px}.footer-links-v2{grid-template-columns:repeat(2,1fr);gap:32px}.footer-bottom-v2{flex-direction:column;gap:8px;text-align:center}}@media(max-width:480px){.hero-headline{font-size:28px}.hero-badge{font-size:11px;padding:6px 12px}.stat-number{font-size:28px}.stat-label{font-size:12px}.platforms-grid{gap:12px}.platform-card-v2{padding:18px 12px}.platform-emoji,.new-pricing-header h2{font-size:24px}.new-pricing-badge{font-size:12px;padding:8px 16px}.new-billing-toggle{width:100%}.new-billing-toggle button{flex:1;padding:10px 12px;font-size:13px}.save-tag{font-size:10px;padding:2px 6px}.new-plan-card{padding:24px 20px}.new-plan-icon{width:44px;height:44px}.new-plan-header h3{font-size:20px}.price-main-row .amount{font-size:40px}.footer-links-v2{grid-template-columns:1fr;gap:28px;text-align:center}}:root{--primary: #FF6B35;--primary-dark: #E55A2B;--primary-light: #FF8C5A;--primary-glow: rgba(255, 107, 53, .15);--success: #00C48C;--error: #FF4757;--dark: #0A0A0C;--dark-card: #141416;--dark-border: rgba(255, 255, 255, .08);--dark-text: rgba(255, 255, 255, .7);--dark-text-muted: rgba(255, 255, 255, .4);--light: #FFFFFF;--light-bg: #F8F8FA;--light-card: #FFFFFF;--text: #1A1A2E;--text-secondary: #5A5A6E;--text-muted: #9090A0;--border: #E8E8EC;--font-display: "Outfit", sans-serif;--font-body: "DM Sans", sans-serif}*{box-sizing:border-box;margin:0;padding:0}.auth-page{display:flex;min-height:100vh;font-family:var(--font-body)}.auth-left{position:relative;flex:0 0 55%;background:var(--dark);padding:40px 48px;display:flex;flex-direction:column;overflow:hidden}.left-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}.grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(255,107,53,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,107,53,.03) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 30%,transparent 100%);mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 30%,transparent 100%)}.glow{position:absolute;border-radius:50%;filter:blur(100px);opacity:.5}.glow-1{width:500px;height:500px;background:var(--primary);top:-150px;right:-100px;opacity:.15;animation:float1 15s ease-in-out infinite}.glow-2{width:400px;height:400px;background:var(--primary);bottom:-100px;left:-50px;opacity:.1;animation:float2 18s ease-in-out infinite}@keyframes float1{0%,to{transform:translate(0)}50%{transform:translate(-30px,30px)}}@keyframes float2{0%,to{transform:translate(0)}50%{transform:translate(20px,-20px)}}.left-content{position:relative;z-index:1;display:flex;flex-direction:column;height:100%;max-width:560px}.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;margin-bottom:48px}.logo-icon{position:relative;width:42px;height:42px;background:var(--primary);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.logo-dot{position:absolute;bottom:5px;right:5px;width:10px;height:10px;background:var(--success);border-radius:50%;border:2px solid var(--dark)}.logo-text{font-family:var(--font-display);font-size:22px;font-weight:700;color:#fff}.logo-text span{color:var(--primary)}.left-hero{margin-bottom:40px}.left-hero h1{font-family:var(--font-display);font-size:38px;font-weight:700;color:#fff;line-height:1.15;margin-bottom:16px}.left-hero p{font-size:16px;color:var(--dark-text);line-height:1.6;max-width:440px}.dashboard-preview{position:relative;flex:1;min-height:280px;margin-bottom:32px}.preview-card{background:var(--dark-card);border:1px solid var(--dark-border);border-radius:16px;overflow:hidden;box-shadow:0 20px 40px #0000004d;animation:slideUp .8s ease forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--dark-border)}.preview-tabs{display:flex;gap:4px}.preview-tabs .tab{padding:6px 14px;border-radius:6px;font-size:12px;color:var(--dark-text-muted);transition:all .2s}.preview-tabs .tab.active{background:#ff6b3526;color:var(--primary)}.preview-actions{display:flex;gap:6px}.action-dot{width:10px;height:10px;border-radius:50%;background:var(--dark-border)}.action-dot:first-child{background:#ff5f57}.action-dot:nth-child(2){background:#ffbd2e}.action-dot:last-child{background:#28ca41}.preview-body{padding:20px}.calendar-mini{display:flex;gap:8px}.cal-day{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.day-label{font-size:10px;color:var(--dark-text-muted);text-transform:uppercase;letter-spacing:.5px}.day-posts{width:100%;height:48px;background:#ffffff05;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.day-posts.has-posts{background:#ff6b3514;border:1px solid rgba(255,107,53,.15)}.post-dot{width:20px;height:4px;border-radius:2px}.post-dot.yt{background:red}.post-dot.tg{background:#08c}.float-card{position:absolute;background:var(--dark-card);border:1px solid var(--dark-border);border-radius:10px;padding:12px 16px;display:flex;align-items:center;gap:10px;font-size:12px;color:#fff;box-shadow:0 10px 30px #0000004d;animation:floatIn .8s ease forwards;animation-delay:.3s;opacity:0}@keyframes floatIn{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.float-card.notification{top:10px;right:-20px;animation-delay:.5s}.notif-icon{width:28px;height:28px;background:#00c48c26;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--success)}.notif-content{display:flex;flex-direction:column;gap:2px}.notif-content strong{font-weight:600;font-size:12px}.notif-content span{font-size:10px;color:var(--dark-text-muted)}.float-card.stats{bottom:60px;right:30px;animation-delay:.7s}.stat-item{display:flex;align-items:center;gap:6px;color:var(--success)}.stat-item strong{color:#fff}.float-card.upload{bottom:20px;left:20px;animation-delay:.9s;background:var(--primary);border-color:var(--primary)}.testimonial{margin-bottom:24px}.testimonial-content{background:var(--dark-card);border:1px solid var(--dark-border);border-radius:14px;padding:20px}.stars{display:flex;gap:2px;margin-bottom:12px}.testimonial-content>p{font-size:14px;color:var(--dark-text);line-height:1.6;margin-bottom:16px;font-style:italic}.author{display:flex;align-items:center;gap:12px}.avatar{width:36px;height:36px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff}.info{display:flex;flex-direction:column}.info strong{font-size:13px;color:#fff;font-weight:600}.info span{font-size:11px;color:var(--dark-text-muted)}.testimonial-dots{display:flex;gap:6px;margin-top:14px}.dot{width:6px;height:6px;border-radius:50%;background:var(--dark-border);border:none;cursor:pointer;transition:all .3s ease}.dot.active{background:var(--primary);width:20px;border-radius:3px}.platforms{display:flex;align-items:center;gap:12px;margin-top:auto}.platform{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--dark-card);border:1px solid var(--dark-border);border-radius:8px;font-size:12px;color:#fff;font-weight:500}.platform.youtube svg{color:red}.platform.telegram svg{color:#08c}.coming{font-size:11px;color:var(--dark-text-muted)}.auth-right{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;background:var(--light-bg)}.right-wrapper{width:100%;max-width:420px}.mobile-logo{display:none;align-items:center;justify-content:center;gap:8px;text-decoration:none;margin-bottom:28px}.mobile-logo .logo-icon{width:36px;height:36px;border-radius:10px}.mobile-logo .logo-icon .logo-dot{border-color:var(--light-bg);width:8px;height:8px;bottom:4px;right:4px}.mobile-logo .logo-text{font-size:20px;color:var(--text)}.referral-badge{display:flex;align-items:center;gap:12px;padding:14px 18px;background:linear-gradient(135deg,var(--success),#00A878);border-radius:12px;color:#fff;margin-bottom:20px}.referral-badge>svg{flex-shrink:0}.referral-badge>div{display:flex;flex-direction:column;gap:2px}.referral-badge strong{font-size:14px;font-weight:600}.referral-badge span{font-size:12px;opacity:.9}.form-card{background:var(--light-card);border-radius:20px;padding:36px;box-shadow:0 2px 8px #0000000a,0 8px 24px #0000000f}.form-header{margin-bottom:28px}.form-header h2{font-family:var(--font-display);font-size:26px;font-weight:700;color:var(--text);margin-bottom:6px}.form-header p{font-size:14px;color:var(--primary);font-weight:500}.form-error{display:flex;align-items:center;gap:8px;padding:12px 14px;background:#fef2f2;border:1px solid #FECACA;border-radius:10px;font-size:13px;color:var(--error);margin-bottom:20px}.form-card form{display:flex;flex-direction:column;gap:20px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;font-weight:600;color:var(--text)}.opt{font-weight:400;color:var(--text-muted)}.label-row{display:flex;justify-content:space-between;align-items:center}.forgot{font-size:12px;color:var(--text-muted);text-decoration:none;transition:color .2s}.forgot:hover{color:var(--primary)}.input-wrap{position:relative;display:flex;align-items:center}.input-wrap input{width:100%;padding:14px 44px 14px 16px;font-family:var(--font-body);font-size:15px;color:var(--text);background:var(--light-bg);border:2px solid transparent;border-radius:12px;transition:all .2s ease}.input-wrap input:focus{outline:none;background:#fff;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow)}.input-wrap input::placeholder{color:var(--text-muted)}.field.error .input-wrap input{border-color:var(--error);background:#fff}.field-icon{position:absolute;right:14px;pointer-events:none}.field-icon.valid{color:var(--success)}.field-icon.invalid{color:var(--error)}.pw-toggle{position:absolute;right:12px;background:none;border:none;padding:4px;color:var(--text-muted);cursor:pointer;display:flex}.pw-toggle:hover{color:var(--text-secondary)}.field-error{font-size:12px;color:var(--error)}.referral-field{padding-top:16px;border-top:1px dashed var(--border)}.pw-requirements{margin-top:10px;padding:12px;background:var(--light-bg);border-radius:10px}.pw-bar{height:4px;background:var(--border);border-radius:2px;overflow:hidden;margin-bottom:10px}.pw-fill{height:100%;border-radius:2px;transition:all .3s ease}.pw-fill.weak{background:var(--error)}.pw-fill.medium{background:#f59e0b}.pw-fill.strong{background:var(--success)}.pw-checks{display:flex;flex-wrap:wrap;gap:6px}.pw-checks span{display:inline-flex;align-items:center;gap:3px;font-size:11px;color:var(--text-muted);padding:4px 8px;background:#fff;border-radius:4px;border:1px solid var(--border)}.pw-checks span.met{color:var(--success);background:#00c48c14;border-color:#00c48c33}.btn-submit{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px;background:var(--primary);border:none;border-radius:12px;font-family:var(--font-body);font-size:15px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;margin-top:4px}.btn-submit:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 8px 20px #ff6b3540}.btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.benefits-row{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;margin-top:20px;padding-top:20px;border-top:1px solid var(--border)}.benefits-row span{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text-secondary)}.benefits-row svg{color:var(--success)}.form-footer{text-align:center;margin-top:24px;font-size:14px;color:var(--text-secondary)}.form-footer button{background:none;border:none;font-family:inherit;font-size:inherit;font-weight:600;color:var(--primary);cursor:pointer;padding:0}.form-footer button:hover{text-decoration:underline}.terms{text-align:center;font-size:12px;color:var(--text-muted);margin-top:24px}.terms a{color:var(--text-secondary);text-decoration:none}.terms a:hover{color:var(--primary)}.otp-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.otp-modal{background:#fff;border-radius:20px;padding:40px 36px;max-width:400px;width:100%;text-align:center;box-shadow:0 24px 48px #0003;animation:modalIn .3s ease}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.otp-emoji{font-size:52px;margin-bottom:16px}.otp-modal h3{font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--text);margin-bottom:8px}.otp-modal>p{font-size:14px;color:var(--text-secondary);margin-bottom:28px;line-height:1.5}.otp-modal strong{color:var(--text)}.otp-inputs input{width:50px;height:58px;border:2px solid var(--border);border-radius:12px;font-family:var(--font-display);font-size:24px;font-weight:600;text-align:center;color:var(--text);background:var(--light-bg);transition:all .2s ease}.otp-inputs input:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px var(--primary-glow)}.otp-error{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;background:#fef2f2;border-radius:8px;color:var(--error);font-size:13px;margin-bottom:16px}.btn-verify{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:16px;background:var(--primary);border:none;border-radius:12px;font-family:var(--font-body);font-size:15px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;margin-bottom:16px}.btn-verify:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 8px 20px #ff6b3540}.btn-verify:disabled{opacity:.5;cursor:not-allowed;transform:none}.otp-resend{font-size:13px;color:var(--text-muted)}.otp-resend button{background:none;border:none;font-family:inherit;font-size:inherit;color:var(--primary);font-weight:500;cursor:pointer}.otp-resend button:hover{text-decoration:underline}@media(max-width:1024px){.auth-left{flex:0 0 48%;padding:32px}.left-hero h1{font-size:32px}.dashboard-preview{min-height:240px}.float-card.notification{right:0}.float-card.stats{right:10px;bottom:40px}.form-card{padding:28px}}@media(max-width:768px){.auth-page{flex-direction:column}.auth-left{display:none}.auth-right{min-height:100vh;padding:48px 20px 32px;align-items:flex-start}.right-wrapper{max-width:100%}.mobile-logo{display:flex}.form-card{padding:28px 24px}.form-header h2{font-size:24px}.input-wrap input{font-size:16px}.benefits-row{gap:12px}.otp-modal{padding:32px 24px}.otp-inputs{gap:8px}.otp-inputs input{width:44px;height:52px;font-size:20px}}@media(min-width:1400px){.auth-left{padding:56px 72px}.left-content{max-width:600px}.left-hero h1{font-size:44px}.dashboard-preview{min-height:320px}.right-wrapper{max-width:460px}.form-card{padding:44px}.form-header h2{font-size:28px}}.stats-overview{max-width:1100px;margin:0 auto;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#fff;background:#fff;min-height:100vh;border-radius:12px}.skeleton{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:6px}.quick-stat-skeleton{background:#fff;border-radius:10px;padding:14px 16px;box-shadow:0 2px 8px #0000001a}.skeleton-stat-label{width:70px;height:12px;margin-bottom:8px}.skeleton-stat-value{width:100px;height:24px;margin-bottom:12px}.skeleton-stat-bar{width:100%;height:4px}.info-card-skeleton{background:#fff;border-radius:12px;padding:18px;box-shadow:0 2px 8px #0000001a}.skeleton-card-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.skeleton-card-icon{width:36px;height:36px;border-radius:8px}.skeleton-card-title{width:120px;height:14px}.skeleton-ring{width:100px;height:100px;border-radius:50%;margin:0 auto 16px}.skeleton-breakdown-row{display:flex;justify-content:space-between;padding:6px 0}.skeleton-breakdown-label{width:50px;height:12px}.skeleton-breakdown-value{width:70px;height:12px}.skeleton-account-row{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#f8f8f8;border-radius:8px;margin-bottom:8px}.skeleton-account-row:last-child{margin-bottom:0}.skeleton-account-icon{width:32px;height:32px;border-radius:6px;flex-shrink:0}.skeleton-account-info{flex:1}.skeleton-account-name{width:120px;height:13px;margin-bottom:6px}.skeleton-account-status{width:80px;height:10px}.content-skeleton{background:#fff;border-radius:12px;padding:18px;box-shadow:0 2px 8px #0000001a}.skeleton-content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.skeleton-content-title{width:120px;height:14px}.skeleton-content-badge{width:60px;height:22px;border-radius:20px}.skeleton-content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.skeleton-content-card{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#f8f8f8;border-radius:10px}.skeleton-content-icon{width:28px;height:28px;border-radius:6px;flex-shrink:0}.skeleton-content-info{flex:1}.skeleton-content-count{width:30px;height:18px;margin-bottom:4px}.skeleton-content-label{width:50px;height:10px}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.spinner{width:36px;height:36px;border:3px solid rgba(255,255,255,.2);border-top-color:#ff6b35;border-radius:50%;animation:spin .8s linear infinite}.loading-state span{font-size:14px;color:#1a1a2e}.error-icon{width:44px;height:44px;background:#ef4444;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700}.error-state p{font-size:14px;color:#1a1a2e;margin:0}.error-state button{padding:10px 20px;background:#ff6b35;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s}.error-state button:hover{background:#e55a2b}.stats-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.header-text h1{font-size:22px;font-weight:600;color:#1a1a2e;margin:0 0 4px;letter-spacing:-.3px}.header-text p{font-size:14px;color:#1a1a2e;margin:0;opacity:.8}.plan-badge{display:flex;align-items:center;gap:8px;background:#fff;padding:8px 12px;border-radius:8px;box-shadow:0 2px 8px #00000026}.plan-badge .plan-icon{font-size:14px}.plan-badge .plan-name{font-size:13px;font-weight:600;color:#1a1a2e}.plan-badge .plan-status{background:#22c55e;color:#fff;padding:3px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.bonus-alert{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#22c55e,#16a34a);padding:14px 20px;border-radius:10px;margin-bottom:24px;color:#fff;box-shadow:0 4px 12px #22c55e4d}.bonus-info{display:flex;align-items:center;gap:12px}.bonus-icon{font-size:24px}.bonus-text{display:flex;flex-direction:column}.bonus-text strong{font-size:14px;font-weight:600}.bonus-text span{font-size:12px;opacity:.9}.bonus-countdown{text-align:center;background:#fff3;padding:8px 14px;border-radius:6px}.countdown-number{display:block;font-size:20px;font-weight:700;line-height:1}.countdown-label{font-size:10px;opacity:.9}.quick-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.quick-stat-card{background:#fff;border-radius:10px;padding:14px 16px;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 8px #0000001a}.quick-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.qsc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.qsc-label{font-size:12px;color:#1a1a2e;font-weight:500}.qsc-bonus{background:#22c55e;color:#fff;padding:2px 6px;border-radius:4px;font-size:9px;font-weight:700}.qsc-value{display:flex;align-items:baseline;gap:4px;margin-bottom:10px}.qsc-number{font-size:22px;font-weight:700;color:#1a1a2e}.qsc-suffix{font-size:12px;color:#1a1a2e;opacity:.7}.qsc-bar{height:4px;background:#e5e5e5;border-radius:2px;overflow:hidden}.qsc-bar-fill{height:100%;border-radius:2px;transition:width .3s ease}.quick-stat-card.orange .qsc-bar-fill{background:#ff6b35}.quick-stat-card.red .qsc-bar-fill{background:#ef4444}.quick-stat-card.amber .qsc-bar-fill{background:#f59e0b}.quick-stat-card.teal .qsc-bar-fill{background:#14b8a6}.platform-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.platform-card{background:#fff;border-radius:12px;padding:18px;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 8px #0000001a}.platform-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.platform-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.platform-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center}.platform-icon svg{width:18px;height:18px}.platform-icon.youtube{background:#fef2f2;color:#dc2626}.platform-icon.telegram{background:#fef3c7;color:#d97706}.platform-title{display:flex;align-items:center;gap:8px;flex:1}.platform-title h3{font-size:15px;font-weight:600;color:#1a1a2e;margin:0}.bonus-tag{background:#22c55e;color:#fff;padding:3px 8px;border-radius:4px;font-size:10px;font-weight:700}.platform-metrics{display:flex;flex-direction:column;gap:12px;margin-bottom:14px}.metric-row{display:flex;flex-direction:column;gap:6px}.metric-info{display:flex;justify-content:space-between;align-items:center}.metric-label{font-size:12px;color:#1a1a2e;opacity:.7}.metric-value{font-size:12px;font-weight:600;color:#1a1a2e}.metric-suffix{color:#14b8a6;font-weight:600;font-size:11px}.metric-bar{height:5px;background:#e5e5e5;border-radius:3px;overflow:hidden}.metric-bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.metric-bar.red .metric-bar-fill{background:#ef4444}.metric-bar.amber .metric-bar-fill{background:#f59e0b}.metric-bar.teal .metric-bar-fill{background:#14b8a6}.platform-features{display:flex;gap:8px;padding-top:12px;border-top:1px solid #e5e5e5;margin-bottom:12px}.feature-tag{font-size:11px;padding:4px 10px;border-radius:5px;font-weight:500}.feature-tag.enabled{background:#dcfce7;color:#166534}.feature-tag.disabled{background:#f4f4f5;color:#1a1a2e;opacity:.6}.platform-footer{font-size:11px;color:#1a1a2e;padding-top:12px;border-top:1px solid #e5e5e5;display:flex;align-items:center;gap:6px}.reset-label{color:#1a1a2e;opacity:.7}.reset-timer{color:#ff6b35;font-weight:600;font-family:SF Mono,Monaco,Courier New,monospace;font-size:12px;background:#fff7ed;padding:2px 8px;border-radius:4px}.bottom-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.info-card{background:#fff;border-radius:12px;padding:18px;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 8px #0000001a}.info-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.info-card-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.info-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center}.info-icon svg{width:18px;height:18px}.info-icon.storage{background:#fff7ed;color:#ff6b35}.info-icon.accounts{background:#dcfce7;color:#22c55e}.info-card-header h3{font-size:14px;font-weight:600;color:#1a1a2e;margin:0}.storage-visual{display:flex;justify-content:center;margin-bottom:16px}.storage-ring{position:relative;width:100px;height:100px}.storage-ring svg{transform:rotate(-90deg);width:100%;height:100%}.storage-ring svg path:first-child{stroke:#e5e5e5}.storage-ring svg path:last-child{stroke:#ff6b35}.storage-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.storage-percent{display:block;font-size:20px;font-weight:700;color:#1a1a2e}.storage-label{font-size:11px;color:#1a1a2e;opacity:.7}.storage-breakdown{border-top:1px solid #e5e5e5;padding-top:12px}.breakdown-row{display:flex;justify-content:space-between;padding:6px 0;font-size:12px}.breakdown-row span{color:#1a1a2e;opacity:.7}.breakdown-row strong{color:#1a1a2e;font-weight:600}.breakdown-row.total{border-top:1px solid #e5e5e5;margin-top:6px;padding-top:10px}.empty-accounts{text-align:center;padding:20px 0}.empty-accounts p{font-size:13px;color:#1a1a2e;opacity:.7;margin:0 0 12px}.empty-accounts button{padding:10px 20px;background:#ff6b35;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s}.empty-accounts button:hover{background:#e55a2b}.accounts-list{display:flex;flex-direction:column;gap:8px}.account-row{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#f8f8f8;border-radius:8px;border-left:3px solid transparent}.account-row.healthy{border-left-color:#22c55e}.account-row.expiring{border-left-color:#f59e0b;background:#fffbeb}.account-row.expired{border-left-color:#ef4444;background:#fef2f2}.account-row.free-account{background:#f0fdf4;border-left-color:#14b8a6}.account-row.free-account .account-status-text{color:#14b8a6}.account-platform{font-size:18px}.account-info{flex:1;min-width:0}.account-name{display:block;font-size:13px;font-weight:600;color:#1a1a2e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-status-text{font-size:11px;color:#1a1a2e;opacity:.7}.account-row.healthy .account-status-text{color:#22c55e;opacity:1}.account-row.expiring .account-status-text{color:#f59e0b;opacity:1}.account-row.expired .account-status-text{color:#ef4444;opacity:1}.reconnect-btn{padding:6px 12px;background:#ff6b35;color:#fff;border:none;border-radius:5px;font-size:11px;font-weight:500;cursor:pointer;transition:background .2s;flex-shrink:0}.reconnect-btn:hover{background:#e55a2b}.content-section{background:#fff;border-radius:12px;padding:18px;box-shadow:0 2px 8px #0000001a}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.content-header h2{font-size:14px;font-weight:600;color:#1a1a2e;margin:0}.content-total{background:#1a1a2e;color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.content-card{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#f8f8f8;border-radius:10px;transition:background .2s,transform .2s;min-width:0}.content-card:hover{background:#f0f0f0;transform:translateY(-1px)}.cc-icon{font-size:24px;flex-shrink:0}.cc-info{display:flex;flex-direction:column;min-width:0}.cc-count{font-size:18px;font-weight:700;color:#1a1a2e;line-height:1.2}.cc-label{font-size:11px;color:#1a1a2e;opacity:.7;margin-top:2px;white-space:nowrap}.content-loading{color:#1a1a2e;opacity:.7;font-style:italic}.content-card.loading{opacity:.6;animation:pulse 1.5s ease-in-out infinite}.content-card.loading .cc-count{color:#1a1a2e;opacity:.5}@keyframes pulse{0%,to{opacity:.6}50%{opacity:.4}}.reset-timer{transition:color .3s ease}.reset-timer.urgent{color:#ef4444;background:#fef2f2;animation:urgentPulse 1s ease-in-out infinite}@keyframes urgentPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media(max-width:480px){.stats-overview{padding:16px 12px;border-radius:0}.stats-header{flex-direction:column;gap:12px}.header-text h1{font-size:18px}.header-text p{font-size:13px}.plan-badge{align-self:flex-start;padding:6px 10px}.plan-badge .plan-icon,.plan-badge .plan-name{font-size:12px}.plan-badge .plan-status{font-size:9px;padding:2px 6px}.bonus-alert{flex-direction:column;text-align:center;gap:12px;padding:14px 16px}.bonus-info{flex-direction:column;gap:8px}.quick-stats-row{grid-template-columns:repeat(2,1fr);gap:10px}.quick-stat-card,.quick-stat-skeleton{padding:12px 14px}.qsc-number{font-size:18px}.platform-grid,.bottom-grid{grid-template-columns:1fr;gap:14px}.platform-card,.info-card,.info-card-skeleton{padding:14px}.platform-icon{width:34px;height:34px}.platform-title h3{font-size:14px}.content-grid,.skeleton-content-grid{grid-template-columns:repeat(2,1fr);gap:10px}.content-card,.skeleton-content-card{padding:12px;gap:8px}.cc-icon{font-size:20px}.cc-count{font-size:16px}.cc-label{font-size:10px}}@media(min-width:481px)and (max-width:768px){.stats-overview{padding:20px 16px}.quick-stats-row{grid-template-columns:repeat(2,1fr);gap:12px}.platform-grid{grid-template-columns:1fr;gap:14px}.bottom-grid{grid-template-columns:repeat(2,1fr);gap:14px}.content-grid,.skeleton-content-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:769px)and (max-width:1024px){.stats-overview{max-width:100%;padding:24px}.quick-stats-row{gap:12px}.platform-grid,.bottom-grid{gap:14px}.content-grid,.skeleton-content-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1025px)and (max-width:1280px){.stats-overview{max-width:960px}.quick-stats-row,.platform-grid,.bottom-grid{gap:14px}}@media(min-width:1281px)and (max-width:1440px){.stats-overview{max-width:1050px}.header-text h1{font-size:24px}.quick-stats-row,.platform-grid,.bottom-grid{gap:16px}.content-grid,.skeleton-content-grid{grid-template-columns:repeat(5,1fr)}}@media(min-width:1441px)and (max-width:1920px){.stats-overview{max-width:1100px}.header-text h1{font-size:26px}.header-text p{font-size:15px}.quick-stat-card,.quick-stat-skeleton{padding:16px 18px}.qsc-number{font-size:24px}.platform-card,.info-card,.info-card-skeleton,.content-section,.content-skeleton{padding:20px}.platform-icon{width:42px;height:42px}.platform-title h3{font-size:16px}.metric-label,.metric-value{font-size:13px}.storage-ring,.skeleton-ring{width:110px;height:110px}.storage-percent{font-size:22px}.content-grid,.skeleton-content-grid{grid-template-columns:repeat(5,1fr)}.content-card,.skeleton-content-card{padding:16px}.cc-count{font-size:20px}}@media(min-width:1921px){.stats-overview{max-width:1200px}.stats-header{margin-bottom:28px}.header-text h1{font-size:28px}.header-text p{font-size:16px}.plan-badge{padding:10px 16px;border-radius:10px;gap:10px}.plan-badge .plan-icon{font-size:16px}.plan-badge .plan-name{font-size:14px}.plan-badge .plan-status{font-size:11px;padding:4px 10px}.bonus-alert{padding:18px 24px;border-radius:12px;margin-bottom:28px}.bonus-text strong{font-size:15px}.bonus-text span{font-size:13px}.quick-stats-row{gap:18px;margin-bottom:28px}.quick-stat-card,.quick-stat-skeleton{padding:18px 20px;border-radius:12px}.qsc-label{font-size:13px}.qsc-number{font-size:26px}.qsc-suffix{font-size:13px}.platform-grid,.bottom-grid{gap:20px;margin-bottom:28px}.platform-card,.info-card,.info-card-skeleton{padding:22px;border-radius:14px}.platform-icon{width:46px;height:46px;border-radius:12px}.platform-icon svg{width:22px;height:22px}.platform-title h3{font-size:17px}.metric-label,.metric-value{font-size:13px}.metric-bar{height:6px}.info-icon{width:40px;height:40px;border-radius:10px}.info-icon svg{width:20px;height:20px}.info-card-header h3{font-size:15px}.storage-ring,.skeleton-ring{width:120px;height:120px}.storage-percent{font-size:24px}.storage-label{font-size:12px}.breakdown-row{font-size:13px;padding:8px 0}.account-row,.skeleton-account-row{padding:12px 14px;border-radius:10px}.account-name{font-size:14px}.account-status-text{font-size:12px}.content-section,.content-skeleton{padding:22px;border-radius:14px}.content-header h2{font-size:15px}.content-total{font-size:13px;padding:5px 14px}.content-grid,.skeleton-content-grid{grid-template-columns:repeat(5,1fr);gap:14px}.content-card,.skeleton-content-card{padding:18px;border-radius:12px}.cc-icon{font-size:28px}.cc-count{font-size:22px}.cc-label{font-size:12px}}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:400px}.toast{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:10px;box-shadow:0 4px 20px #00000026;animation:slideIn .3s ease;min-width:300px}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{background:#ecfdf5;border:1px solid #10B981;color:#065f46}.toast-error{background:#fef2f2;border:1px solid #EF4444;color:#991b1b}.toast-info{background:#eff6ff;border:1px solid #3B82F6;color:#1e40af}.toast-warning{background:#fffbeb;border:1px solid #F59E0B;color:#92400e}.toast-icon{font-size:18px;flex-shrink:0}.toast-message{flex:1;font-size:14px;font-weight:500;line-height:1.4}.toast-close{background:none;border:none;font-size:20px;cursor:pointer;opacity:.5;transition:opacity .2s;padding:0;line-height:1}.toast-close:hover{opacity:1}.toast-progress{background:#fff;border:1px solid #E5E5E5;color:#0f0f0f;flex-direction:column;align-items:stretch;gap:8px}.toast-progress-header{display:flex;align-items:center;gap:10px}.toast-progress-bar{width:100%;height:6px;background:#e5e5e5;border-radius:3px;overflow:hidden}.toast-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:3px;transition:width .3s ease}.toast-progress-text{font-size:12px;color:#636363;text-align:right}@media(max-width:480px){.toast-container{left:10px;right:10px;max-width:none}.toast{min-width:auto}}:root{--cl-primary-50: #fff7ed;--cl-primary-100: #ffedd5;--cl-primary-200: #fed7aa;--cl-primary-300: #fdba74;--cl-primary-400: #fb923c;--cl-primary-500: #FF6B35;--cl-primary-600: #ea580c;--cl-primary-700: #c2410c;--cl-primary-800: #9a3412;--cl-primary-900: #7c2d12;--cl-neutral-0: #ffffff;--cl-neutral-50: #fafafa;--cl-neutral-100: #f4f4f5;--cl-neutral-200: #e4e4e7;--cl-neutral-300: #d4d4d8;--cl-neutral-400: #a1a1aa;--cl-neutral-500: #71717a;--cl-neutral-600: #52525b;--cl-neutral-700: #3f3f46;--cl-neutral-800: #27272a;--cl-neutral-900: #18181b;--cl-neutral-950: #09090b;--cl-success-50: #ecfdf5;--cl-success-100: #d1fae5;--cl-success-500: #10b981;--cl-success-600: #059669;--cl-warning-50: #fffbeb;--cl-warning-100: #fef3c7;--cl-warning-500: #f59e0b;--cl-warning-600: #d97706;--cl-error-50: #fef2f2;--cl-error-100: #fee2e2;--cl-error-500: #ef4444;--cl-error-600: #dc2626;--cl-video: #ef4444;--cl-video-light: #fef2f2;--cl-photo: #3b82f6;--cl-photo-light: #eff6ff;--cl-audio: #10b981;--cl-audio-light: #ecfdf5;--cl-document: #f59e0b;--cl-document-light: #fffbeb;--cl-shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--cl-shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--cl-shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--cl-shadow-lg: 0 12px 40px rgba(0, 0, 0, .12);--cl-shadow-xl: 0 24px 60px rgba(0, 0, 0, .16);--cl-shadow-glow: 0 0 60px rgba(255, 107, 53, .15);--cl-blur-sm: 8px;--cl-blur-md: 16px;--cl-blur-lg: 24px;--cl-ease-out: cubic-bezier(.16, 1, .3, 1);--cl-ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--cl-radius-sm: 8px;--cl-radius-md: 12px;--cl-radius-lg: 16px;--cl-radius-xl: 24px;--cl-radius-2xl: 32px;--cl-radius-full: 9999px}.content-library-v2{position:relative;min-height:calc(100vh - 100px);font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--cl-neutral-50);overflow-x:hidden}.content-library-v2 *{box-sizing:border-box}.cl-animated-bg{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.cl-gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:clFloat 20s ease-in-out infinite}.cl-orb-1{width:500px;height:500px;background:radial-gradient(circle,var(--cl-primary-200) 0%,transparent 70%);top:-150px;right:-100px;animation-delay:0s}.cl-orb-2{width:400px;height:400px;background:radial-gradient(circle,var(--cl-primary-100) 0%,transparent 70%);bottom:-100px;left:-50px;animation-delay:-7s}.cl-orb-3{width:300px;height:300px;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%);top:50%;left:40%;animation-delay:-14s}@keyframes clFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20px,-20px) scale(1.03)}50%{transform:translate(-15px,15px) scale(.97)}75%{transform:translate(15px,20px) scale(1.01)}}.cl-grid-overlay{position:absolute;inset:0;background-image:linear-gradient(var(--cl-neutral-200) 1px,transparent 1px),linear-gradient(90deg,var(--cl-neutral-200) 1px,transparent 1px);background-size:80px 80px;opacity:.2;-webkit-mask-image:radial-gradient(ellipse at center,black 0%,transparent 70%);mask-image:radial-gradient(ellipse at center,black 0%,transparent 70%)}.cl-main-content{position:relative;z-index:1}.cl-hero{padding:0 0 28px}.cl-hero-content{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap}.cl-hero-text{max-width:500px}.cl-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--cl-neutral-0);border:1px solid var(--cl-neutral-200);border-radius:var(--cl-radius-full);font-size:12px;font-weight:600;color:var(--cl-neutral-600);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;box-shadow:var(--cl-shadow-sm)}.cl-hero-badge svg{color:var(--cl-primary-500)}.cl-hero-title{font-size:clamp(26px,4vw,36px);font-weight:700;color:var(--cl-neutral-900);line-height:1.15;margin:0 0 12px;letter-spacing:-.02em}.cl-gradient-text{background:linear-gradient(135deg,var(--cl-primary-500) 0%,var(--cl-primary-600) 50%,#ea580c 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cl-hero-subtitle{font-size:15px;color:var(--cl-neutral-500);line-height:1.6;margin:0}.cl-hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cl-storage-indicator{display:flex;align-items:center;gap:12px;padding:8px 16px;background:var(--cl-neutral-50);border:1px solid var(--cl-neutral-200);border-radius:var(--cl-radius-full);margin-left:20px}.cl-storage-info{display:flex;align-items:center;gap:8px;color:var(--cl-neutral-600)}.cl-storage-info svg{color:var(--cl-neutral-400)}.cl-storage-text{font-size:13px;color:var(--cl-neutral-600);white-space:nowrap}.cl-storage-text strong{color:var(--cl-neutral-800);font-weight:600}.cl-storage-bar-inline{width:80px;height:4px;background:var(--cl-neutral-200);border-radius:var(--cl-radius-full);overflow:hidden}.cl-storage-fill-inline{height:100%;background:var(--cl-primary-500);border-radius:var(--cl-radius-full);transition:width .5s var(--cl-ease-out)}.cl-storage-fill-inline.warning{background:var(--cl-warning-500)}.cl-storage-fill-inline.danger{background:var(--cl-error-500)}.cl-storage-percent{font-size:12px;font-weight:600;color:var(--cl-neutral-500);min-width:32px}.cl-storage-percent.warning{color:var(--cl-warning-600)}.cl-storage-percent.danger{color:var(--cl-error-600)}.cl-toolbar{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--cl-neutral-0);border:1px solid var(--cl-neutral-200);border-radius:var(--cl-radius-xl);margin-bottom:24px;gap:16px;flex-wrap:wrap}.cl-toolbar-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.cl-toolbar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cl-breadcrumb{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.cl-breadcrumb-item{display:flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;border:none;border-radius:var(--cl-radius-md);font-family:inherit;font-size:14px;font-weight:500;color:var(--cl-neutral-500);cursor:pointer;transition:all .2s var(--cl-ease-out)}.cl-breadcrumb-item:hover{background:var(--cl-neutral-100);color:var(--cl-neutral-700)}.cl-breadcrumb-item.root{font-weight:600;color:var(--cl-neutral-700)}.cl-breadcrumb-item.current{background:var(--cl-primary-100);color:var(--cl-primary-600);font-weight:600}.cl-breadcrumb-separator{color:var(--cl-neutral-300);font-size:14px}.cl-view-toggle{display:flex;background:var(--cl-neutral-100);border-radius:var(--cl-radius-md);padding:4px}.cl-view-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:var(--cl-radius-sm);color:var(--cl-neutral-500);cursor:pointer;transition:all .2s var(--cl-ease-out)}.cl-view-btn:hover{color:var(--cl-neutral-700)}.cl-view-btn.active{background:var(--cl-neutral-0);color:var(--cl-primary-500);box-shadow:var(--cl-shadow-sm)}.cl-selected-badge{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--cl-primary-100);border:1px solid var(--cl-primary-200);border-radius:var(--cl-radius-full);font-size:13px;font-weight:600;color:var(--cl-primary-600)}.cl-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--cl-radius-md);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s var(--cl-ease-out);white-space:nowrap;border:none}.cl-btn-primary{background:linear-gradient(135deg,var(--cl-primary-500) 0%,var(--cl-primary-600) 100%);color:var(--cl-neutral-0);box-shadow:0 4px 14px #ff6b3540}.cl-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ff6b3559}.cl-btn-secondary{background:var(--cl-neutral-0);color:var(--cl-neutral-700);border:1px solid var(--cl-neutral-200)}.cl-btn-secondary:hover:not(:disabled){background:var(--cl-neutral-50);border-color:var(--cl-neutral-300)}.cl-btn-ghost{background:transparent;color:var(--cl-neutral-600);padding:8px 12px}.cl-btn-ghost:hover:not(:disabled){background:var(--cl-neutral-100);color:var(--cl-neutral-800)}.cl-btn-danger{background:var(--cl-error-500);color:var(--cl-neutral-0)}.cl-btn-danger:hover:not(:disabled){background:var(--cl-error-600)}.cl-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.cl-btn-icon{width:40px;height:40px;padding:0;border-radius:var(--cl-radius-md)}.cl-section{margin-bottom:28px}.cl-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.cl-section-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;color:var(--cl-neutral-900);margin:0}.cl-section-title .title-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--cl-primary-100);border-radius:var(--cl-radius-sm);color:var(--cl-primary-500);font-size:16px}.cl-section-count{padding:4px 12px;background:var(--cl-neutral-100);border-radius:var(--cl-radius-full);font-size:12px;font-weight:600;color:var(--cl-neutral-600)}.cl-folders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.cl-folder-card{position:relative;display:flex;align-items:center;gap:16px;padding:20px;background:var(--cl-neutral-0);border:1px solid var(--cl-neutral-200);border-radius:var(--cl-radius-lg);cursor:pointer;transition:all .3s var(--cl-ease-out);overflow:hidden}.cl-folder-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--cl-primary-50) 0%,transparent 50%);opacity:0;transition:opacity .3s var(--cl-ease-out)}.cl-folder-card:hover{border-color:var(--cl-primary-300);transform:translateY(-3px);box-shadow:var(--cl-shadow-lg)}.cl-folder-card:hover:before{opacity:1}.cl-folder-card.selected{border-color:var(--cl-primary-500);background:var(--cl-primary-50);box-shadow:0 0 0 3px #ff6b351a}.cl-folder-checkbox{position:relative;z-index:1;width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:var(--cl-neutral-100);border:2px solid var(--cl-neutral-300);border-radius:var(--cl-radius-sm);color:transparent;transition:all .2s var(--cl-ease-out);flex-shrink:0}.cl-folder-card.selected .cl-folder-checkbox{background:var(--cl-primary-500);border-color:var(--cl-primary-500);color:var(--cl-neutral-0)}.cl-folder-icon-wrapper{position:relative;z-index:1;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--cl-primary-100) 0%,var(--cl-primary-200) 100%);border-radius:var(--cl-radius-md);flex-shrink:0}.cl-folder-icon-wrapper .folder-emoji{font-size:26px}.cl-folder-info{position:relative;z-index:1;flex:1;min-width:0}.cl-folder-name{font-size:15px;font-weight:600;color:var(--cl-neutral-900);margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cl-folder-meta{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--cl-neutral-500)}.cl-folder-meta-item{display:flex;align-items:center;gap:4px}.cl-folder-arrow{position:relative;z-index:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--cl-neutral-400);opacity:0;transform:translate(-8px);transition:all .3s var(--cl-ease-out)}.cl-folder-card:hover .cl-folder-arrow{opacity:1;transform:translate(0);color:var(--cl-primary-500)}.cl-files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.cl-file-card{position:relative;background:var(--cl-neutral-0);border:1px solid var(--cl-neutral-200);border-radius:var(--cl-radius-lg);overflow:hidden;cursor:pointer;transition:all .3s var(--cl-ease-out)}.cl-file-card:hover{border-color:var(--cl-neutral-300);transform:translateY(-4px);box-shadow:var(--cl-shadow-lg)}.cl-file-card.selected{border-color:var(--cl-primary-500);box-shadow:0 0 0 3px #ff6b3526}.cl-file-thumbnail{position:relative;aspect-ratio:1;background:var(--cl-neutral-100);overflow:hidden}.cl-file-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--cl-ease-out)}.cl-file-card:hover .cl-file-thumbnail img{transform:scale(1.05)}.cl-file-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.cl-file-placeholder.video{background:linear-gradient(135deg,#fef2f2,#fee2e2)}.cl-file-placeholder.photo{background:linear-gradient(135deg,#eff6ff,#dbeafe)}.cl-file-placeholder.audio{background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.cl-file-placeholder.document{background:linear-gradient(135deg,#fffbeb,#fef3c7)}.cl-placeholder-icon{font-size:40px;opacity:.8}.cl-placeholder-ext{padding:4px 10px;background:#ffffffb3;border-radius:var(--cl-radius-sm);font-size:11px;font-weight:700;color:var(--cl-neutral-700);text-transform:uppercase;letter-spacing:.5px}.cl-file-type-badge{position:absolute;top:10px;right:10px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:var(--cl-radius-sm);color:var(--cl-neutral-0);z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cl-file-type-badge.video{background:#ef4444e6}.cl-file-type-badge.photo{background:#3b82f6e6}.cl-file-type-badge.audio{background:#10b981e6}.cl-file-type-badge.document{background:#f59e0be6}.cl-file-checkbox{position:absolute;top:10px;left:10px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#ffffffe6;border:2px solid var(--cl-neutral-300);border-radius:50%;color:transparent;z-index:3;transition:all .2s var(--cl-ease-out);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cl-file-card.selected .cl-file-checkbox{background:var(--cl-primary-500);border-color:var(--cl-primary-500);color:var(--cl-neutral-0)}.cl-video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#0009;border-radius:50%;color:var(--cl-neutral-0);z-index:2;transition:all .3s var(--cl-ease-out);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cl-file-card:hover .cl-video-play{transform:translate(-50%,-50%) scale(1.1);background:#000c}.cl-file-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.8) 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:16px;opacity:0;transition:opacity .3s var(--cl-ease-out);z-index:2}.cl-file-card:hover .cl-file-overlay{opacity:1}.cl-overlay-actions{display:flex;justify-content:center;gap:10px}.cl-overlay-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#fffffff2;border:none;border-radius:50%;color:var(--cl-neutral-700);cursor:pointer;transition:all .2s var(--cl-ease-out)}.cl-overlay-btn:hover{transform:scale(1.1)}.cl-overlay-btn.preview:hover{background:var(--cl-primary-500);color:var(--cl-neutral-0)}.cl-overlay-btn.download:hover{background:var(--cl-success-500);color:var(--cl-neutral-0)}.cl-file-info{padding:14px 16px;background:var(--cl-neutral-0)}.cl-file-name{font-size:14px;font-weight:600;color:var(--cl-neutral-900);margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.cl-file-meta{display:flex;align-items:center;gap:10px}.cl-file-type-label{padding:3px 8px;border-radius:var(--cl-radius-sm);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.cl-file-type-label.video{background:var(--cl-video-light);color:var(--cl-video)}.cl-file-type-label.photo{background:var(--cl-photo-light);color:var(--cl-photo)}.cl-file-type-label.audio{background:var(--cl-audio-light);color:var(--cl-audio)}.cl-file-type-label.document{background:var(--cl-document-light);color:var(--cl-document)}.cl-file-size{font-size:12px;color:var(--cl-neutral-400)}.cl-files-list{display:flex;flex-direction:column;gap:8px}.cl-file-list-item{display:flex;align-items:center;gap:16px;padding:12px 16px;background:var(--cl-neutral-0);border:1px solid var(--cl-neutral-200);border-radius:var(--cl-radius-md);cursor:pointer;transition:all .2s var(--cl-ease-out)}.cl-file-list-item:hover{background:var(--cl-neutral-50);border-color:var(--cl-neutral-300)}.cl-file-list-item.selected{border-color:var(--cl-primary-500);background:var(--cl-primary-50)}.cl-list-checkbox{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--cl-neutral-100);border:2px solid var(--cl-neutral-300);border-radius:50%;color:transparent;flex-shrink:0;transition:all .2s var(--cl-ease-out)}.cl-file-list-item.selected .cl-list-checkbox{background:var(--cl-primary-500);border-color:var(--cl-primary-500);color:var(--cl-neutral-0)}.cl-list-thumb{position:relative;width:48px;height:48px;border-radius:var(--cl-radius-sm);overflow:hidden;flex-shrink:0}.cl-list-thumb img{width:100%;height:100%;object-fit:cover}.cl-list-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--cl-neutral-500)}.cl-list-thumb-placeholder.video{background:var(--cl-video-light);color:var(--cl-video)}.cl-list-thumb-placeholder.photo{background:var(--cl-photo-light);color:var(--cl-photo)}.cl-list-thumb-placeholder.audio{background:var(--cl-audio-light);color:var(--cl-audio)}.cl-list-thumb-placeholder.document{background:var(--cl-document-light);color:var(--cl-document)}.cl-list-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#0009;border-radius:50%;color:var(--cl-neutral-0)}.cl-list-info{flex:1;min-width:0}.cl-list-name{font-size:14px;font-weight:600;color:var(--cl-neutral-900);margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cl-list-meta{display:flex;align-items:center;gap:12px}.cl-list-size,.cl-list-date{font-size:12px;color:var(--cl-neutral-400)}.cl-list-actions{display:flex;align-items:center;gap:4px;opacity:0;transition:opacity .2s var(--cl-ease-out)}.cl-file-list-item:hover .cl-list-actions{opacity:1}.cl-list-action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--cl-neutral-100);border:none;border-radius:var(--cl-radius-sm);color:var(--cl-neutral-600);cursor:pointer;transition:all .2s var(--cl-ease-out)}.cl-list-action-btn:hover{background:var(--cl-primary-500);color:var(--cl-neutral-0)}.cl-file-list-skeleton{display:flex;align-items:center;gap:16px;padding:12px 16px;background:var(--cl-neutral-0);border:1px solid var(--cl-neutral-200);border-radius:var(--cl-radius-md)}.cl-skeleton-list-thumb{width:48px;height:48px;border-radius:var(--cl-radius-sm)}.cl-skeleton-list-info{flex:1}.cl-skeleton-list-name{width:180px;height:16px;border-radius:4px;margin-bottom:8px}.cl-skeleton-list-meta{width:120px;height:12px;border-radius:4px}.cl-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;background:var(--cl-neutral-0);border:2px dashed var(--cl-neutral-200);border-radius:var(--cl-radius-xl);text-align:center}.cl-empty-visual{position:relative;margin-bottom:28px}.cl-empty-icon-ring{width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--cl-neutral-100) 0%,var(--cl-neutral-200) 100%);border-radius:var(--cl-radius-2xl);color:var(--cl-neutral-400)}.cl-empty-icon-ring svg{width:44px;height:44px}.cl-empty-particles{position:absolute;inset:-24px}.cl-empty-particles span{position:absolute;width:10px;height:10px;background:var(--cl-primary-300);border-radius:50%;opacity:0;animation:clParticle 3s ease-in-out infinite}.cl-empty-particles span:nth-child(1){top:0;left:35%;animation-delay:0s}.cl-empty-particles span:nth-child(2){top:45%;right:0;animation-delay:1s}.cl-empty-particles span:nth-child(3){bottom:0;left:55%;animation-delay:2s}@keyframes clParticle{0%,to{opacity:0;transform:translateY(0) scale(.5)}50%{opacity:1;transform:translateY(-16px) scale(1)}}.cl-empty-state h3{font-size:20px;font-weight:700;color:var(--cl-neutral-900);margin:0 0 10px}.cl-empty-state p{font-size:15px;color:var(--cl-neutral-500);margin:0 0 28px;max-width:340px}.cl-empty-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.cl-skeleton{background:linear-gradient(90deg,var(--cl-neutral-100) 25%,var(--cl-neutral-200) 50%,var(--cl-neutral-100) 75%);background-size:200% 100%;animation:clShimmer 1.5s ease-in-out infinite;border-radius:var(--cl-radius-sm)}@keyframes clShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.cl-folder-skeleton{display:flex;align-items:center;gap:16px;padding:20px;background:var(--cl-neutral-0);border:1px solid var(--cl-neutral-100);border-radius:var(--cl-radius-lg)}.cl-skeleton-folder-icon{width:52px;height:52px;border-radius:var(--cl-radius-md);flex-shrink:0}.cl-skeleton-folder-info{flex:1}.cl-skeleton-folder-name{width:140px;height:16px;margin-bottom:8px}.cl-skeleton-folder-meta{width:100px;height:12px}.cl-file-skeleton{background:var(--cl-neutral-0);border:1px solid var(--cl-neutral-100);border-radius:var(--cl-radius-lg);overflow:hidden}.cl-skeleton-thumbnail{aspect-ratio:1}.cl-skeleton-file-info{padding:14px 16px}.cl-skeleton-file-name{width:80%;height:14px;margin-bottom:10px}.cl-skeleton-file-meta{width:50%;height:12px}.cl-modal-backdrop{position:fixed;inset:0;background:#09090bb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:clBackdropFade .3s var(--cl-ease-out)}@keyframes clBackdropFade{0%{opacity:0}to{opacity:1}}.cl-modal-wrapper{position:relative;width:100%;max-height:90vh;overflow-y:auto;animation:clModalEnter .4s var(--cl-ease-bounce)}.cl-modal-wrapper.sm{max-width:400px}.cl-modal-wrapper.md{max-width:500px}.cl-modal-wrapper.lg{max-width:600px}.cl-modal-wrapper.xl{max-width:800px}@keyframes clModalEnter{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.cl-modal-glow{position:absolute;top:-80px;left:50%;transform:translate(-50%);width:250px;height:150px;background:radial-gradient(ellipse,var(--cl-primary-200) 0%,transparent 70%);opacity:.4;pointer-events:none}.cl-modal-content{position:relative;background:var(--cl-neutral-0);border:1px solid var(--cl-neutral-200);border-radius:var(--cl-radius-2xl);overflow:hidden;box-shadow:var(--cl-shadow-xl)}.cl-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--cl-neutral-100)}.cl-modal-title{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;color:var(--cl-neutral-900);margin:0}.cl-modal-title .modal-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--cl-primary-100);border-radius:var(--cl-radius-md);color:var(--cl-primary-500)}.cl-modal-close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--cl-neutral-100);border:none;border-radius:var(--cl-radius-md);color:var(--cl-neutral-500);cursor:pointer;transition:all .2s var(--cl-ease-out)}.cl-modal-close:hover{background:var(--cl-neutral-200);color:var(--cl-neutral-700)}.cl-modal-body{padding:24px}.cl-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--cl-neutral-100);background:var(--cl-neutral-50)}.cl-form-group{margin-bottom:20px}.cl-form-group:last-child{margin-bottom:0}.cl-form-label{display:block;font-size:12px;font-weight:600;color:var(--cl-neutral-600);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.cl-form-input{width:100%;padding:14px 16px;background:var(--cl-neutral-0);border:1px solid var(--cl-neutral-200);border-radius:var(--cl-radius-md);font-family:inherit;font-size:15px;color:var(--cl-neutral-900);transition:all .2s var(--cl-ease-out)}.cl-form-input:hover{border-color:var(--cl-neutral-300)}.cl-form-input:focus{outline:none;border-color:var(--cl-primary-500);box-shadow:0 0 0 3px #ff6b351a}.cl-form-input::placeholder{color:var(--cl-neutral-400)}.cl-upload-tabs{display:flex;gap:8px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--cl-neutral-100)}.cl-upload-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;background:var(--cl-neutral-50);border:1px solid var(--cl-neutral-200);border-radius:var(--cl-radius-md);font-family:inherit;font-size:14px;font-weight:600;color:var(--cl-neutral-600);cursor:pointer;transition:all .2s var(--cl-ease-out)}.cl-upload-tab:hover{background:var(--cl-neutral-100)}.cl-upload-tab.active{background:var(--cl-primary-500);border-color:var(--cl-primary-500);color:var(--cl-neutral-0)}.cl-dropzone{border:2px dashed var(--cl-neutral-300);border-radius:var(--cl-radius-lg);padding:48px 24px;text-align:center;cursor:pointer;transition:all .3s var(--cl-ease-out);background:var(--cl-neutral-50)}.cl-dropzone:hover,.cl-dropzone.dragover{border-color:var(--cl-primary-500);background:var(--cl-primary-50)}.cl-dropzone-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;background:var(--cl-primary-100);border-radius:var(--cl-radius-xl);color:var(--cl-primary-500)}.cl-dropzone-icon svg{width:32px;height:32px}.cl-dropzone-title{font-size:17px;font-weight:600;color:var(--cl-neutral-800);margin:0 0 8px}.cl-dropzone-hint{font-size:14px;color:var(--cl-neutral-500)}.cl-upload-progress{text-align:center;padding:20px}.cl-upload-progress-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:20px}.cl-upload-progress-text{font-size:15px;font-weight:500;color:var(--cl-neutral-700)}.cl-upload-cancel{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--cl-error-100);border:none;border-radius:50%;color:var(--cl-error-500);cursor:pointer;transition:all .2s var(--cl-ease-out)}.cl-upload-cancel:hover{background:var(--cl-error-500);color:var(--cl-neutral-0)}.cl-progress-bar{height:8px;background:var(--cl-neutral-200);border-radius:var(--cl-radius-full);overflow:hidden;margin-bottom:16px}.cl-progress-fill{height:100%;background:linear-gradient(90deg,var(--cl-primary-500),var(--cl-primary-400));border-radius:var(--cl-radius-full);transition:width .3s var(--cl-ease-out)}.cl-upload-stats{display:flex;justify-content:space-between;align-items:center}.cl-upload-percent{font-size:14px;font-weight:600;color:var(--cl-neutral-700)}.cl-upload-speed{padding:4px 10px;background:var(--cl-primary-100);border-radius:var(--cl-radius-full);font-size:12px;font-weight:600;color:var(--cl-primary-600)}.cl-upload-eta{display:block;margin-top:10px;font-size:13px;color:var(--cl-neutral-400)}.cl-drive-section{text-align:center;padding:32px 20px}.cl-drive-connected{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:var(--cl-success-100);border:1px solid rgba(16,185,129,.2);border-radius:var(--cl-radius-full);margin-bottom:20px}.cl-drive-connected .status-dot{width:8px;height:8px;background:var(--cl-success-500);border-radius:50%}.cl-drive-connected span{font-size:13px;font-weight:600;color:var(--cl-success-600)}.cl-drive-section p{font-size:14px;color:var(--cl-neutral-500);margin:0 0 16px}.cl-drive-not-configured{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;color:var(--cl-neutral-400)}.cl-drive-not-configured svg{opacity:.5}.cl-drive-hint{font-size:12px;color:var(--cl-neutral-400)}.cl-drive-warning{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;margin-bottom:16px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:var(--cl-radius-lg)}.cl-drive-warning svg{color:var(--cl-warning-500)}.cl-drive-warning p{margin:0;color:var(--cl-warning-600);font-weight:500}.cl-drive-connected .status-dot.connected{background:var(--cl-success-500);animation:pulse 2s infinite}.cl-delete-warning{display:flex;flex-direction:column;align-items:center;padding:24px;background:var(--cl-error-50);border:1px solid rgba(239,68,68,.2);border-radius:var(--cl-radius-lg);text-align:center;margin-bottom:20px}.cl-delete-warning-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--cl-error-100);border-radius:var(--cl-radius-xl);color:var(--cl-error-500);margin-bottom:16px}.cl-delete-warning p{font-size:15px;color:var(--cl-neutral-700);margin:0 0 8px}.cl-delete-warning-text{font-size:13px;font-weight:600;color:var(--cl-error-500)}.cl-delete-items-list{max-height:180px;overflow-y:auto;border:1px solid var(--cl-neutral-200);border-radius:var(--cl-radius-md);background:var(--cl-neutral-50)}.cl-delete-item{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--cl-neutral-200);font-size:14px;color:var(--cl-neutral-700)}.cl-delete-item:last-child{border-bottom:none}.cl-move-info{font-size:14px;color:var(--cl-neutral-500);margin:0 0 16px}.cl-folder-select-list{max-height:280px;overflow-y:auto;border:1px solid var(--cl-neutral-200);border-radius:var(--cl-radius-md);background:var(--cl-neutral-50)}.cl-folder-select-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--cl-neutral-200);cursor:pointer;font-size:14px;color:var(--cl-neutral-700);transition:all .15s var(--cl-ease-out)}.cl-folder-select-item:last-child{border-bottom:none}.cl-folder-select-item:hover{background:var(--cl-neutral-0)}.cl-folder-select-item.selected{background:var(--cl-primary-100);color:var(--cl-primary-600);font-weight:600}.cl-folder-select-item.disabled{opacity:.4;cursor:not-allowed;background:var(--cl-neutral-50)}.cl-preview-modal .cl-modal-content{background:var(--cl-neutral-950)}.cl-preview-modal .cl-modal-header{background:#00000080;border-bottom:1px solid rgba(255,255,255,.1)}.cl-preview-modal .cl-modal-title{color:var(--cl-neutral-0)}.cl-preview-modal .cl-modal-close{background:#ffffff1a;color:var(--cl-neutral-300)}.cl-preview-modal .cl-modal-close:hover{background:#fff3;color:var(--cl-neutral-0)}.cl-preview-body{display:flex;align-items:center;justify-content:center;min-height:300px;padding:24px;background:var(--cl-neutral-900)}.cl-preview-video,.cl-preview-image{max-width:100%;max-height:60vh;border-radius:var(--cl-radius-md)}.cl-preview-audio{width:100%;max-width:500px}.cl-preview-document{display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px;color:var(--cl-neutral-400)}.cl-preview-document .doc-icon{font-size:64px;opacity:.5}.cl-preview-modal .cl-modal-footer{background:#00000080;border-top:1px solid rgba(255,255,255,.1)}.cl-toast{position:fixed;top:24px;right:24px;display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--cl-neutral-0);border-radius:var(--cl-radius-lg);box-shadow:var(--cl-shadow-xl);z-index:99999;overflow:hidden;animation:clToastEnter .4s var(--cl-ease-out)}@keyframes clToastEnter{0%{opacity:0;transform:translate(100%) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}.cl-toast-glow{position:absolute;left:0;top:0;bottom:0;width:4px}.cl-toast.success .cl-toast-glow{background:var(--cl-success-500)}.cl-toast.error .cl-toast-glow{background:var(--cl-error-500)}.cl-toast.warning .cl-toast-glow{background:var(--cl-warning-500)}.cl-toast.info .cl-toast-glow{background:var(--cl-primary-500)}.cl-toast-icon{display:flex;align-items:center;justify-content:center}.cl-toast.success .cl-toast-icon{color:var(--cl-success-500)}.cl-toast.error .cl-toast-icon{color:var(--cl-error-500)}.cl-toast.warning .cl-toast-icon{color:var(--cl-warning-500)}.cl-toast.info .cl-toast-icon{color:var(--cl-primary-500)}.cl-toast-text{font-size:14px;font-weight:500;color:var(--cl-neutral-800)}.cl-toast-dismiss{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--cl-neutral-100);border:none;border-radius:var(--cl-radius-sm);color:var(--cl-neutral-500);cursor:pointer;transition:all .2s var(--cl-ease-out)}.cl-toast-dismiss:hover{background:var(--cl-neutral-200);color:var(--cl-neutral-700)}.cl-spinner{animation:clSpin 1s linear infinite}@keyframes clSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:640px){.cl-hero-content{flex-direction:column;gap:20px}.cl-hero-actions{width:100%}.cl-hero-actions .cl-btn{flex:1}.cl-storage-indicator{display:none}.cl-toolbar{flex-direction:column;align-items:stretch;padding:14px 16px;gap:12px}.cl-toolbar-left,.cl-toolbar-right{width:100%}.cl-toolbar-right{justify-content:flex-start;overflow-x:auto;padding-bottom:4px}.cl-folders-grid{grid-template-columns:1fr;gap:12px}.cl-folder-card{padding:16px;gap:14px}.cl-folder-icon-wrapper{width:44px;height:44px}.cl-folder-icon-wrapper .folder-emoji{font-size:22px}.cl-files-grid{grid-template-columns:repeat(2,1fr);gap:12px}.cl-files-list{gap:6px}.cl-file-list-item{padding:10px 12px;gap:12px}.cl-list-thumb{width:40px;height:40px}.cl-list-actions{opacity:1}.cl-file-info{padding:12px 14px}.cl-file-name{font-size:13px}.cl-empty-state{padding:60px 20px}.cl-empty-icon-ring{width:80px;height:80px}.cl-modal-wrapper{margin:12px}.cl-modal-header{padding:16px 20px}.cl-modal-body{padding:20px}.cl-modal-footer{padding:16px 20px;flex-direction:column}.cl-modal-footer .cl-btn{width:100%}.cl-toast{top:12px;right:12px;left:12px;padding:14px 16px}}@media(min-width:641px)and (max-width:1024px){.cl-storage-indicator{margin-left:12px}.cl-storage-bar-inline{width:60px}.cl-folders-grid{grid-template-columns:repeat(2,1fr)}.cl-files-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1025px){.cl-storage-indicator{margin-left:24px}.cl-storage-bar-inline{width:100px}.cl-folders-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.cl-files-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}.cl-btn:focus-visible,.cl-form-input:focus-visible,.cl-folder-card:focus-visible,.cl-file-card:focus-visible,.cl-modal-close:focus-visible,.cl-breadcrumb-item:focus-visible,.cl-upload-tab:focus-visible,.cl-view-btn:focus-visible,.cl-overlay-btn:focus-visible{outline:2px solid var(--cl-primary-500);outline-offset:2px}@media print{.cl-animated-bg,.cl-toast,.cl-modal-backdrop{display:none!important}.content-library-v2{background:#fff}.cl-folder-card,.cl-file-card,.cl-file-list-item{box-shadow:none!important;border:1px solid #ddd!important}}.schedule-manager{animation:fadeIn .5s}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px}.page-title{font-size:32px;font-weight:700;margin:0 0 10px;color:#2d3748}.page-subtitle{color:#718096;margin:0;font-size:16px}.btn-create-schedule{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s}.btn-create-schedule:hover:not(:disabled){transform:translateY(-2px)}.btn-create-schedule:disabled{opacity:.5;cursor:not-allowed}.warning-message{background:#fff3cd;border-left:4px solid #ffc107;padding:15px 20px;border-radius:8px;margin-bottom:20px;color:#856404;font-weight:500}.schedules-list{display:grid;gap:20px}.schedule-card{background:#fff;border-radius:15px;padding:25px;box-shadow:0 2px 10px #0000000d;transition:all .3s}.schedule-card:hover{box-shadow:0 4px 20px #0000001a}.schedule-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:15px}.schedule-title-section{flex:1;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.schedule-title{font-size:20px;font-weight:600;margin:0;color:#2d3748}.status-badge{padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600;color:#fff}.schedule-actions-quick{display:flex;gap:8px}.btn-icon{width:36px;height:36px;border:2px solid #e2e8f0;background:#fff;border-radius:8px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon:hover{border-color:#667eea;background:#f7fafc}.schedule-details{background:#f7fafc;padding:20px;border-radius:10px;margin-bottom:15px}.detail-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e2e8f0}.detail-label{color:#718096;font-weight:600;font-size:14px}.detail-value{color:#2d3748;font-size:14px;text-align:right}.error-message-box{background:#fed7d7;color:#c53030;padding:12px;border-radius:8px;margin-top:12px;font-size:14px;border-left:4px solid #c53030}.schedule-actions{display:flex;gap:10px;justify-content:flex-end}.btn-cancel,.btn-delete{padding:8px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s}.btn-cancel{background:#f56565;color:#fff}.btn-delete{background:#e2e8f0;color:#4a5568}.btn-cancel:hover,.btn-delete:hover{opacity:.9}.empty-state{text-align:center;padding:80px 20px;background:#fff;border-radius:15px}.empty-icon{font-size:80px;display:block;margin-bottom:20px;opacity:.5}.empty-state h3{font-size:24px;margin:0 0 10px;color:#2d3748}.empty-state p{color:#718096;margin:0}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:20px;padding:30px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-content.large{max-width:600px}.modal-content h2{margin:0 0 25px;font-size:24px;color:#2d3748}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#2d3748;font-size:14px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:2px solid #e2e8f0;border-radius:10px;font-size:15px;transition:border-color .3s;box-sizing:border-box;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea}.form-group small{display:block;margin-top:6px;color:#718096;font-size:13px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.toggle-group{display:flex;gap:10px}.toggle-group button{flex:1;padding:12px;background:#f7fafc;border:2px solid #e2e8f0;border-radius:10px;font-size:15px;font-weight:600;color:#4a5568;cursor:pointer;transition:all .3s}.toggle-group button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.modal-actions{display:flex;gap:10px;margin-top:25px}.modal-actions .btn-cancel{flex:1;padding:12px;background:#e2e8f0;color:#4a5568;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer}.modal-actions .btn-cancel:hover{background:#cbd5e0}.modal-actions .btn-primary{flex:1;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer}.modal-actions .btn-primary:disabled{opacity:.5;cursor:not-allowed}.loading{text-align:center;padding:60px 20px;color:#718096;font-size:18px}@media(max-width:768px){.form-row{grid-template-columns:1fr}.schedule-header{flex-direction:column}.detail-row{flex-direction:column;gap:5px}.detail-value{text-align:left}}.video-selector-list{max-height:300px;overflow-y:auto;border:2px solid #e2e8f0;border-radius:10px;padding:15px;background:#f7fafc}.video-checkbox-item{display:flex;align-items:center;gap:10px;padding:10px;margin-bottom:8px;background:#fff;border-radius:8px;transition:background .2s}.video-checkbox-item:hover{background:#edf2f7}.video-checkbox-item:last-child{margin-bottom:0}.video-checkbox-item input[type=checkbox]{width:18px;height:18px;cursor:pointer}.checkbox-label{cursor:pointer;flex:1;margin:0;color:#2d3748;font-weight:500}.limit-modal{text-align:center;padding:40px;max-width:500px}.limit-icon{font-size:64px;margin-bottom:20px;animation:bounce 1s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.limit-modal h2{font-size:28px;font-weight:800;color:#1a202c;margin-bottom:16px}.limit-modal p{font-size:16px;color:#4a5568;line-height:1.6;margin-bottom:32px}.modal-actions{display:flex;gap:12px;justify-content:center}.btn-upgrade{padding:14px 32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.btn-upgrade:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-cancel{padding:14px 32px;background:#fff;color:#4a5568;border:2px solid #e2e8f0;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-cancel:hover{border-color:#cbd5e0;background:#f7fafc}.connect-bot-form{display:flex;flex-direction:column;gap:10px}.connect-bot-form input{width:100%;padding:10px 12px;border:1px solid #e4e4e7;border-radius:6px;font-size:13px;color:#18181b;background:#fff;transition:border-color .2s;box-sizing:border-box}.connect-bot-form input::placeholder{color:#a1a1aa}.connect-bot-form input:focus{outline:none;border-color:#f97316}.connect-bot-form input:disabled{background:#fafafa;cursor:not-allowed}.connect-bot-form .btn-connect{width:100%;padding:10px 16px;background:#f97316;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s}.connect-bot-form .btn-connect:hover:not(:disabled){background:#ea580c}.connect-bot-form .btn-connect:disabled{background:#fdba74;cursor:not-allowed}.connect-bot-form .form-error{padding:8px 12px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;font-size:12px;color:#dc2626}@media(max-width:480px){.connect-bot-form input{padding:9px 10px;font-size:12px}.connect-bot-form .btn-connect{padding:9px 14px;font-size:12px}}@media(min-width:481px)and (max-width:768px){.connect-bot-form input{padding:10px 12px;font-size:13px}.connect-bot-form .btn-connect{padding:10px 16px;font-size:13px}}@media(min-width:769px)and (max-width:1024px){.connect-bot-form{gap:10px}}@media(min-width:1441px)and (max-width:1920px){.connect-bot-form input{padding:11px 14px;font-size:14px}.connect-bot-form .btn-connect{padding:11px 18px;font-size:14px}}@media(min-width:1921px){.connect-bot-form input{padding:12px 16px;font-size:14px;border-radius:8px}.connect-bot-form .btn-connect{padding:12px 20px;font-size:14px;border-radius:8px}}.connect-channel-form{display:flex;flex-direction:column;gap:10px}.connect-channel-form .bot-select{width:100%;padding:10px 36px 10px 12px;border:1px solid #e4e4e7;border-radius:6px;font-size:13px;color:#18181b;background:#fff;transition:border-color .2s;box-sizing:border-box;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.connect-channel-form .bot-select:focus{outline:none;border-color:#f97316}.connect-channel-form .bot-select:disabled{background-color:#fafafa;cursor:not-allowed;color:#a1a1aa}.connect-channel-form .bot-select option{padding:8px}.connect-channel-form input{width:100%;padding:10px 12px;border:1px solid #e4e4e7;border-radius:6px;font-size:13px;color:#18181b;background:#fff;transition:border-color .2s;box-sizing:border-box}.connect-channel-form input::placeholder{color:#a1a1aa}.connect-channel-form input:focus{outline:none;border-color:#f97316}.connect-channel-form input:disabled{background:#fafafa;cursor:not-allowed}.connect-channel-form .btn-connect{width:100%;padding:10px 16px;background:#f97316;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s}.connect-channel-form .btn-connect:hover:not(:disabled){background:#ea580c}.connect-channel-form .btn-connect:disabled{background:#fdba74;cursor:not-allowed}.connect-channel-form .form-error{padding:8px 12px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;font-size:12px;color:#dc2626}@media(max-width:480px){.connect-channel-form .bot-select,.connect-channel-form input{padding:9px 10px;font-size:12px}.connect-channel-form .bot-select{padding-right:32px;background-position:right 10px center}.connect-channel-form .btn-connect{padding:9px 14px;font-size:12px}}@media(min-width:481px)and (max-width:768px){.connect-channel-form .bot-select,.connect-channel-form input{padding:10px 12px;font-size:13px}.connect-channel-form .btn-connect{padding:10px 16px;font-size:13px}}@media(min-width:769px)and (max-width:1024px){.connect-channel-form{gap:10px}}@media(min-width:1441px)and (max-width:1920px){.connect-channel-form .bot-select,.connect-channel-form input{padding:11px 14px;font-size:14px}.connect-channel-form .btn-connect{padding:11px 18px;font-size:14px}}@media(min-width:1921px){.connect-channel-form .bot-select,.connect-channel-form input{padding:12px 16px;font-size:14px;border-radius:8px}.connect-channel-form .btn-connect{padding:12px 20px;font-size:14px;border-radius:8px}}:root{--primary-50: #fff7ed;--primary-100: #ffedd5;--primary-200: #fed7aa;--primary-300: #fdba74;--primary-400: #fb923c;--primary-500: #f97316;--primary-600: #ea580c;--primary-700: #c2410c;--primary-800: #9a3412;--primary-900: #7c2d12;--neutral-0: #ffffff;--neutral-50: #fafafa;--neutral-100: #f4f4f5;--neutral-200: #e4e4e7;--neutral-300: #d4d4d8;--neutral-400: #a1a1aa;--neutral-500: #71717a;--neutral-600: #52525b;--neutral-700: #3f3f46;--neutral-800: #27272a;--neutral-900: #18181b;--neutral-950: #09090b;--success-50: #ecfdf5;--success-100: #d1fae5;--success-500: #10b981;--success-600: #059669;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-500: #f59e0b;--warning-600: #d97706;--error-50: #fef2f2;--error-100: #fee2e2;--error-500: #ef4444;--error-600: #dc2626;--youtube: #FF0000;--youtube-dark: #cc0000;--telegram: #0088cc;--telegram-dark: #006699;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .12);--shadow-xl: 0 24px 60px rgba(0, 0, 0, .16);--shadow-glow: 0 0 60px rgba(249, 115, 22, .15);--blur-sm: 8px;--blur-md: 16px;--blur-lg: 24px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px}.connect-page-v2{position:relative;min-height:100vh;padding:0;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--neutral-50);overflow-x:hidden}.animated-bg{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:float 20s ease-in-out infinite}.orb-1{width:600px;height:600px;background:radial-gradient(circle,var(--primary-200) 0%,transparent 70%);top:-200px;right:-100px;animation-delay:0s}.orb-2{width:500px;height:500px;background:radial-gradient(circle,var(--primary-100) 0%,transparent 70%);bottom:-150px;left:-100px;animation-delay:-7s}.orb-3{width:400px;height:400px;background:radial-gradient(circle,rgba(14,165,233,.15) 0%,transparent 70%);top:40%;left:30%;animation-delay:-14s}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(20px,30px) scale(1.02)}}.grid-overlay{position:absolute;inset:0;background-image:linear-gradient(var(--neutral-200) 1px,transparent 1px),linear-gradient(90deg,var(--neutral-200) 1px,transparent 1px);background-size:60px 60px;opacity:.3;-webkit-mask-image:radial-gradient(ellipse at center,black 0%,transparent 70%);mask-image:radial-gradient(ellipse at center,black 0%,transparent 70%)}.toast-notification{position:fixed;top:24px;right:24px;display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--neutral-0);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:9999;overflow:hidden;animation:toastEnter .4s var(--ease-out)}@keyframes toastEnter{0%{opacity:0;transform:translate(100%) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}.toast-glow{position:absolute;left:0;top:0;bottom:0;width:4px}.toast-notification.success .toast-glow{background:var(--success-500)}.toast-notification.error .toast-glow{background:var(--error-500)}.toast-notification.info .toast-glow{background:var(--primary-500)}.toast-content{display:flex;align-items:center;gap:12px}.toast-notification.success .toast-icon{color:var(--success-500)}.toast-notification.error .toast-icon{color:var(--error-500)}.toast-notification.info .toast-icon{color:var(--primary-500)}.toast-text{font-size:14px;font-weight:500;color:var(--neutral-800)}.toast-dismiss{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--neutral-100);border:none;border-radius:var(--radius-sm);color:var(--neutral-500);cursor:pointer;transition:all .2s var(--ease-out)}.toast-dismiss:hover{background:var(--neutral-200);color:var(--neutral-700)}.connect-hero{position:relative;z-index:1;padding:0 0 24px}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--neutral-0);border:1px solid var(--neutral-200);border-radius:var(--radius-full);font-size:12px;font-weight:600;color:var(--neutral-600);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.hero-badge svg{color:var(--primary-500)}.hero-title{font-size:clamp(28px,5vw,40px);font-weight:700;color:var(--neutral-900);line-height:1.1;margin:0 0 12px;letter-spacing:-.02em}.gradient-text{background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 50%,#ea580c 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:16px;color:var(--neutral-500);line-height:1.6;margin:0}.stats-row{position:relative;z-index:1;display:flex;align-items:stretch;gap:16px;margin-bottom:24px;flex-wrap:wrap}.stat-card{position:relative;flex:1;min-width:160px;padding:20px;background:var(--neutral-0);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);overflow:hidden;transition:all .3s var(--ease-out)}.stat-card:hover{border-color:var(--neutral-300);transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card-bg{position:absolute;top:0;right:0;width:120px;height:120px;border-radius:50%;opacity:.1;transform:translate(30%,-30%)}.stat-card.primary .stat-card-bg{background:var(--primary-500)}.stat-card.success .stat-card-bg{background:var(--success-500)}.stat-card.warning .stat-card-bg{background:var(--warning-500)}.stat-card.accent .stat-card-bg{background:#8b5cf6}.stat-card.neutral .stat-card-bg{background:var(--neutral-400)}.stat-icon-wrapper{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);margin-bottom:12px}.stat-card.primary .stat-icon-wrapper{background:var(--primary-100);color:var(--primary-600)}.stat-card.success .stat-icon-wrapper{background:var(--success-100);color:var(--success-600)}.stat-card.warning .stat-icon-wrapper{background:var(--warning-100);color:var(--warning-600)}.stat-card.accent .stat-icon-wrapper{background:#ede9fe;color:#7c3aed}.stat-card.neutral .stat-icon-wrapper{background:var(--neutral-100);color:var(--neutral-600)}.stat-content{position:relative}.stat-label{display:block;font-size:12px;font-weight:500;color:var(--neutral-500);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.stat-value-row{display:flex;align-items:center;gap:8px}.stat-value{font-size:28px;font-weight:700;color:var(--neutral-900);line-height:1}.stat-trend{display:inline-flex;align-items:center;gap:2px;padding:2px 6px;border-radius:var(--radius-sm);font-size:11px;font-weight:600}.stat-trend.up{background:var(--success-100);color:var(--success-600)}.stat-trend.down{background:var(--error-100);color:var(--error-600)}.stat-trend.down svg{transform:rotate(180deg)}.stat-subtext{display:block;font-size:12px;color:var(--neutral-400);margin-top:4px}.upgrade-cta{display:flex;align-items:center;gap:10px;padding:0 28px;min-width:180px;background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);color:var(--neutral-0);border:none;border-radius:var(--radius-lg);font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s var(--ease-out);box-shadow:0 4px 20px #f973164d}.upgrade-cta:hover{transform:translateY(-2px);box-shadow:0 8px 30px #f9731666}.upgrade-cta.secondary{background:var(--neutral-0);color:var(--primary-600);border:1px solid var(--neutral-200);box-shadow:var(--shadow-sm)}.upgrade-cta.secondary:hover{border-color:var(--primary-300);box-shadow:var(--shadow-md)}.no-subscription-banner{position:relative;z-index:1;margin-bottom:24px;border-radius:var(--radius-xl);overflow:hidden;background:linear-gradient(135deg,var(--primary-50) 0%,var(--primary-100) 100%);border:1px solid var(--primary-200)}.banner-glow{position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,var(--primary-200) 0%,transparent 70%);opacity:.5}.banner-content{position:relative;display:flex;align-items:center;gap:20px;padding:24px 28px}.banner-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--primary-500);border-radius:var(--radius-lg);color:var(--neutral-0);flex-shrink:0;box-shadow:0 4px 16px #f973164d}.banner-text{flex:1}.banner-text h3{font-size:18px;font-weight:700;color:var(--neutral-900);margin:0 0 4px}.banner-text p{font-size:14px;color:var(--neutral-600);margin:0}.banner-btn{display:flex;align-items:center;gap:6px;padding:14px 24px;background:var(--neutral-0);border:1px solid var(--neutral-200);border-radius:var(--radius-md);color:var(--primary-600);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s var(--ease-out);white-space:nowrap}.banner-btn:hover{background:var(--primary-500);border-color:var(--primary-500);color:var(--neutral-0);transform:translate(4px)}.section-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-title-row h2{font-size:20px;font-weight:700;color:var(--neutral-900);margin:0}.section-hint{font-size:13px;color:var(--neutral-400)}.accounts-count-badge{padding:6px 14px;background:var(--neutral-100);border-radius:var(--radius-full);font-size:13px;font-weight:600;color:var(--neutral-600)}.bento-section{position:relative;z-index:1;margin-bottom:32px}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.bento-card{position:relative;padding:28px;background:var(--neutral-0);border:1px solid var(--neutral-200);border-radius:var(--radius-xl);overflow:hidden;transition:all .4s var(--ease-out)}.bento-card:hover{border-color:var(--neutral-300);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.bento-card.locked{opacity:.85}.bento-card-glow{position:absolute;top:-100px;right:-100px;width:250px;height:250px;border-radius:50%;opacity:0;transition:opacity .4s var(--ease-out)}.bento-card:hover .bento-card-glow{opacity:.15}.bento-card.youtube .bento-card-glow{background:radial-gradient(circle,var(--youtube) 0%,transparent 70%)}.bento-card.telegram-bot .bento-card-glow,.bento-card.telegram-channel .bento-card-glow{background:radial-gradient(circle,var(--telegram) 0%,transparent 70%)}.bento-card-noise{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.02;pointer-events:none}.bento-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px}.bento-icon{position:relative;width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);color:var(--neutral-0);flex-shrink:0}.bento-icon.youtube-gradient{background:linear-gradient(135deg,var(--youtube) 0%,var(--youtube-dark) 100%);box-shadow:0 4px 20px #ff000040}.bento-icon.telegram-gradient{background:linear-gradient(135deg,var(--telegram) 0%,var(--telegram-dark) 100%);box-shadow:0 4px 20px #0088cc40}.icon-ring{position:absolute;inset:-4px;border:2px solid currentColor;border-radius:var(--radius-lg);opacity:.2;animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1);opacity:.2}50%{transform:scale(1.1);opacity:0}}.bento-title-group{flex:1;min-width:0}.bento-title{font-size:18px;font-weight:700;color:var(--neutral-900);margin:0 0 6px}.bento-meta{display:flex;align-items:center;gap:10px}.connected-badge{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--neutral-500)}.connected-badge svg{color:var(--neutral-300);transition:color .2s}.connected-badge svg.active{color:var(--success-500)}.free-tag{padding:3px 8px;background:var(--success-100);color:var(--success-600);border-radius:var(--radius-sm);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.bento-help-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--neutral-100);border:none;border-radius:var(--radius-sm);color:var(--neutral-400);cursor:pointer;transition:all .2s var(--ease-out);flex-shrink:0}.bento-help-btn:hover{background:var(--neutral-200);color:var(--primary-500)}.bento-description{font-size:14px;color:var(--neutral-500);line-height:1.6;margin:0 0 20px}.bento-action{position:relative}.bento-connect-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 24px;background:var(--neutral-900);color:var(--neutral-0);border:none;border-radius:var(--radius-md);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s var(--ease-out)}.bento-connect-btn .arrow{opacity:0;transform:translate(-8px);transition:all .3s var(--ease-out)}.bento-connect-btn:hover .arrow{opacity:1;transform:translate(0)}.bento-connect-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.bento-connect-btn.youtube-gradient:hover{background:var(--youtube)}.bento-connect-btn.telegram-gradient:hover{background:var(--telegram)}.bento-connect-btn:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bento-locked-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 24px;background:var(--neutral-100);color:var(--neutral-500);border:2px dashed var(--neutral-300);border-radius:var(--radius-md);font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s var(--ease-out)}.bento-locked-btn:hover{border-color:var(--primary-400);color:var(--primary-600);background:var(--primary-50)}.bento-status-line{position:absolute;bottom:0;left:0;right:0;height:4px;background:var(--neutral-200);transition:all .3s var(--ease-out)}.bento-status-line.active{background:linear-gradient(90deg,var(--success-500) 0%,var(--success-400) 100%)}.accounts-section{position:relative;z-index:1;margin-bottom:32px}.accounts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.account-card{position:relative;background:var(--neutral-0);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);overflow:hidden;transition:all .3s var(--ease-out)}.account-card:hover{border-color:var(--neutral-300);box-shadow:var(--shadow-md);transform:translateY(-2px)}.account-card-inner{display:flex;align-items:center;gap:16px;padding:20px}.account-avatar{position:relative;width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--neutral-0);flex-shrink:0}.account-avatar.youtube{background:linear-gradient(135deg,var(--youtube) 0%,var(--youtube-dark) 100%)}.account-avatar.telegram{background:linear-gradient(135deg,var(--telegram) 0%,var(--telegram-dark) 100%)}.avatar-pulse{position:absolute;inset:-2px;border-radius:var(--radius-md);border:2px solid currentColor;opacity:0;animation:avatarPulse 2s ease-out infinite}.account-card:hover .avatar-pulse{animation:avatarPulse 1.5s ease-out infinite}@keyframes avatarPulse{0%{transform:scale(1);opacity:.4}to{transform:scale(1.2);opacity:0}}.account-details{flex:1;min-width:0}.account-name{font-size:15px;font-weight:600;color:var(--neutral-900);margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-subtitle{font-size:13px;color:var(--neutral-500)}.account-right{display:flex;align-items:center;gap:12px}.account-status-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:600}.account-status-badge.success{background:var(--success-100);color:var(--success-600)}.account-status-badge.warning{background:var(--warning-100);color:var(--warning-600)}.account-status-badge.error{background:var(--error-100);color:var(--error-600)}.account-status-badge.neutral{background:var(--neutral-100);color:var(--neutral-500)}.account-disconnect-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--neutral-400);cursor:pointer;opacity:0;transform:scale(.9);transition:all .2s var(--ease-out)}.account-disconnect-btn.visible{opacity:1;transform:scale(1)}.account-disconnect-btn:hover{background:var(--error-100);border-color:var(--error-200);color:var(--error-500)}.account-type-indicator{position:absolute;top:12px;right:12px;padding:4px 8px;border-radius:var(--radius-sm);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.account-type-indicator.youtube{background:#ff00001a;color:var(--youtube)}.account-type-indicator.telegram{background:#0088cc1a;color:var(--telegram)}.accounts-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;background:var(--neutral-0);border:2px dashed var(--neutral-200);border-radius:var(--radius-xl);text-align:center}.empty-visual{position:relative;margin-bottom:24px}.empty-icon-ring{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--neutral-100) 0%,var(--neutral-200) 100%);border-radius:var(--radius-xl);color:var(--neutral-400)}.empty-particles{position:absolute;inset:-20px}.empty-particles span{position:absolute;width:8px;height:8px;background:var(--primary-300);border-radius:50%;opacity:0;animation:particleFloat 3s ease-in-out infinite}.empty-particles span:nth-child(1){top:0;left:30%;animation-delay:0s}.empty-particles span:nth-child(2){top:50%;right:0;animation-delay:1s}.empty-particles span:nth-child(3){bottom:0;left:50%;animation-delay:2s}@keyframes particleFloat{0%,to{opacity:0;transform:translateY(0) scale(.5)}50%{opacity:1;transform:translateY(-20px) scale(1)}}.accounts-empty-state h3{font-size:18px;font-weight:700;color:var(--neutral-900);margin:0 0 8px}.accounts-empty-state p{font-size:14px;color:var(--neutral-500);margin:0 0 24px;max-width:300px}.coming-soon-section{position:relative;z-index:1;display:flex;align-items:center;gap:24px;padding:24px 28px;background:var(--neutral-0);border:1px solid var(--neutral-200);border-radius:var(--radius-xl)}.coming-soon-label{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,var(--neutral-100) 0%,var(--neutral-200) 100%);border-radius:var(--radius-full);font-size:12px;font-weight:600;color:var(--neutral-600);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.coming-soon-label svg{color:var(--primary-500)}.coming-soon-grid{display:flex;flex-wrap:wrap;gap:12px}.coming-soon-item{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--neutral-50);border:1px solid var(--neutral-100);border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--neutral-600);transition:all .2s var(--ease-out)}.coming-soon-item:hover{border-color:var(--neutral-200);background:var(--neutral-0);transform:translateY(-2px)}.coming-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--neutral-0)}.bento-skeleton{position:relative;padding:28px;background:var(--neutral-0);border:1px solid var(--neutral-200);border-radius:var(--radius-xl);overflow:hidden}.skeleton-glow{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,var(--neutral-100) 50%,transparent 100%);animation:skeletonShimmer 1.5s ease-in-out infinite}@keyframes skeletonShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton-content{display:flex;align-items:flex-start;gap:16px}.skeleton-icon{width:56px;height:56px;background:var(--neutral-200);border-radius:var(--radius-lg)}.skeleton-lines{flex:1}.skeleton-line{height:14px;background:var(--neutral-200);border-radius:var(--radius-sm);margin-bottom:10px}.skeleton-line.w-40{width:40%}.skeleton-line.w-60{width:60%}.skeleton-line.w-80{width:80%}.account-skeleton{display:flex;align-items:center;gap:16px;padding:20px;background:var(--neutral-0);border:1px solid var(--neutral-200);border-radius:var(--radius-lg)}.skeleton-avatar-ring{position:relative}.skeleton-avatar{width:52px;height:52px;background:var(--neutral-200);border-radius:var(--radius-md);animation:skeletonPulse 1.5s ease-in-out infinite}@keyframes skeletonPulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton-details{flex:1}.skeleton-details .skeleton-line{animation:skeletonPulse 1.5s ease-in-out infinite}.modal-backdrop{position:fixed;inset:0;background:#09090bb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:backdropFade .3s var(--ease-out)}@keyframes backdropFade{0%{opacity:0}to{opacity:1}}.modal-wrapper{position:relative;width:100%;max-height:90vh;overflow-y:auto;animation:modalEnter .4s var(--ease-bounce)}.modal-wrapper.small{max-width:420px}.modal-wrapper.medium,.modal-wrapper.default{max-width:520px}.modal-wrapper.large{max-width:720px}@keyframes modalEnter{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-glow{position:absolute;top:-100px;left:50%;transform:translate(-50%);width:300px;height:200px;background:radial-gradient(ellipse,var(--primary-200) 0%,transparent 70%);opacity:.3;pointer-events:none}.modal-content{position:relative;background:var(--neutral-0);border:1px solid var(--neutral-200);border-radius:var(--radius-2xl);padding:36px;box-shadow:var(--shadow-xl)}.modal-close-btn{position:absolute;top:16px;right:16px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--neutral-100);border:none;border-radius:var(--radius-md);color:var(--neutral-500);cursor:pointer;transition:all .2s var(--ease-out);z-index:1}.modal-close-btn:hover{background:var(--neutral-200);color:var(--neutral-700)}.help-modal-content{text-align:center}.help-icon-large{width:72px;height:72px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;border-radius:var(--radius-xl);color:var(--neutral-0)}.help-icon-large.youtube-gradient{background:linear-gradient(135deg,var(--youtube) 0%,var(--youtube-dark) 100%);box-shadow:0 8px 30px #ff000040}.help-icon-large.telegram-gradient{background:linear-gradient(135deg,var(--telegram) 0%,var(--telegram-dark) 100%);box-shadow:0 8px 30px #0088cc40}.help-title{font-size:24px;font-weight:700;color:var(--neutral-900);margin:0 0 24px}.help-steps-grid{display:grid;gap:12px;text-align:left;margin-bottom:24px}.help-step-item{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--neutral-50);border-radius:var(--radius-md)}.step-num{font-size:14px;font-weight:700;color:var(--primary-500);font-family:Geist Mono,SF Mono,monospace}.step-text{font-size:14px;color:var(--neutral-700);line-height:1.5}.step-text strong{color:var(--neutral-900)}.help-code-block{padding:20px;background:var(--neutral-900);border-radius:var(--radius-md);text-align:left;margin-bottom:20px}.code-label{display:block;font-size:11px;font-weight:600;color:var(--neutral-500);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.help-code-block code{display:block;font-family:Geist Mono,SF Mono,monospace;font-size:14px;color:var(--primary-400)}.help-tips{display:flex;flex-direction:column;gap:10px}.tip-item{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--primary-50);border-radius:var(--radius-md);font-size:13px;color:var(--primary-700);text-align:left}.tip-item svg{flex-shrink:0}.disconnect-modal-content{text-align:center}.disconnect-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;background:var(--error-100);border-radius:var(--radius-xl);color:var(--error-500)}.disconnect-modal-content h2{font-size:22px;font-weight:700;color:var(--neutral-900);margin:0 0 12px}.disconnect-description{font-size:15px;color:var(--neutral-600);line-height:1.6;margin:0 0 20px}.disconnect-description strong{color:var(--neutral-900)}.disconnect-warning{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;background:var(--warning-100);border-radius:var(--radius-md);font-size:14px;color:var(--warning-600);margin-bottom:24px}.disconnect-actions{display:flex;gap:12px}.btn-cancel{flex:1;padding:14px 24px;background:var(--neutral-100);border:1px solid var(--neutral-200);border-radius:var(--radius-md);color:var(--neutral-700);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s var(--ease-out)}.btn-cancel:hover{background:var(--neutral-200)}.btn-disconnect{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;background:var(--error-500);border:none;border-radius:var(--radius-md);color:var(--neutral-0);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s var(--ease-out)}.btn-disconnect:hover{background:var(--error-600)}.btn-disconnect:disabled{opacity:.7;cursor:not-allowed}.pricing-modal-content{text-align:center}.pricing-header{margin-bottom:28px}.pricing-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;background:linear-gradient(135deg,var(--primary-100) 0%,var(--primary-200) 100%);border-radius:var(--radius-xl);color:var(--primary-600)}.pricing-modal-content h2{font-size:24px;font-weight:700;color:var(--neutral-900);margin:0 0 8px}.pricing-modal-content .pricing-header p{font-size:15px;color:var(--neutral-500);margin:0}.pricing-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px}.pricing-card{position:relative;padding:24px 20px;background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);text-align:center;transition:all .2s var(--ease-out)}.pricing-card:hover{border-color:var(--neutral-300);transform:translateY(-2px)}.pricing-card.popular{border-color:var(--primary-400);background:var(--primary-50)}.popular-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);padding:4px 12px;background:var(--primary-500);color:var(--neutral-0);border-radius:var(--radius-full);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.pricing-card h3{font-size:16px;font-weight:600;color:var(--neutral-900);margin:0 0 8px}.pricing-amount{font-size:28px;font-weight:700;color:var(--primary-600);margin-bottom:16px}.pricing-amount span{font-size:14px;font-weight:500;color:var(--neutral-500)}.pricing-features{list-style:none;padding:0;margin:0}.pricing-features li{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:var(--neutral-600);margin-bottom:8px}.pricing-features li svg{color:var(--success-500)}.pricing-actions{display:flex;gap:12px}.btn-secondary{flex:1;padding:14px 24px;background:var(--neutral-100);border:1px solid var(--neutral-200);border-radius:var(--radius-md);color:var(--neutral-700);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s var(--ease-out)}.btn-secondary:hover{background:var(--neutral-200)}.btn-primary{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;background:var(--primary-500);border:none;border-radius:var(--radius-md);color:var(--neutral-0);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s var(--ease-out)}.btn-primary:hover{background:var(--primary-600);transform:translateY(-1px);box-shadow:0 4px 16px #f973164d}.duplicate-modal-content{text-align:center}.duplicate-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;background:var(--warning-100);border-radius:var(--radius-xl);color:var(--warning-500)}.duplicate-modal-content h2{font-size:22px;font-weight:700;color:var(--neutral-900);margin:0 0 12px}.duplicate-message{font-size:15px;color:var(--neutral-600);line-height:1.6;margin:0 0 24px}.duplicate-message strong{color:var(--neutral-900)}.duplicate-steps{text-align:left;padding:20px;background:var(--neutral-50);border-radius:var(--radius-md);margin-bottom:20px}.duplicate-steps h4{font-size:14px;font-weight:600;color:var(--neutral-900);margin:0 0 12px}.duplicate-steps ol{padding-left:20px;margin:0}.duplicate-steps li{font-size:14px;color:var(--neutral-600);line-height:1.7;margin-bottom:6px}.duplicate-steps strong{color:var(--neutral-900)}.duplicate-note{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;background:var(--neutral-100);border-radius:var(--radius-md);font-size:13px;color:var(--neutral-600);margin-bottom:24px}@media(max-width:640px){.connect-page-v2{padding:0}.toast-notification{top:12px;right:12px;left:12px;padding:14px 16px}.hero-badge{padding:6px 12px;font-size:11px}.hero-title{font-size:24px}.hero-subtitle{font-size:14px}.stats-row{flex-direction:column;gap:12px}.stat-card{min-width:100%;padding:16px}.stat-value{font-size:24px}.upgrade-cta{width:100%;justify-content:center;padding:14px 24px}.no-subscription-banner .banner-content{flex-direction:column;text-align:center;gap:16px;padding:20px}.banner-btn{width:100%;justify-content:center}.section-title-row{flex-direction:column;align-items:flex-start;gap:8px}.bento-grid{grid-template-columns:1fr;gap:16px}.bento-card{padding:24px}.bento-icon{width:48px;height:48px}.bento-title{font-size:16px}.accounts-grid{grid-template-columns:1fr;gap:12px}.account-card-inner{padding:16px;gap:12px}.account-avatar{width:44px;height:44px}.account-right{flex-direction:column;align-items:flex-end;gap:8px}.account-disconnect-btn{opacity:1;transform:scale(1)}.account-type-indicator{display:none}.coming-soon-section{flex-direction:column;align-items:flex-start;gap:16px;padding:20px}.coming-soon-grid{width:100%}.coming-soon-item{flex:1;justify-content:center;min-width:calc(50% - 6px)}.modal-wrapper{margin:16px}.modal-content{padding:24px}.help-icon-large{width:60px;height:60px}.help-title{font-size:20px}.help-step-item{padding:14px 16px}.pricing-cards{grid-template-columns:1fr;gap:12px}.pricing-card{padding:20px 16px}.pricing-amount{font-size:24px}.pricing-actions,.disconnect-actions{flex-direction:column}}@media(min-width:641px)and (max-width:1024px){.stats-row{flex-wrap:wrap}.stat-card{min-width:calc(50% - 8px)}.upgrade-cta{width:100%;justify-content:center;margin-top:8px}.bento-grid{grid-template-columns:repeat(2,1fr);gap:16px}.bento-grid>.bento-card:last-child{grid-column:span 2}.coming-soon-section{flex-wrap:wrap}}@media(min-width:1025px)and (max-width:1440px){.hero-title{font-size:36px}.bento-grid{gap:18px}.bento-card{padding:26px}}@media(min-width:1441px){.connect-hero{padding:0 0 32px}.hero-title{font-size:44px}.hero-subtitle{font-size:18px}.stats-row{gap:20px;margin-bottom:32px}.stat-card{padding:24px}.stat-value{font-size:32px}.bento-section{margin-bottom:40px}.bento-grid{gap:24px}.bento-card{padding:32px}.bento-icon{width:64px;height:64px}.bento-title{font-size:20px}.bento-description{font-size:15px}.accounts-section{margin-bottom:40px}.accounts-grid{gap:20px}.account-card-inner{padding:24px;gap:20px}.account-avatar{width:56px;height:56px}.account-name{font-size:16px}.coming-soon-section{padding:28px 32px}.modal-content{padding:44px;border-radius:var(--radius-2xl)}.help-icon-large{width:80px;height:80px}.help-title{font-size:26px}}.btn-primary:focus-visible,.btn-secondary:focus-visible,.btn-cancel:focus-visible,.btn-disconnect:focus-visible,.bento-connect-btn:focus-visible,.bento-locked-btn:focus-visible,.bento-help-btn:focus-visible,.account-disconnect-btn:focus-visible,.upgrade-cta:focus-visible,.banner-btn:focus-visible,.toast-dismiss:focus-visible,.modal-close-btn:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}@media print{.animated-bg,.toast-notification,.modal-backdrop{display:none!important}.connect-page-v2{background:#fff}.bento-card,.stat-card,.account-card{box-shadow:none!important;border:1px solid #ddd!important}}.monitoring-dashboard{animation:fadeIn .5s}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:15px}.page-title{font-size:32px;font-weight:700;margin:0;color:#2d3748}.page-subtitle{font-size:16px;color:#718096;margin:5px 0 0}.header-actions{display:flex;gap:15px;align-items:center}.auto-refresh-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#4a5568}.auto-refresh-toggle input[type=checkbox]{cursor:pointer}.health-section,.stats-section{background:#fff;padding:25px;border-radius:15px;box-shadow:0 2px 10px #0000000d;margin-bottom:25px}.health-section h2,.stats-section h2{margin:0 0 20px;font-size:20px;color:#2d3748}.health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px}.health-card{background:#f7fafc;padding:20px;border-radius:12px;border:2px solid #e2e8f0}.health-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.health-header h3{margin:0;font-size:16px;color:#2d3748}.status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;color:#fff}.status-dot{width:12px;height:12px;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-text{font-weight:600;margin:0;text-transform:capitalize}.uptime{margin:0;color:#718096;font-size:14px}.memory-details{background:#f7fafc;padding:20px;border-radius:12px}.memory-details h3{margin:0 0 15px;font-size:16px;color:#2d3748}.memory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.memory-stat{display:flex;justify-content:space-between;padding:10px;background:#fff;border-radius:8px}.memory-stat .label{color:#718096;font-size:14px}.memory-stat .value{color:#2d3748;font-weight:600;font-size:14px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.info-card{display:flex;flex-direction:column;gap:8px;padding:15px;background:#f7fafc;border-radius:10px}.info-label{color:#718096;font-size:13px}.info-value{color:#2d3748;font-weight:600;font-size:18px}.welcome-card{background:#fff;padding:30px;border-radius:15px;box-shadow:0 2px 10px #0000000d}.welcome-card h2{margin:0 0 15px;color:#2d3748}.welcome-card ul{margin:0;padding-left:20px}@media(max-width:768px){.health-grid,.info-grid{grid-template-columns:1fr}}.rbc-btn{color:inherit;font:inherit;margin:0}button.rbc-btn{overflow:visible;text-transform:none;-webkit-appearance:button;-moz-appearance:button;appearance:button;cursor:pointer}button[disabled].rbc-btn{cursor:not-allowed}button.rbc-input::-moz-focus-inner{border:0;padding:0}.rbc-calendar{-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.rbc-m-b-negative-3{margin-bottom:-3px}.rbc-h-full{height:100%}.rbc-calendar *,.rbc-calendar *:before,.rbc-calendar *:after{-webkit-box-sizing:inherit;box-sizing:inherit}.rbc-abs-full,.rbc-row-bg{overflow:hidden;position:absolute;inset:0}.rbc-ellipsis,.rbc-show-more,.rbc-row-segment .rbc-event-content,.rbc-event-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rbc-rtl{direction:rtl}.rbc-off-range{color:#999}.rbc-off-range-bg{background:#e6e6e6}.rbc-header{overflow:hidden;-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;text-overflow:ellipsis;white-space:nowrap;padding:0 3px;text-align:center;vertical-align:middle;font-weight:700;font-size:90%;min-height:0;border-bottom:1px solid #ddd}.rbc-header+.rbc-header{border-left:1px solid #ddd}.rbc-rtl .rbc-header+.rbc-header{border-left-width:0;border-right:1px solid #ddd}.rbc-header>a,.rbc-header>a:active,.rbc-header>a:visited{color:inherit;text-decoration:none}.rbc-button-link{color:inherit;background:none;margin:0;padding:0;border:none;cursor:pointer;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.rbc-row-content{position:relative;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;z-index:4}.rbc-row-content-scrollable{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.rbc-row-content-scrollable .rbc-row-content-scroll-container{height:100%;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.rbc-row-content-scrollable .rbc-row-content-scroll-container::-webkit-scrollbar{display:none}.rbc-today{background-color:#eaf6ff}.rbc-toolbar{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px;font-size:16px}.rbc-toolbar .rbc-toolbar-label{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:0 10px;text-align:center}.rbc-toolbar button{color:#373a3c;display:inline-block;margin:0;text-align:center;vertical-align:middle;background:none;background-image:none;border:1px solid #ccc;padding:.375rem 1rem;border-radius:4px;line-height:normal;white-space:nowrap}.rbc-toolbar button:active,.rbc-toolbar button.rbc-active{background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px #00000020;background-color:#e6e6e6;border-color:#adadad}.rbc-toolbar button:active:hover,.rbc-toolbar button:active:focus,.rbc-toolbar button.rbc-active:hover,.rbc-toolbar button.rbc-active:focus{color:#373a3c;background-color:#d4d4d4;border-color:#8c8c8c}.rbc-toolbar button:focus{color:#373a3c;background-color:#e6e6e6;border-color:#adadad}.rbc-toolbar button:hover{color:#373a3c;cursor:pointer;background-color:#e6e6e6;border-color:#adadad}.rbc-btn-group{display:inline-block;white-space:nowrap}.rbc-btn-group>button:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.rbc-btn-group>button:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.rbc-rtl .rbc-btn-group>button:first-child:not(:last-child){border-radius:0 4px 4px 0}.rbc-rtl .rbc-btn-group>button:last-child:not(:first-child){border-radius:4px 0 0 4px}.rbc-btn-group>button:not(:first-child):not(:last-child){border-radius:0}.rbc-btn-group button+button{margin-left:-1px}.rbc-rtl .rbc-btn-group button+button{margin-left:0;margin-right:-1px}.rbc-btn-group+.rbc-btn-group,.rbc-btn-group+button{margin-left:10px}@media(max-width:767px){.rbc-toolbar{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.rbc-event,.rbc-day-slot .rbc-background-event{border:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:none;box-shadow:none;margin:0;padding:2px 5px;background-color:#3174ad;border-radius:5px;color:#fff;cursor:pointer;width:100%;text-align:left}.rbc-slot-selecting .rbc-event,.rbc-slot-selecting .rbc-day-slot .rbc-background-event,.rbc-day-slot .rbc-slot-selecting .rbc-background-event{cursor:inherit;pointer-events:none}.rbc-event.rbc-selected,.rbc-day-slot .rbc-selected.rbc-background-event{background-color:#265985}.rbc-event:focus,.rbc-day-slot .rbc-background-event:focus{outline:5px auto #3b99fc}.rbc-event-label{font-size:80%}.rbc-event-overlaps{-webkit-box-shadow:-1px 1px 5px 0px rgba(51,51,51,.5);box-shadow:-1px 1px 5px #33333380}.rbc-event-continues-prior{border-top-left-radius:0;border-bottom-left-radius:0}.rbc-event-continues-after{border-top-right-radius:0;border-bottom-right-radius:0}.rbc-event-continues-earlier{border-top-left-radius:0;border-top-right-radius:0}.rbc-event-continues-later{border-bottom-left-radius:0;border-bottom-right-radius:0}.rbc-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.rbc-row-segment{padding:0 1px 1px}.rbc-selected-cell{background-color:#0000001a}.rbc-show-more{background-color:#ffffff4d;z-index:4;font-weight:700;font-size:85%;height:auto;line-height:normal;color:#3174ad}.rbc-show-more:hover,.rbc-show-more:focus{color:#265985}.rbc-month-view{position:relative;border:1px solid #ddd;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;width:100%;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;height:100%}.rbc-month-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.rbc-month-row{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;-ms-flex-preferred-size:0px;flex-basis:0px;overflow:hidden;height:100%}.rbc-month-row+.rbc-month-row{border-top:1px solid #ddd}.rbc-date-cell{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;min-width:0;padding-right:5px;text-align:right}.rbc-date-cell.rbc-now{font-weight:700}.rbc-date-cell>a,.rbc-date-cell>a:active,.rbc-date-cell>a:visited{color:inherit;text-decoration:none}.rbc-row-bg{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;overflow:hidden;right:1px}.rbc-day-bg{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%}.rbc-day-bg+.rbc-day-bg{border-left:1px solid #ddd}.rbc-rtl .rbc-day-bg+.rbc-day-bg{border-left-width:0;border-right:1px solid #ddd}.rbc-overlay{position:absolute;z-index:5;border:1px solid #e5e5e5;background-color:#fff;-webkit-box-shadow:0 5px 15px rgba(0,0,0,.25);box-shadow:0 5px 15px #00000040;padding:10px}.rbc-overlay>*+*{margin-top:1px}.rbc-overlay-header{border-bottom:1px solid #e5e5e5;margin:-10px -10px 5px;padding:2px 10px}.rbc-agenda-view{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;overflow:auto}.rbc-agenda-view table.rbc-agenda-table{width:100%;border:1px solid #ddd;border-spacing:0;border-collapse:collapse}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td{padding:5px 10px;vertical-align:top}.rbc-agenda-view table.rbc-agenda-table .rbc-agenda-time-cell{padding-left:15px;padding-right:15px;text-transform:lowercase}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left:1px solid #ddd}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left-width:0;border-right:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table tbody>tr+tr{border-top:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table thead>tr>th{padding:3px 5px;text-align:left;border-bottom:1px solid #ddd}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table thead>tr>th{text-align:right}.rbc-agenda-time-cell{text-transform:lowercase}.rbc-agenda-time-cell .rbc-continues-after:after{content:" »"}.rbc-agenda-time-cell .rbc-continues-prior:before{content:"« "}.rbc-agenda-date-cell,.rbc-agenda-time-cell{white-space:nowrap}.rbc-agenda-event-cell{width:100%}.rbc-time-column{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100%}.rbc-time-column .rbc-timeslot-group{-webkit-box-flex:1;-ms-flex:1;flex:1}.rbc-timeslot-group{border-bottom:1px solid #ddd;min-height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.rbc-time-gutter,.rbc-header-gutter{-webkit-box-flex:0;-ms-flex:none;flex:none}.rbc-label{padding:0 5px}.rbc-day-slot{position:relative}.rbc-day-slot .rbc-events-container{inset:0;position:absolute;margin-right:10px}.rbc-day-slot .rbc-events-container.rbc-rtl{left:10px;right:0}.rbc-day-slot .rbc-event,.rbc-day-slot .rbc-background-event{border:1px solid #265985;display:-webkit-box;display:-ms-flexbox;display:flex;max-height:100%;min-height:20px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;overflow:hidden;position:absolute}.rbc-day-slot .rbc-background-event{opacity:.75}.rbc-day-slot .rbc-event-label{-webkit-box-flex:0;-ms-flex:none;flex:none;padding-right:5px;width:auto}.rbc-day-slot .rbc-event-content{width:100%;-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;word-wrap:break-word;line-height:1;height:100%;min-height:1em}.rbc-day-slot .rbc-time-slot{border-top:1px solid #f7f7f7}.rbc-time-view-resources .rbc-time-gutter,.rbc-time-view-resources .rbc-time-header-gutter{position:sticky;left:0;background-color:#fff;border-right:1px solid #ddd;z-index:10;margin-right:-1px}.rbc-time-view-resources .rbc-time-header{overflow:hidden}.rbc-time-view-resources .rbc-time-header-content{min-width:auto;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;-ms-flex-preferred-size:0px;flex-basis:0px}.rbc-time-view-resources .rbc-time-header-cell-single-day{display:none}.rbc-time-view-resources .rbc-day-slot{min-width:140px}.rbc-time-view-resources .rbc-header,.rbc-time-view-resources .rbc-day-bg{width:140px;-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;-ms-flex-preferred-size:0 px;flex-basis:0 px}.rbc-time-header-content+.rbc-time-header-content{margin-left:-1px}.rbc-time-slot{-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0}.rbc-time-slot.rbc-now{font-weight:700}.rbc-day-header{text-align:center}.rbc-slot-selection{z-index:10;position:absolute;background-color:#00000080;color:#fff;font-size:75%;width:100%;padding:3px}.rbc-slot-selecting{cursor:move}.rbc-time-view{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;border:1px solid #ddd;min-height:0}.rbc-time-view .rbc-time-gutter{white-space:nowrap;text-align:right}.rbc-time-view .rbc-allday-cell{-webkit-box-sizing:content-box;box-sizing:content-box;width:100%;height:100%;position:relative}.rbc-time-view .rbc-allday-cell+.rbc-allday-cell{border-left:1px solid #ddd}.rbc-time-view .rbc-allday-events{position:relative;z-index:4}.rbc-time-view .rbc-row{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:20px}.rbc-time-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.rbc-time-header.rbc-overflowing{border-right:1px solid #ddd}.rbc-rtl .rbc-time-header.rbc-overflowing{border-right-width:0;border-left:1px solid #ddd}.rbc-time-header>.rbc-row:first-child{border-bottom:1px solid #ddd}.rbc-time-header>.rbc-row.rbc-row-resource{border-bottom:1px solid #ddd}.rbc-time-header-cell-single-day{display:none}.rbc-time-header-content{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;min-width:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-left:1px solid #ddd}.rbc-rtl .rbc-time-header-content{border-left-width:0;border-right:1px solid #ddd}.rbc-time-header-content>.rbc-row.rbc-row-resource{border-bottom:1px solid #ddd;-ms-flex-negative:0;flex-shrink:0}.rbc-time-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:100%;border-top:2px solid #ddd;overflow-y:auto;position:relative}.rbc-time-content>.rbc-time-gutter{-webkit-box-flex:0;-ms-flex:none;flex:none}.rbc-time-content>*+*>*{border-left:1px solid #ddd}.rbc-rtl .rbc-time-content>*+*>*{border-left-width:0;border-right:1px solid #ddd}.rbc-time-content>.rbc-day-slot{width:100%;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}.rbc-current-time-indicator{position:absolute;z-index:3;left:0;right:0;height:1px;background-color:#74ad31;pointer-events:none}.rbc-resource-grouping.rbc-time-header-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.rbc-resource-grouping .rbc-row .rbc-header{width:141px}.calendar-view{padding:24px;background:#f7fafc;min-height:100vh}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-title{font-size:32px;font-weight:800;color:#1a202c;margin:0 0 8px}.page-subtitle{font-size:14px;color:#718096;margin:0}.view-toggle{display:flex;gap:8px;background:#fff;padding:4px;border-radius:10px;box-shadow:0 1px 3px #0000001a}.view-toggle button{padding:8px 20px;border:none;background:transparent;border-radius:8px;font-size:14px;font-weight:600;color:#718096;cursor:pointer;transition:all .2s ease}.view-toggle button:hover{background:#f7fafc}.view-toggle button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px #667eea4d}.calendar-legend{display:flex;gap:24px;margin-bottom:20px;padding:16px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.legend-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#4a5568;font-weight:600}.legend-dot{width:12px;height:12px;border-radius:50%;display:inline-block}.calendar-container{background:#fff;padding:24px;border-radius:16px;box-shadow:0 1px 3px #0000001a;position:relative}.rbc-calendar{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.rbc-header{padding:16px 8px;font-weight:700;color:#2d3748;font-size:13px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e2e8f0}.rbc-today{background-color:#edf2f7}.rbc-off-range-bg{background-color:#f7fafc}.rbc-date-cell{padding:8px;font-size:14px;font-weight:600;color:#4a5568}.rbc-current-time-indicator{background-color:#667eea;height:2px}.rbc-toolbar{padding:16px 0;margin-bottom:16px;border-bottom:2px solid #e2e8f0}.rbc-toolbar button{padding:8px 16px;border:1px solid #e2e8f0;background:#fff;border-radius:8px;font-size:14px;font-weight:600;color:#4a5568;cursor:pointer;transition:all .2s ease;margin:0 4px}.rbc-toolbar button:hover{background:#f7fafc;border-color:#cbd5e0}.rbc-toolbar button.rbc-active{background:#667eea;color:#fff;border-color:#667eea}.rbc-toolbar-label{font-size:20px;font-weight:800;color:#1a202c;flex-grow:1;text-align:center}.rbc-event{padding:4px 8px!important;border-radius:6px!important;border:none!important;font-size:13px!important;font-weight:600!important;box-shadow:0 2px 4px #0000001a!important}.rbc-event:focus,.rbc-event:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026!important}.rbc-event-label{display:none}.rbc-event-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-details-modal{max-width:500px;padding:32px}.modal-close{position:absolute;top:16px;right:16px;background:#f7fafc;border:none;width:32px;height:32px;border-radius:50%;font-size:18px;color:#718096;cursor:pointer;transition:all .2s ease}.modal-close:hover{background:#e2e8f0;color:#2d3748}.event-details-modal h2{font-size:24px;font-weight:800;color:#1a202c;margin:0 0 24px;padding-right:40px}.event-details{margin-bottom:24px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e2e8f0}.detail-row.error{background:#fff5f5;padding:12px;border-radius:8px;border:1px solid #feb2b2;margin-top:12px}.detail-label{font-size:14px;color:#718096;font-weight:600}.detail-value{font-size:14px;color:#2d3748;font-weight:600;text-align:right}.calendar-empty-state{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;padding:40px}.calendar-empty-state h3{font-size:20px;font-weight:700;color:#2d3748;margin:0 0 8px}.calendar-empty-state p{font-size:14px;color:#718096;margin:0}.calendar-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.calendar-loading .spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}.calendar-loading p{color:#718096;font-size:14px}@media(max-width:768px){.calendar-view{padding:16px}.calendar-header{flex-direction:column;align-items:flex-start;gap:16px}.page-title{font-size:24px}.calendar-legend{flex-wrap:wrap;gap:12px}.calendar-container{padding:12px;overflow-x:auto}.rbc-toolbar{flex-direction:column;gap:12px}.rbc-toolbar-label{font-size:18px}.event-details-modal{padding:24px}}@media(prefers-color-scheme:dark){.calendar-view{background:#1a202c}.calendar-container,.calendar-legend,.view-toggle{background:#2d3748}.page-title{color:#f7fafc}.page-subtitle,.legend-item{color:#a0aec0}.rbc-header{color:#e2e8f0;border-bottom-color:#4a5568}.rbc-toolbar button{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.rbc-toolbar button:hover{background:#4a5568}}.hashtag-generator-page{max-width:1200px;margin:0 auto;padding:30px 20px}.hashtag-header{text-align:center;margin-bottom:40px}.hashtag-header h1{font-size:36px;margin:0 0 10px;color:#333}.hashtag-header p{color:#6c757d;font-size:16px}.search-section{background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px}.search-form{display:flex;gap:15px;flex-wrap:wrap}.search-input{flex:1;min-width:300px;padding:15px 20px;border:2px solid #e9ecef;border-radius:8px;font-size:16px;transition:border-color .3s}.platform-select{padding:15px 20px;border:2px solid #e9ecef;border-radius:8px;font-size:16px;cursor:pointer;min-width:150px}.btn-generate{padding:15px 40px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s}.btn-generate:hover:not(:disabled){transform:translateY(-2px)}.btn-generate:disabled{opacity:.6;cursor:not-allowed}.trending-section{background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px}.trending-section h2{margin:0 0 15px;color:#333;font-size:20px}.info-badge{display:inline-block;background:#e3f2fd;color:#1976d2;padding:6px 12px;border-radius:4px;font-size:12px;margin-bottom:15px}.hashtag-chips{display:flex;flex-wrap:wrap;gap:10px}.hashtag-chip{padding:10px 16px;border-radius:20px;font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:8px;transition:all .2s;cursor:pointer}.hashtag-chip:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.hashtag-chip.trending{background:#e3f2fd;color:#1976d2}.hashtag-chip.high{background:#ffebee;color:#c62828}.hashtag-chip.medium{background:#fff3e0;color:#ef6c00}.hashtag-chip.low{background:#e8f5e9;color:#2e7d32}.results-section{background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 8px #0000001a}.results-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px}.results-header h2{margin:0 0 10px;color:#333;font-size:24px}.cached-badge{display:inline-block;background:#4caf50;color:#fff;padding:4px 10px;border-radius:4px;font-size:12px;margin-left:10px}.fallback-badge{display:inline-block;background:#ff9800;color:#fff;padding:4px 10px;border-radius:4px;font-size:12px;margin-left:10px}.btn-copy-all{padding:12px 24px;background:#28a745;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .3s}.btn-copy-all:hover{background:#218838}.category-section{margin-bottom:30px}.category-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.category-header h3{margin:0 0 5px;font-size:18px;color:#333}.category-desc{font-size:14px;color:#6c757d}.btn-copy-category{padding:8px 16px;background:#17a2b8;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:background .3s}.btn-copy-category:hover{background:#138496}@media(max-width:768px){.hashtag-header h1{font-size:28px}.search-form{flex-direction:column}.search-input{min-width:unset;width:100%}.platform-select,.btn-generate{width:100%}.results-header{flex-direction:column;gap:15px}.btn-copy-all{width:100%}.category-header{flex-direction:column;gap:10px}.btn-copy-category{width:100%}}.upload-progress-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9998;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.upload-progress-modal{background:#fff;border-radius:16px;padding:32px 40px;text-align:center;min-width:320px;max-width:400px;box-shadow:0 20px 60px #0003;animation:popIn .3s ease}@keyframes popIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.upload-progress-icon{font-size:48px;margin-bottom:16px}.spinner{width:48px;height:48px;border:4px solid #E5E5E5;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}.upload-progress-content h3{font-size:20px;color:#0f0f0f;margin:0 0 8px}.upload-filename{font-size:14px;color:#636363;margin:0 0 16px;word-break:break-all}.progress-bar-container{width:100%;height:8px;background:#e5e5e5;border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:4px;transition:width .3s ease}.progress-text{font-size:14px;font-weight:600;color:#3b82f6;margin:0}.status-text{font-size:14px;color:#636363;margin:8px 0 0}.telegram-post-creator{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a}.telegram-post-creator h2{font-size:24px;color:#0f0f0f;margin:0 0 24px}.no-channels{text-align:center;padding:40px 20px;color:#979797}.post-form{max-width:600px}.form-group{margin-bottom:24px}.form-group label{display:block;font-size:14px;font-weight:600;color:#0f0f0f;margin-bottom:8px}.form-group select,.form-group input[type=datetime-local],.form-group input[type=file],.form-group textarea{width:100%;padding:12px;border:1.5px solid #E5E5E5;border-radius:8px;font-size:15px;font-family:inherit;transition:all .2s;box-sizing:border-box}.form-group select:focus,.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#2383e2;box-shadow:0 0 0 3px #2383e21a}.form-group textarea{resize:vertical;min-height:120px}.form-group small{display:block;margin-top:6px;font-size:13px;color:#979797}.post-type-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.type-btn{padding:12px;background:#f5f5f5;border:2px solid #E5E5E5;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.type-btn:hover{background:#ebebeb}.type-btn.active{background:#e3f2fd;border-color:#2383e2;color:#2383e2}.file-info{margin-top:8px;padding:8px 12px;background:#f7f9fc;border-radius:6px;font-size:13px;color:#636363}.checkbox-group{display:flex;flex-direction:column;gap:12px}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;color:#636363;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.checkbox-label span{-webkit-user-select:none;user-select:none}.error-message{background:#fee2e2;border:1px solid #DC2626;color:#991b1b;padding:12px;border-radius:8px;margin-bottom:20px;font-size:14px}.btn-submit{width:100%;padding:14px;background:#2383e2;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.btn-submit:hover:not(:disabled){background:#1d6ec7;transform:translateY(-1px);box-shadow:0 4px 12px #2383e24d}.btn-submit:disabled{background:#d4d4d4;cursor:not-allowed;transform:none}@media(max-width:768px){.post-type-selector{grid-template-columns:repeat(2,1fr)}.type-btn{padding:10px;font-size:13px}}.size-hint{font-weight:400;font-size:12px;color:#979797}.file-upload-area{border:2px dashed #E5E5E5;border-radius:8px;padding:16px;transition:all .2s}.file-upload-area:hover{border-color:#3b82f6;background:#f7f9fc}.file-preview{display:flex;align-items:center;gap:12px;margin-top:12px;padding:12px;background:#f7f9fc;border-radius:8px}.file-icon{font-size:28px}.file-details{display:flex;flex-direction:column;gap:2px}.file-name{font-size:14px;font-weight:500;color:#0f0f0f;word-break:break-all}.file-size{font-size:12px;color:#636363}.telegram-posts-list{margin-top:32px}.posts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:16px}.posts-header h2{font-size:24px;color:#0f0f0f;margin:0}.filter-buttons{display:flex;gap:8px}.filter-btn{padding:8px 16px;background:#f5f5f5;border:2px solid #E5E5E5;border-radius:8px;font-size:14px;font-weight:600;color:#636363;cursor:pointer;transition:all .2s}.filter-btn:hover{background:#ebebeb}.filter-btn.active{background:#e3f2fd;border-color:#2383e2;color:#2383e2}.loading,.no-posts{text-align:center;padding:40px 20px;color:#979797}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.post-card{background:#fff;border:1px solid #E5E5E5;border-radius:12px;padding:16px;transition:all .2s}.post-card:hover{border-color:#2383e2;box-shadow:0 4px 12px #00000014}.post-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.post-type-icon{font-size:24px}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;color:#fff}.post-content h4{font-size:16px;color:#0f0f0f;margin:0 0 8px}.post-text{font-size:14px;color:#636363;line-height:1.5;margin:0}.post-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid #E5E5E5}.post-date{font-size:12px;color:#979797}.btn-delete-small{padding:6px 10px;background:transparent;border:none;font-size:16px;cursor:pointer;border-radius:6px;transition:all .2s}.btn-delete-small:hover{background:#fee2e2}.error-info{margin-top:12px;padding:8px 12px;background:#fee2e2;border-radius:6px;font-size:12px;color:#991b1b}@media(max-width:768px){.posts-header{flex-direction:column;align-items:flex-start}.filter-buttons{width:100%;overflow-x:auto}.posts-grid{grid-template-columns:1fr}}.telegram-create-post{padding:24px;max-width:1200px;margin:0 auto}.page-header{margin-bottom:32px}.page-header h1{font-size:32px;color:#0f0f0f;margin:0 0 8px}.page-header p{color:#636363;font-size:16px;margin:0}@media(max-width:768px){.telegram-create-post{padding:16px}}.wizard-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;overflow-y:auto}.wizard-modal{background:#fff;border-radius:16px;width:100%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.wizard-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #E5E5E5}.wizard-header h2{font-size:20px;margin:0;color:#0f0f0f}.btn-close{width:36px;height:36px;border:none;background:#f3f4f6;border-radius:8px;font-size:20px;cursor:pointer;color:#636363;transition:all .2s}.btn-close:hover{background:#e5e5e5;color:#0f0f0f}.wizard-progress{display:flex;padding:20px 24px;gap:8px;border-bottom:1px solid #E5E5E5;overflow-x:auto}.progress-step{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;font-size:13px;color:#636363;white-space:nowrap;cursor:default;transition:all .2s}.progress-step.active{background:#eff6ff;color:#3b82f6;font-weight:600}.progress-step.completed{color:#10b981;cursor:pointer}.progress-step.completed:hover{background:#f0fdf4}.step-icon{font-size:16px}.wizard-content{flex:1;overflow-y:auto;padding:24px}.wizard-step h3{font-size:18px;color:#0f0f0f;margin:0 0 8px}.step-description{color:#636363;margin:0 0 24px}.form-group label{display:block;font-weight:600;color:#0f0f0f;margin-bottom:8px;font-size:14px}.form-group input[type=text],.form-group input[type=number],.form-group textarea,.form-group select{width:100%;padding:12px;border:1px solid #E5E5E5;border-radius:8px;font-size:15px;transition:all .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group small{display:block;margin-top:6px;color:#979797;font-size:12px}.add-source-form{background:#f7f9fc;border-radius:12px;padding:16px;margin-bottom:24px}.add-source-form h4{font-size:14px;color:#0f0f0f;margin:0 0 12px}.source-type-selector{display:flex;gap:8px;margin-bottom:12px}.type-btn{flex:1;padding:10px;border:1px solid #E5E5E5;background:#fff;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s}.type-btn:hover{border-color:#3b82f6}.type-btn.active{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.source-input-row{display:flex;gap:8px}.source-input-row input{flex:1}.source-input-row select{width:150px}.btn-add{padding:0 16px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer}.btn-add:hover{background:#2563eb}.checkbox-list{border:1px solid #E5E5E5;border-radius:8px;max-height:250px;overflow-y:auto}.checkbox-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #E5E5E5;cursor:pointer;transition:background .2s}.checkbox-item:last-child{border-bottom:none}.checkbox-item:hover{background:#f7f9fc}.checkbox-item input{width:18px;height:18px;cursor:pointer}.checkbox-label{display:flex;flex-direction:column;gap:2px}.checkbox-label strong{font-size:14px;color:#0f0f0f}.checkbox-label small{font-size:12px;color:#636363}.selected-count{margin-top:12px;padding:10px;background:#eff6ff;border-radius:8px;text-align:center;color:#3b82f6;font-weight:600}.no-items,.no-items-box{padding:24px;text-align:center;color:#636363}.no-items-box{background:#f7f9fc;border-radius:8px}.keyword-input-row{display:flex;gap:8px}.keyword-input-row input{flex:1}.keyword-input-row button{padding:0 20px;background:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer}.keyword-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.keyword-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:13px}.keyword-tag.include{background:#d1fae5;color:#065f46}.keyword-tag.exclude{background:#fee2e2;color:#991b1b}.keyword-tag button{background:none;border:none;font-size:16px;cursor:pointer;opacity:.6;padding:0;line-height:1}.keyword-tag button:hover{opacity:1}.no-keywords{color:#979797;font-size:13px}.media-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.media-type-item{display:flex;align-items:center;gap:8px;padding:12px;border:1px solid #E5E5E5;border-radius:8px;cursor:pointer;transition:all .2s}.media-type-item:hover{border-color:#3b82f6}.media-type-item:has(input:checked){background:#eff6ff;border-color:#3b82f6}.rate-limit-row{display:flex;gap:16px}.rate-limit-row>div{flex:1}.rate-limit-row small{display:block;margin-bottom:6px;color:#636363}.rate-limit-row input{width:100%}.checkbox-inline{display:flex;align-items:center;gap:10px;cursor:pointer}.checkbox-inline input{width:18px;height:18px}.review-section{background:#f7f9fc;border-radius:8px;padding:16px;margin-bottom:16px}.review-section h4{font-size:14px;color:#636363;margin:0 0 12px}.review-item{display:flex;margin-bottom:8px}.review-item:last-child{margin-bottom:0}.review-label{width:140px;color:#636363;font-size:14px;flex-shrink:0}.review-value{color:#0f0f0f;font-size:14px;font-weight:500}.review-tags{display:flex;flex-wrap:wrap;gap:8px}.review-tag{padding:4px 12px;border-radius:6px;font-size:13px;font-weight:500}.review-tag.source{background:#dbeafe;color:#1e40af}.review-tag.destination{background:#d1fae5;color:#065f46}.wizard-footer{display:flex;justify-content:space-between;padding:20px 24px;border-top:1px solid #E5E5E5}.btn-secondary{padding:12px 24px;background:#fff;border:1px solid #E5E5E5;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#f7f9fc}.wizard-footer .btn-primary{min-width:140px}.wizard-footer .btn-primary:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.wizard-modal{max-height:100vh;border-radius:0}.wizard-progress{padding:12px 16px}.step-title{display:none}.wizard-content{padding:16px}.media-type-grid{grid-template-columns:repeat(2,1fr)}.rate-limit-row{flex-direction:column}}.add-destination-form h4{font-size:14px;color:#065f46;margin:0 0 4px}.destination-input-row .bot-select{width:180px;flex-shrink:0}.destination-input-row input{flex:1}.error-text{color:#dc2626;font-size:13px;margin:8px 0 0}.no-items-box .empty-icon{display:block;font-size:32px;margin-bottom:8px}.add-destination-form{background:#f0fdf4;border:1px solid #86EFAC;border-radius:12px;padding:16px;margin-bottom:20px}.add-destination-form h4{font-size:15px;color:#065f46;margin:0 0 4px}.form-hint{font-size:13px;color:#059669;margin:0 0 12px}.destination-input-row{display:flex;gap:8px}.destination-input-row .bot-select{width:180px;flex-shrink:0;padding:10px 12px;border:1px solid #E5E5E5;border-radius:8px;font-size:14px;background:#fff}.destination-input-row input{flex:1;padding:10px 12px;border:1px solid #E5E5E5;border-radius:8px;font-size:14px}.destination-input-row .btn-add{padding:10px 20px;background:#10b981;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s}.destination-input-row .btn-add:hover:not(:disabled){background:#059669}.destination-input-row .btn-add:disabled{opacity:.5;cursor:not-allowed}.error-text{color:#dc2626;font-size:13px;margin:10px 0 0}.search-box{margin-bottom:16px}.search-box input{width:100%;padding:12px 16px;border:1px solid #E5E5E5;border-radius:8px;font-size:15px;transition:all .2s}.search-box input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-box input::placeholder{color:#9ca3af}.no-results{padding:20px;text-align:center;color:#6b7280;font-size:14px}.no-items-box{text-align:center;padding:32px;background:#f9fafb;border-radius:8px}.no-items-box .empty-icon{display:block;font-size:40px;margin-bottom:12px}.no-items-box p{margin:4px 0;color:#6b7280}@media(max-width:768px){.destination-input-row{flex-direction:column}.destination-input-row .bot-select{width:100%}}.time-filter-row{display:flex;align-items:center;gap:12px;margin-bottom:16px}.time-input{flex:1}.time-input small{display:block;margin-bottom:4px;color:#636363}.time-input input{width:100%;padding:10px;border:1px solid #E5E5E5;border-radius:8px}.time-separator{color:#636363;font-weight:500}.days-filter small{display:block;margin-bottom:8px;color:#636363}.days-grid{display:flex;gap:8px;flex-wrap:wrap}.day-checkbox{display:flex;align-items:center;gap:4px;padding:8px 12px;border:1px solid #E5E5E5;border-radius:6px;cursor:pointer;transition:all .2s}.day-checkbox:has(input:checked){background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.day-checkbox input{display:none}.toggle-label{display:flex;align-items:center;gap:10px;cursor:pointer;padding:12px 0}.toggle-label input[type=checkbox]{width:20px;height:20px;accent-color:#F97316;cursor:pointer}.toggle-label span{font-size:15px;font-weight:500;color:#374151}.field-hint{margin-top:6px;font-size:12px;color:#9ca3af;line-height:1.4}.time-range{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px}.time-input{display:flex;align-items:center;gap:8px;flex:1;min-width:150px}.time-input span{font-size:13px;color:#6b7280;min-width:40px}.time-input input[type=time]{flex:1;padding:10px 12px;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;background:#fff}.time-input input[type=time]:focus{outline:none;border-color:#f97316;box-shadow:0 0 0 3px #f973161a}.quick-select-buttons{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.btn-quick{padding:6px 12px;background:#f3f4f6;border:1px solid #E5E7EB;border-radius:6px;font-size:12px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.btn-quick:hover{background:#e5e7eb;border-color:#d1d5db}.btn-quick:active{transform:scale(.98)}.days-grid{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.day-btn{width:50px;height:42px;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #E5E7EB;border-radius:10px;font-size:13px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s}.day-btn:hover{border-color:#f97316;color:#f97316;background:#fff7ed}.day-btn.active{background:#f97316;border-color:#f97316;color:#fff}.day-btn.active:hover{background:#ea580c;border-color:#ea580c}.time-preview{display:flex;align-items:flex-start;gap:12px;padding:16px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #BBF7D0;border-radius:12px;margin-top:20px}.time-preview .preview-icon{font-size:24px}.time-preview .preview-text{display:flex;flex-direction:column;gap:4px}.time-preview .preview-text strong{font-size:14px;color:#166534}.time-preview .preview-text span{font-size:13px;color:#15803d}.format-options{display:flex;flex-direction:column;gap:12px;margin-top:8px}.format-option{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#fff;border:2px solid #E5E7EB;border-radius:12px;cursor:pointer;transition:all .2s}.format-option:hover{border-color:#fdba74;background:#fffbeb}.format-option.selected{border-color:#f97316;background:#fff7ed}.format-icon{font-size:26px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:12px;flex-shrink:0}.format-option.selected .format-icon{background:#ffedd5}.format-details{flex:1;display:flex;flex-direction:column;gap:2px}.format-details strong{font-size:14px;color:#111827}.format-details span{font-size:12px;color:#6b7280}.format-check{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:#f97316;color:#fff;border-radius:50%;font-size:14px;font-weight:700;flex-shrink:0;opacity:0;transform:scale(.5);transition:all .2s}.format-option.selected .format-check{opacity:1;transform:scale(1)}.schedule-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.time-picker{padding:10px 14px;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;min-width:130px;background:#fff}.time-picker:focus{outline:none;border-color:#f97316;box-shadow:0 0 0 3px #f973161a}.timezone-select{padding:10px 14px;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;background:#fff;min-width:160px;cursor:pointer}.timezone-select:focus{outline:none;border-color:#f97316}.batch-preview{display:flex;align-items:flex-start;gap:12px;padding:16px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #BBF7D0;border-radius:12px;margin-top:20px}.batch-preview .preview-icon{font-size:24px}.batch-preview .preview-content{display:flex;flex-direction:column;gap:4px}.batch-preview .preview-content strong{font-size:14px;color:#166534}.batch-preview .preview-content span{font-size:13px;color:#15803d}.batch-info{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #BFDBFE;border-radius:12px;margin-top:16px}.batch-info .info-icon{font-size:20px;flex-shrink:0}.batch-info p{margin:0;font-size:13px;color:#1e40af;line-height:1.5}.batch-info strong{color:#1d4ed8}@media(max-width:600px){.time-range{flex-direction:column}.time-input{width:100%}.days-grid{justify-content:center}.day-btn{width:44px;height:38px;font-size:12px}.schedule-row{flex-direction:column}.time-picker,.timezone-select{width:100%}.format-option{padding:12px}.format-icon{width:40px;height:40px;font-size:22px}}.form-group label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.form-group input[type=text],.form-group input[type=number],.form-group textarea,.form-group select{width:100%;padding:10px 12px;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;transition:all .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#f97316;box-shadow:0 0 0 3px #f973161a}.form-group input[type=number]{max-width:120px}.step-description{color:#6b7280;font-size:14px;margin-bottom:24px}.media-type-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin-top:8px}.media-type-item{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fff;border:2px solid #E5E7EB;border-radius:10px;cursor:pointer;transition:all .2s;font-size:13px}.media-type-item:hover{border-color:#fdba74;background:#fffbeb}.media-type-item:has(input:checked){border-color:#f97316;background:#fff7ed}.media-type-item input[type=checkbox]{width:16px;height:16px;accent-color:#F97316;cursor:pointer;flex-shrink:0}.media-type-item span{display:flex;align-items:center;gap:6px;font-weight:500;color:#374151;white-space:nowrap}.media-type-item input[type=checkbox]:checked+span{color:#ea580c}@media(max-width:600px){.media-type-grid{grid-template-columns:repeat(2,1fr)}.media-type-item{padding:8px 10px;font-size:12px}}@media(max-width:400px){.media-type-grid{grid-template-columns:1fr}}.checkbox-item-wrapper{display:flex;align-items:center;gap:8px;padding:4px 0}.checkbox-item-wrapper .checkbox-item{flex:1;margin:0}.btn-delete-source{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:8px;font-size:16px;cursor:pointer;opacity:.4;transition:all .2s;flex-shrink:0}.btn-delete-source:hover{opacity:1;background:#fee2e2;border-color:#fecaca}.btn-delete-source:active{transform:scale(.95)}.checkbox-item-wrapper:hover .btn-delete-source{opacity:.7}@media(max-width:640px){.btn-delete-source{opacity:.6}}.section-divider{border:none;border-top:1px solid #E5E7EB;margin:24px 0}.modify-preview{display:flex;align-items:flex-start;gap:12px;padding:16px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #FCD34D;border-radius:12px;margin-top:20px}.modify-preview .preview-icon{font-size:24px}.modify-preview .preview-content{flex:1}.modify-preview .preview-content strong{display:block;font-size:14px;color:#92400e;margin-bottom:8px}.preview-list{margin:0;padding-left:20px;font-size:13px;color:#b45309}.preview-list li{margin-bottom:4px}.source-type-info{margin:12px 0 16px}.source-type-info .info-text{margin:0;padding:12px 14px;background:#f0f9ff;border:1px solid #BAE6FD;border-radius:8px;font-size:13px;color:#0369a1;line-height:1.5}.source-type-info .info-text strong{color:#0c4a6e}.source-input-group{display:flex;flex-direction:column;gap:12px}.source-input-row{display:flex;gap:10px}.source-input-row input{flex:1;padding:10px 14px;border:1px solid #E5E7EB;border-radius:8px;font-size:14px}.source-input-row input:focus{outline:none;border-color:#f97316;box-shadow:0 0 0 3px #f973161a}.source-bot-row{display:flex;flex-direction:column;gap:6px}.source-bot-row label{font-size:13px;font-weight:500;color:#374151}.source-bot-row select{padding:10px 14px;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;background:#fff;cursor:pointer}.source-bot-row select:focus{outline:none;border-color:#f97316}.warning-text{margin:4px 0 0;font-size:12px;color:#dc2626}.warning-badge{display:inline-block;padding:2px 6px;background:#fef3c7;color:#92400e;border-radius:4px;font-size:11px;margin-left:8px}.source-input-group .btn-add{padding:10px 20px;background:#f97316;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.source-input-group .btn-add:hover:not(:disabled){background:#ea580c}.source-input-group .btn-add:disabled{background:#d1d5db;cursor:not-allowed}.source-type-selector{display:flex;gap:10px;margin-bottom:12px}.source-type-selector .type-btn{flex:1;padding:12px 16px;background:#fff;border:2px solid #E5E7EB;border-radius:10px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.source-type-selector .type-btn:hover{border-color:#fdba74;color:#ea580c}.source-type-selector .type-btn.active{border-color:#f97316;background:#fff7ed;color:#ea580c}.checkbox-item .checkbox-label small{display:flex;align-items:center;flex-wrap:wrap;gap:4px;color:#6b7280;font-size:12px;margin-top:2px}@media(max-width:600px){.source-type-selector,.source-input-row{flex-direction:column}}.rule-card{background:#fff;border:1px solid #E5E5E5;border-radius:12px;padding:20px;transition:all .2s}.rule-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #00000014}.rule-card.active{border-left:4px solid #10B981}.rule-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.rule-title{display:flex;align-items:center;gap:12px}.rule-title h3{font-size:18px;color:#0f0f0f;margin:0}.badge{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}.badge.active{background:#d1fae5;color:#065f46}.badge.paused{background:#fef3c7;color:#92400e}.badge.inactive{background:#f3f4f6;color:#6b7280}.rule-actions{display:flex;gap:8px}.rule-actions button{width:36px;height:36px;border:1px solid #E5E5E5;border-radius:8px;background:#fff;cursor:pointer;font-size:16px;transition:all .2s}.rule-actions button:hover{background:#f7f9fc}.btn-toggle.active{background:#d1fae5;border-color:#10b981}.btn-delete:hover{background:#fee2e2;border-color:#ef4444}.rule-description{color:#636363;font-size:14px;margin:0 0 16px}.rule-flow{display:flex;align-items:center;gap:16px;padding:16px;background:#f7f9fc;border-radius:8px;margin-bottom:16px}.flow-sources,.flow-destinations{flex:1}.flow-label{display:block;font-size:12px;color:#636363;margin-bottom:8px}.flow-items{display:flex;flex-wrap:wrap;gap:6px}.flow-item{padding:4px 10px;border-radius:6px;font-size:13px;font-weight:500}.flow-item.source{background:#dbeafe;color:#1e40af}.flow-item.destination{background:#d1fae5;color:#065f46}.flow-item.empty{background:#f3f4f6;color:#6b7280}.flow-arrow{font-size:24px;color:#9ca3af}.rule-stats{display:flex;gap:24px;margin-bottom:16px}.rule-stat{display:flex;flex-direction:column;gap:2px}.rule-stat .stat-label{font-size:12px;color:#636363}.rule-stat .stat-value{font-size:16px;font-weight:600;color:#0f0f0f}.rule-stat .stat-value.success{color:#10b981}.rule-stat .stat-value.warning{color:#f59e0b}.rule-filters{display:flex;flex-wrap:wrap;gap:8px}.filter-tag{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}.filter-tag.include{background:#d1fae5;color:#065f46}.filter-tag.exclude{background:#fee2e2;color:#991b1b}.filter-tag.media{background:#e0e7ff;color:#3730a3}.filter-tag.duplicate,.filter-tag.rate{background:#f3f4f6;color:#374151}@media(max-width:768px){.rule-flow{flex-direction:column;text-align:center}.flow-arrow{transform:rotate(90deg)}.rule-stats{flex-wrap:wrap}}.rule-card.paused{border-left:4px solid #F59E0B;background:#fffbeb}.pause-reason{padding:8px 12px;background:#fef3c7;border-radius:6px;font-size:13px;color:#92400e;margin-bottom:12px}.toggle-container{position:relative}.btn-toggle.paused{background:#fef3c7;border-color:#f59e0b}.menu-overlay{position:fixed;inset:0;z-index:10}.toggle-menu{position:absolute;top:100%;right:0;margin-top:4px;background:#fff;border:1px solid #E5E5E5;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:20;min-width:150px;overflow:hidden}.toggle-menu button{display:block;width:100%;padding:10px 14px;border:none;background:#fff;text-align:left;font-size:14px;cursor:pointer;transition:background .2s}.toggle-menu button:hover{background:#f7f9fc}.toggle-menu button:first-child{border-bottom:1px solid #E5E5E5}.btn-test{width:36px;height:36px;border:1px solid #E5E5E5;border-radius:8px;background:#fff;cursor:pointer;font-size:16px;transition:all .2s}.btn-test:hover{background:#eff6ff;border-color:#3b82f6}.activity-feed{background:#fff;border:1px solid #E5E5E5;border-radius:12px;padding:16px;max-height:600px;overflow-y:auto}.activity-feed.loading,.activity-feed.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;color:#636363}.spinner-small{width:24px;height:24px;border:2px solid #E5E5E5;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:8px}.empty-icon{font-size:32px;margin-bottom:8px}.activity-feed.empty p{margin:0;font-weight:500}.activity-feed.empty small{color:#979797}.activity-item{display:flex;gap:12px;padding:12px;border-radius:8px;background:#f7f9fc;border-left:3px solid #E5E5E5}.activity-item.success{background:#f0fdf4;border-left-color:#10b981}.activity-item.warning{background:#fffbeb;border-left-color:#f59e0b}.activity-item.error{background:#fef2f2;border-left-color:#ef4444}.activity-item.info{background:#eff6ff;border-left-color:#3b82f6}.activity-icon{font-size:20px;flex-shrink:0}.activity-content{flex:1;min-width:0}.activity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.activity-rule{font-weight:600;font-size:14px;color:#0f0f0f}.activity-time{font-size:12px;color:#979797}.activity-source{font-size:12px;color:#636363;margin-bottom:4px}.activity-text{font-size:13px;color:#374151;margin:0;line-height:1.4}.activity-reason{display:inline-block;margin-top:6px;padding:2px 8px;background:#0000000d;border-radius:4px;font-size:11px;color:#636363}.btn-refresh{width:100%;margin-top:16px;padding:10px;background:#f7f9fc;border:1px solid #E5E5E5;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s}.btn-refresh:hover{background:#eff6ff;border-color:#3b82f6}.activity-feed{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.activity-feed.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;color:#6b7280}.loading-spinner{width:32px;height:32px;border:3px solid #E5E7EB;border-top-color:#f97316;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:12px}.feed-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #E5E7EB}.feed-title{display:flex;align-items:center;gap:12px}.feed-title h3{margin:0;font-size:16px;font-weight:600;color:#111827}.feed-count{padding:4px 10px;background:#f3f4f6;border-radius:20px;font-size:12px;color:#6b7280}.feed-actions{display:flex;gap:8px}.feed-actions button{padding:8px 14px;border:1px solid #E5E7EB;border-radius:8px;background:#fff;font-size:13px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.feed-actions button:hover{background:#f9fafb;border-color:#d1d5db}.btn-filter.active{background:#fff7ed;border-color:#fdba74;color:#ea580c}.filter-badge{color:#f97316;font-size:18px;line-height:1}.btn-export:disabled{opacity:.5;cursor:not-allowed}.btn-refresh{padding:8px 10px!important}.feed-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px 20px;background:#f9fafb;border-bottom:1px solid #E5E7EB}.stat-item{text-align:center;padding:12px 8px;border-radius:10px;cursor:pointer;transition:all .2s;border:2px solid transparent}.stat-item:hover{transform:translateY(-2px)}.stat-item.active{border-color:currentColor}.stat-item.success{background:#d1fae5;color:#065f46}.stat-item.success.active{border-color:#10b981}.stat-item.filtered{background:#fef3c7;color:#92400e}.stat-item.filtered.active{border-color:#f59e0b}.stat-item.error{background:#fee2e2;color:#991b1b}.stat-item.error.active{border-color:#ef4444}.stat-item.queued{background:#dbeafe;color:#1e40af}.stat-item.queued.active{border-color:#3b82f6}.stat-value{display:block;font-size:24px;font-weight:700;line-height:1;margin-bottom:4px}.stat-label{font-size:12px;font-weight:500}.filters-panel{padding:16px 20px;background:#fafafa;border-bottom:1px solid #E5E7EB;animation:slideDown .2s ease}.filters-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group label{font-size:12px;font-weight:500;color:#6b7280}.filter-group input,.filter-group select{padding:8px 12px;border:1px solid #E5E7EB;border-radius:8px;font-size:13px;background:#fff}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:#f97316;box-shadow:0 0 0 3px #f973161a}.btn-clear-filters{margin-top:12px;padding:6px 12px;background:none;border:none;color:#6b7280;font-size:13px;cursor:pointer;transition:color .2s}.btn-clear-filters:hover{color:#ef4444}.feed-list{max-height:500px;overflow-y:auto}.feed-item{display:flex;gap:12px;padding:14px 20px;border-bottom:1px solid #F3F4F6;transition:background .2s}.feed-item:hover{background:#fafafa}.feed-item:last-child{border-bottom:none}.feed-item-icon{font-size:20px;flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px}.feed-item.success .feed-item-icon{background:#d1fae5}.feed-item.filtered .feed-item-icon{background:#fef3c7}.feed-item.error .feed-item-icon{background:#fee2e2}.feed-item.queued .feed-item-icon{background:#dbeafe}.feed-item.duplicate .feed-item-icon{background:#e5e7eb}.feed-item.rate-limited .feed-item-icon{background:#fee2e2}.feed-item-content{flex:1;min-width:0}.feed-item-header{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:4px}.rule-name{font-weight:600;color:#111827;font-size:14px}.status-badge{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500}.status-badge.success{background:#d1fae5;color:#065f46}.status-badge.filtered{background:#fef3c7;color:#92400e}.status-badge.error{background:#fee2e2;color:#991b1b}.status-badge.queued{background:#dbeafe;color:#1e40af}.status-badge.duplicate{background:#e5e7eb;color:#4b5563}.status-badge.rate-limited{background:#fee2e2;color:#991b1b}.feed-time{font-size:12px;color:#9ca3af;margin-left:auto}.feed-item-details{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}.feed-item-details .detail{font-size:12px;color:#6b7280}.feed-item-details .detail.type{padding:2px 6px;background:#ede9fe;color:#7c3aed;border-radius:4px}.feed-item-preview{margin:0;font-size:13px;color:#4b5563;line-height:1.4;word-break:break-word}.filter-reason{margin:6px 0 0;font-size:12px;color:#92400e;background:#fef3c7;padding:6px 10px;border-radius:6px}.error-message{margin:6px 0 0;font-size:12px;color:#991b1b;background:#fee2e2;padding:6px 10px;border-radius:6px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;color:#6b7280}.empty-icon{font-size:48px;margin-bottom:12px}.empty-state p{margin:0 0 12px}.empty-state .btn-link{background:none;border:none;color:#f97316;cursor:pointer;font-size:14px}.empty-state .btn-link:hover{text-decoration:underline}.load-more{padding:16px;text-align:center;border-top:1px solid #E5E7EB}.load-more-text{margin:0;font-size:13px;color:#9ca3af}@media(max-width:768px){.feed-header{flex-direction:column;gap:12px;align-items:stretch}.feed-title,.feed-actions{justify-content:center}.feed-stats{grid-template-columns:repeat(2,1fr)}.filters-grid{grid-template-columns:1fr}.filter-group.search-group{grid-column:1}.feed-item-header{flex-direction:column;align-items:flex-start;gap:6px}.feed-time{margin-left:0}}@media(max-width:480px){.feed-actions button span{display:none}.stat-value{font-size:20px}.stat-label{font-size:11px}}.webhook-setup{background:#fff;border-radius:12px;border:1px solid #E5E7EB;padding:20px;margin-bottom:24px}.webhook-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.header-text h3{margin:0 0 4px;font-size:16px;font-weight:600;color:#1f2937}.header-text p{margin:0;font-size:13px;color:#6b7280}.webhook-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:24px;color:#6b7280}.spinner-small{width:20px;height:20px;border:2px solid #E5E7EB;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}.spinner-tiny{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;display:inline-block;margin-right:6px}.webhook-empty{text-align:center;padding:32px 16px}.empty-icon{font-size:48px;display:block;margin-bottom:12px;opacity:.5}.webhook-empty p{margin:0 0 8px;color:#374151;font-size:14px}.empty-hint{font-size:13px;color:#6b7280}.webhook-error-banner{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#fef2f2;border:1px solid #FECACA;border-radius:8px;margin-bottom:16px;font-size:13px;color:#dc2626}.webhook-error-banner button{margin-left:auto;background:none;border:none;color:#dc2626;cursor:pointer;font-size:14px;padding:4px}.bot-list{display:flex;flex-direction:column;gap:12px}.bot-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;background:#f9fafb;border-radius:10px;border:1px solid #E5E7EB;transition:all .2s}.bot-item.active{background:#f0fdf4;border-color:#86efac}.bot-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.bot-icon{font-size:24px;flex-shrink:0}.bot-details{display:flex;flex-direction:column;gap:2px;min-width:0}.bot-details strong{font-size:14px;color:#1f2937;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{font-size:12px;font-weight:500}.status-badge.active{color:#059669}.status-badge.inactive{color:#6b7280}.webhook-details{display:flex;align-items:center;gap:8px;flex-shrink:0}.pending-badge{font-size:11px;padding:3px 8px;background:#fef3c7;color:#92400e;border-radius:10px}.error-hint{font-size:12px;cursor:help}.bot-actions{display:flex;gap:8px;flex-shrink:0}.btn-activate{display:flex;align-items:center;padding:8px 16px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.btn-activate:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-activate:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-remove{padding:8px 14px;background:#fff;color:#dc2626;border:1px solid #FECACA;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-remove:hover:not(:disabled){background:#fef2f2;border-color:#dc2626}.btn-remove:disabled{opacity:.6;cursor:not-allowed}.btn-refresh{padding:8px 10px;background:#fff;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s}.btn-refresh:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.btn-refresh:disabled{opacity:.5;cursor:not-allowed}.webhook-note{margin-top:16px;padding:12px 14px;background:#fef3c7;border-radius:8px;font-size:13px;color:#92400e;line-height:1.5}.webhook-note strong{color:#78350f}@media(max-width:600px){.bot-item{flex-wrap:wrap}.bot-info{width:100%}.webhook-details{width:100%;margin-top:8px}.bot-actions{width:100%;margin-top:12px}.btn-activate,.btn-remove{flex:1;justify-content:center}}.forwarder-info{background:#fff;border-radius:12px;border:1px solid #E5E7EB;margin-bottom:24px;overflow:hidden}.info-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;cursor:pointer;transition:background .2s}.info-header:hover{background:#f9fafb}.info-title{display:flex;align-items:center;gap:10px;font-weight:600;color:#1f2937;font-size:15px}.info-icon{font-size:18px}.expand-icon{color:#6b7280;font-size:12px;transition:transform .2s}.info-content{padding:0 20px 20px;border-top:1px solid #E5E7EB}.info-section{padding:16px 0;border-bottom:1px solid #F3F4F6}.info-section:last-child{border-bottom:none;padding-bottom:0}.info-section h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#374151}.flow-diagram{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:16px;background:#f9fafb;border-radius:10px}.flow-step{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 16px;background:#fff;border-radius:8px;border:1px solid #E5E7EB;min-width:90px}.step-icon{font-size:24px}.step-label{font-size:12px;color:#6b7280;text-align:center}.flow-arrow{color:#9ca3af;font-size:20px;font-weight:700}.use-cases{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.use-case{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:8px;background:#f9fafb}.use-cases.valid .use-case{background:#f0fdf4;border:1px solid #BBF7D0}.use-cases.invalid .use-case{background:#fef2f2;border:1px solid #FECACA}.use-icon{font-size:20px;flex-shrink:0}.use-details{display:flex;flex-direction:column;gap:2px}.use-details strong{font-size:13px;color:#1f2937}.use-details span{font-size:12px;color:#6b7280}.why-section{background:#fef3c7;margin:16px -20px;padding:16px 20px!important;border-bottom:none!important}.why-section h4{color:#92400e}.why-section p{margin:0;font-size:13px;color:#92400e;line-height:1.6}.setup-steps{display:flex;flex-direction:column;gap:10px}.setup-step{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#f0f9ff;border-radius:8px;border:1px solid #BAE6FD}.step-number{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#0ea5e9;color:#fff;border-radius:50%;font-size:12px;font-weight:700;flex-shrink:0}.setup-step span:last-child{font-size:13px;color:#0c4a6e}.pro-tip{background:#eff6ff;margin:16px -20px -20px;padding:16px 20px!important;border-bottom:none!important;border-radius:0 0 11px 11px}.tip-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.tip-header span{font-size:18px}.tip-header strong{font-size:14px;color:#1e40af}.pro-tip p{margin:0;font-size:13px;color:#1e40af;line-height:1.6}@media(max-width:600px){.flow-diagram{flex-direction:column}.flow-arrow{transform:rotate(90deg)}.use-cases{grid-template-columns:1fr}.info-title span:last-child{font-size:14px}}.requirement-note{margin-top:12px;padding:10px 12px;background:#fef3c7;border-radius:6px;font-size:13px;color:#92400e}.privacy-note{margin-top:16px;padding:16px;background:#eff6ff;border:1px solid #BFDBFE;border-radius:10px}.privacy-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.privacy-header span{font-size:18px}.privacy-header strong{font-size:14px;color:#1e40af}.privacy-note p{margin:0 0 12px;font-size:13px;color:#1e40af;line-height:1.5}.privacy-steps{display:flex;flex-direction:column;gap:6px;margin:12px 0;padding-left:8px}.privacy-step{font-size:13px;color:#1e40af}.privacy-step code{background:#dbeafe;padding:2px 6px;border-radius:4px;font-family:monospace;font-size:12px}.privacy-result{margin-top:12px!important;margin-bottom:0!important;padding:8px 12px;background:#d1fae5;border-radius:6px;color:#065f46!important;font-weight:500}.forwarder-analytics{padding:24px;background:#f9fafb;min-height:100vh}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.analytics-header h2{margin:0;font-size:24px;font-weight:600;color:#111827}.time-range-selector{display:flex;gap:8px;background:#fff;padding:4px;border-radius:10px;box-shadow:0 1px 3px #0000001a}.time-range-selector button{padding:8px 16px;border:none;background:transparent;border-radius:8px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.time-range-selector button:hover{background:#f3f4f6;color:#374151}.time-range-selector button.active{background:#f97316;color:#fff}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.summary-card{display:flex;align-items:center;gap:16px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.summary-card .card-icon{font-size:28px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:12px}.summary-card.success .card-icon{background:#d1fae5}.summary-card.warning .card-icon{background:#fef3c7}.summary-card.info .card-icon{background:#dbeafe}.card-content{display:flex;flex-direction:column}.card-value{font-size:28px;font-weight:700;color:#111827}.card-label{font-size:13px;color:#6b7280}.chart-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a}.chart-card h3{margin:0 0 16px;font-size:16px;font-weight:600;color:#374151}.pie-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:16px}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7280}.legend-dot{width:10px;height:10px;border-radius:50%}.top-sources-list{display:flex;flex-direction:column;gap:12px}.source-item{display:flex;align-items:center;gap:12px}.source-rank{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:6px;font-size:12px;font-weight:600;color:#6b7280}.source-info{flex:1}.source-name{display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.source-bar{height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.source-bar-fill{height:100%;background:linear-gradient(90deg,#f97316,#fb923c);border-radius:3px;transition:width .3s}.source-count{font-size:14px;font-weight:600;color:#374151;min-width:40px;text-align:right}.filter-breakdown{display:flex;flex-direction:column;gap:12px}.filter-item{display:flex;align-items:center;gap:12px}.filter-type{display:flex;align-items:center;gap:6px;min-width:100px}.filter-icon{font-size:16px}.filter-type span:last-child{font-size:13px;color:#374151;text-transform:capitalize}.filter-bar{flex:1;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.filter-bar-fill{height:100%;border-radius:4px;transition:width .3s}.filter-count{font-size:13px;font-weight:600;color:#374151;min-width:30px;text-align:right}.no-data{text-align:center;color:#9ca3af;font-size:13px;padding:20px}.analytics-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.analytics-loading .spinner{width:40px;height:40px;border:3px solid #E5E7EB;border-top-color:#f97316;border-radius:50%;animation:spin 1s linear infinite}@media(max-width:768px){.forwarder-analytics{padding:16px}.analytics-header{flex-direction:column;align-items:flex-start}.charts-grid{grid-template-columns:1fr}.summary-cards{grid-template-columns:repeat(2,1fr)}.summary-card{padding:16px}.card-value{font-size:24px}}@media(max-width:480px){.summary-cards{grid-template-columns:1fr}}.bulk-actions-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1px solid #FDBA74;border-radius:12px;margin-bottom:16px;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.bulk-info{display:flex;align-items:center;gap:8px}.bulk-count{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:#f97316;color:#fff;border-radius:8px;font-weight:600;font-size:14px}.bulk-text{font-size:14px;color:#9a3412;font-weight:500}.btn-link{background:none;border:none;color:#ea580c;font-size:13px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.btn-link:hover{background:#f973161a;text-decoration:underline}.bulk-actions{display:flex;gap:8px}.btn-bulk{display:flex;align-items:center;gap:6px;padding:8px 14px;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-bulk:disabled{opacity:.5;cursor:not-allowed}.btn-bulk.pause{background:#fef3c7;color:#92400e}.btn-bulk.pause:hover:not(:disabled){background:#fde68a}.btn-bulk.resume{background:#d1fae5;color:#065f46}.btn-bulk.resume:hover:not(:disabled){background:#a7f3d0}.btn-bulk.delete{background:#fee2e2;color:#991b1b}.btn-bulk.delete:hover:not(:disabled){background:#fecaca}@media(max-width:640px){.bulk-actions-bar{flex-direction:column;gap:12px}.bulk-info,.bulk-actions{width:100%;justify-content:center}.btn-bulk{flex:1;justify-content:center;padding:10px 12px}}.auto-forwarder{padding:24px;max-width:1400px;margin:0 auto}.auto-forwarder.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#636363}.spinner{width:40px;height:40px;border:3px solid #E5E5E5;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.header-content h1{font-size:32px;color:#0f0f0f;margin:0 0 8px}.header-content p{color:#636363;font-size:16px;margin:0}.btn-primary{padding:12px 24px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover{background:#2563eb;transform:translateY(-1px)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}.stat-card{background:#fff;border:1px solid #E5E5E5;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px}.stat-card.success{border-color:#10b981;background:#f0fdf4}.stat-card.warning{border-color:#f59e0b;background:#fffbeb}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:28px;font-weight:700;color:#0f0f0f}.stat-label{font-size:14px;color:#636363}.forwarder-content{display:grid;grid-template-columns:1fr 400px;gap:32px}.rules-section h2,.activity-section h2{font-size:20px;color:#0f0f0f;margin:0 0 16px}.rules-list{display:flex;flex-direction:column;gap:16px}.empty-state{background:#f7f9fc;border:2px dashed #E5E5E5;border-radius:12px;padding:48px;text-align:center}.empty-icon{font-size:48px;display:block;margin-bottom:16px}.empty-state h3{font-size:20px;color:#0f0f0f;margin:0 0 8px}.empty-state p{color:#636363;margin:0 0 24px}@media(max-width:1200px){.forwarder-content{grid-template-columns:1fr}.activity-section{order:-1}}@media(max-width:768px){.auto-forwarder{padding:16px}.page-header{flex-direction:column;gap:16px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:#fff;border-radius:12px;border:1px solid #E5E7EB}.stat-icon{font-size:32px}.stat-details{display:flex;flex-direction:column}.stat-value{font-size:24px;font-weight:700;color:#1f2937}.stat-label{font-size:13px;color:#6b7280}.section{background:#fff;border-radius:12px;border:1px solid #E5E7EB;padding:20px;margin-bottom:24px}.section h3{margin:0 0 16px;font-size:16px;font-weight:600;color:#1f2937}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h2{margin:0}.btn-refresh{padding:6px 10px;background:#fff;border:1px solid #E5E7EB;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.btn-refresh:hover{background:#f3f4f6;border-color:#d1d5db}.tab-container{margin-bottom:24px}.tab-buttons{display:inline-flex;background:#fff;padding:5px;border-radius:12px;box-shadow:0 1px 3px #0000001a;gap:4px}.tab-btn{padding:10px 20px;border:none;background:transparent;border-radius:10px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.tab-btn:hover{background:#f3f4f6;color:#374151}.tab-btn.active{background:#f97316;color:#fff;box-shadow:0 2px 4px #f973164d}.tab-btn.active:hover{background:#ea580c}.header-actions{display:flex;gap:12px;align-items:center}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.header-content h1{margin:0 0 4px;font-size:28px;font-weight:700;color:#111827}.header-content p{margin:0;color:#6b7280;font-size:14px}@media(max-width:640px){.tab-container{margin-bottom:20px}.tab-buttons{width:100%;display:flex}.tab-btn{flex:1;justify-content:center;padding:10px 12px;font-size:13px}.page-header{flex-direction:column;align-items:stretch}.header-actions,.header-actions .btn-primary{width:100%}}@media(max-width:480px){.tab-btn{padding:8px 10px;font-size:12px;gap:4px}}.rule-card-wrapper{display:flex;align-items:flex-start;gap:0;background:#fff;border:2px solid #E5E7EB;border-radius:12px;margin-bottom:12px;transition:all .2s;overflow:hidden}.rule-card-wrapper:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000d}.rule-card-wrapper.selected{border-color:#f97316;background:#fff7ed}.rule-card-wrapper.selected:hover{border-color:#ea580c}.rule-checkbox{padding:20px 12px 20px 16px;display:flex;align-items:flex-start;background:inherit}.rule-checkbox input[type=checkbox]{width:20px;height:20px;accent-color:#F97316;cursor:pointer;border-radius:4px;margin:0}.rule-card-wrapper .rule-card{flex:1;border:none;border-radius:0;margin:0;box-shadow:none;background:transparent}.rule-card-wrapper .rule-card:hover{box-shadow:none;border:none}@media(max-width:640px){.rule-card-wrapper{flex-direction:row}.rule-checkbox{padding:16px 8px 16px 12px}.rule-checkbox input[type=checkbox]{width:18px;height:18px}}.bulk-page{max-width:960px;margin:0 auto;padding:24px;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f8fafc}.bulk-toast{position:fixed;top:24px;right:24px;display:flex;align-items:center;gap:12px;padding:14px 20px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;z-index:9999;animation:toastSlideIn .3s ease-out}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.bulk-toast.success{border-left:4px solid #22C55E}.bulk-toast.error{border-left:4px solid #F43F5E}.bulk-toast.info{border-left:4px solid #0D9488}.bulk-toast .toast-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.bulk-toast.success .toast-icon{background:#dcfce7;color:#22c55e}.bulk-toast.error .toast-icon{background:#ffe4e6;color:#f43f5e}.bulk-toast.info .toast-icon{background:#ccfbf1;color:#0d9488}.bulk-toast .toast-message{font-size:14px;color:#334155;font-weight:500}.bulk-toast .toast-close{background:none;border:none;font-size:18px;color:#94a3b8;cursor:pointer;padding:4px;line-height:1}.bulk-toast .toast-close:hover{color:#475569}.confirm-overlay{position:fixed;inset:0;background:#0f172a99;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.confirm-modal{background:#fff;border-radius:16px;padding:28px;max-width:400px;width:90%;text-align:center;animation:modalPop .2s ease-out}.bulk-header{margin-bottom:28px}.header-icon svg{width:26px;height:26px;color:#fff}.bulk-header h1{font-size:26px;font-weight:700;color:#0f172a;margin:0 0 4px}.bulk-header p{font-size:14px;color:#64748b;margin:0}.step-circle{width:44px;height:44px;border-radius:50%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:#94a3b8;transition:all .3s ease;position:relative}.step-connector.done .connector-line:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite}@keyframes shimmer{to{left:100%}}.bulk-card{background:#fff;border-radius:20px;box-shadow:0 4px 24px #0000000f;border:1px solid #E2E8F0;min-height:500px;margin-bottom:24px;overflow:hidden}.mode-selection-hint{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#f0f9ff;border:1px solid #BAE6FD;border-radius:12px;margin-bottom:20px}.mode-selection-hint .hint-icon{font-size:20px;flex-shrink:0}.mode-selection-hint .hint-text{font-size:13px;color:#0369a1;line-height:1.5}.mode-selection-hint .hint-text strong{color:#0c4a6e}.dropdown-arrow{position:absolute;right:16px;top:50%;transform:translateY(-50%);pointer-events:none;color:#94a3b8}.dropdown-arrow svg{width:20px;height:20px}.loader-ring:nth-child(3){animation-delay:.2s}.loading-state p{font-size:14px;color:#64748b}.files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-bottom:24px}.file-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#fafafa;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s ease}.file-card:hover{background:#f0fdfa;border-color:#99f6e4;transform:translateY(-2px)}.file-card.selected{background:#f0fdfa;border-color:#14b8a6;box-shadow:0 4px 16px #0d948826}.file-select-indicator{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.file-select-indicator svg{width:20px;height:20px;color:#14b8a6}.empty-check{width:20px;height:20px;border:2px solid #CBD5E1;border-radius:6px;transition:all .2s}.file-card:hover .empty-check{border-color:#14b8a6}.file-card.selected .file-select-indicator{background:#14b8a6;border-radius:6px}.file-card.selected .file-select-indicator svg{color:#fff}.file-type-icon{font-size:28px;flex-shrink:0}.file-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.file-name{font-size:14px;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-meta{font-size:12px;color:#64748b}.page-btn svg{width:16px;height:16px}.preview-more{width:36px;height:36px;background:#22c55e;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff}.config-section.disabled{opacity:.5;pointer-events:none}.select-arrow{position:absolute;right:16px;top:50%;transform:translateY(-50%);pointer-events:none;color:#94a3b8}.select-arrow svg{width:20px;height:20px}.text-input{width:100%;padding:14px 16px;border:2px solid #E2E8F0;border-radius:12px;font-size:15px;color:#0f172a;transition:all .2s ease}.text-input:focus{outline:none;border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a626}.input-hint{display:block;font-size:12px;color:#64748b;margin-top:8px}.or-divider{display:flex;align-items:center;gap:16px;margin:16px 0;color:#94a3b8;font-size:13px}.or-divider:before,.or-divider:after{content:"";flex:1;height:1px;background:#e2e8f0}.mode-cards.two-column{grid-template-columns:repeat(2,1fr)}.mode-check{width:24px;height:24px;background:#14b8a6;border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;top:12px;right:12px}.mode-check svg{width:14px;height:14px;color:#fff}.mode-options{background:#f8fafc;border-radius:14px;padding:24px;border:1px solid #E2E8F0}.mode-options label{display:block;font-size:13px;font-weight:600;color:#475569;margin-bottom:8px}.mode-explanation{display:flex;gap:14px;padding:16px 18px;background:#eff6ff;border:1px solid #BFDBFE;border-radius:12px;margin-bottom:20px}.mode-explanation .explanation-icon{font-size:22px;flex-shrink:0}.mode-explanation .explanation-content{flex:1}.mode-explanation .explanation-content strong{display:block;font-size:14px;color:#1e40af;margin-bottom:4px}.mode-explanation .explanation-content p{font-size:13px;color:#3b82f6;line-height:1.5;margin:0}.limit-badge{display:flex;align-items:center;gap:10px;padding:12px 16px;background:linear-gradient(135deg,#f0fdfa,#ccfbf1);border:1px solid #99F6E4;border-radius:10px;margin-bottom:20px}.limit-badge .limit-icon{font-size:20px}.limit-badge span{font-size:13px;color:#0f766e}.limit-badge strong{color:#0d9488}.inline-field{display:flex;align-items:center;gap:10px;margin-bottom:16px}.inline-field input{width:100px;padding:12px 14px;border:2px solid #E2E8F0;border-radius:10px;font-size:15px;text-align:center;font-weight:600}.inline-field input:focus{outline:none;border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a626}.interval-toggle .toggle-label{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.interval-toggle input[type=checkbox]{width:18px;height:18px;accent-color:#0D9488;cursor:pointer}.interval-explanation{padding:10px 14px;background:#fef3c7;border-radius:8px;margin-top:8px}.interval-explanation .explanation-small{font-size:12px;color:#92400e;line-height:1.4}.single-file-notice{display:flex;align-items:center;gap:14px;padding:18px 20px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #A7F3D0;border-radius:12px;margin-top:12px}.single-file-notice .notice-icon{font-size:28px}.single-file-notice .notice-text strong{display:block;font-size:14px;color:#166534;margin-bottom:2px}.single-file-notice .notice-text p{font-size:13px;color:#15803d;margin:0}.warning-notice{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#fef2f2;border:1px solid #FECACA;border-radius:10px;margin-top:16px}.warning-notice .warning-icon{font-size:20px;flex-shrink:0}.warning-notice .warning-text{font-size:13px;color:#b91c1c;line-height:1.5}.schedule-settings{margin-bottom:20px}.schedule-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-top:16px;border-top:1px solid #E2E8F0}.schedule-header h4{font-size:14px;font-weight:600;color:#0f172a;margin:0}.individual-schedules-list{max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.individual-schedule-item{background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:16px;transition:all .2s}.individual-schedule-item:hover{border-color:#14b8a6;box-shadow:0 2px 8px #0d94881a}.schedule-item-header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.schedule-item-num{width:26px;height:26px;background:linear-gradient(135deg,#14b8a6,#0d9488);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.schedule-item-icon{font-size:20px;flex-shrink:0}.schedule-item-name{flex:1;font-size:14px;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.schedule-item-inputs{display:flex;flex-direction:row;gap:16px}.schedule-input-group{flex:1;max-width:160px}.schedule-input-group label{display:block;font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.schedule-input-group input{width:100%;padding:10px 12px;border:2px solid #E2E8F0;border-radius:8px;font-size:14px;color:#0f172a;transition:all .2s}.schedule-input-group input:focus{outline:none;border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a626}.no-files-notice{text-align:center;padding:32px;color:#64748b}.no-files-notice p{margin:0}.btn-outline{padding:8px 16px;background:#fff;border:2px solid #E2E8F0;border-radius:8px;font-size:13px;font-weight:600;color:#475569;cursor:pointer;transition:all .2s}.btn-outline:hover:not(:disabled){border-color:#14b8a6;color:#0d9488}.btn-outline:disabled{opacity:.5;cursor:not-allowed}.schedule-preview{background:#f8fafc;border-radius:14px;padding:20px}.preview-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;font-size:14px;color:#0d9488;font-weight:500}.preview-icon{font-size:24px}.timeline-item{display:flex;align-items:center;gap:14px;padding:10px 14px;margin-left:-18px;background:#fff;border-radius:8px;margin-bottom:8px}.timeline-time{width:60px;font-size:12px;font-weight:700;color:#0d9488}.timeline-dot{width:10px;height:10px;background:#14b8a6;border-radius:50%;flex-shrink:0}.timeline-content{flex:1;display:flex;align-items:center;gap:8px;min-width:0}.timeline-icon{font-size:18px;flex-shrink:0}.timeline-title{font-size:13px;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-more{font-size:13px;color:#64748b;font-style:italic;margin-left:50px;padding:8px 0}.schedule-list{max-height:300px;overflow-y:auto}.schedule-item{display:flex;align-items:center;gap:14px;padding:12px 16px;background:#f8fafc;border-radius:10px;margin-bottom:8px}.schedule-num{width:28px;height:28px;background:#e2e8f0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#475569;flex-shrink:0}.schedule-datetime{display:flex;flex-direction:column;gap:2px;width:120px}.schedule-date{font-size:12px;color:#64748b}.schedule-time{font-size:14px;font-weight:600;color:#0d9488}.schedule-file{flex:1;display:flex;align-items:center;gap:8px;min-width:0}.schedule-icon{font-size:18px;flex-shrink:0}.schedule-title{font-size:13px;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-schedule{text-align:center;padding:40px;color:#94a3b8;font-size:14px}.captions-accordion{max-height:340px;overflow-y:auto}.caption-item{background:#f8fafc;border-radius:12px;margin-bottom:8px;overflow:hidden;border:1px solid transparent;transition:all .2s}.caption-item.expanded{border-color:#14b8a6}.caption-header{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;transition:background .2s}.caption-header:hover{background:#f1f5f9}.caption-num{width:26px;height:26px;background:#e2e8f0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#475569;flex-shrink:0}.caption-icon{font-size:20px;flex-shrink:0}.caption-name{flex:1;font-size:14px;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.caption-badge{padding:4px 10px;background:#ccfbf1;color:#0d9488;font-size:11px;font-weight:600;border-radius:6px}.caption-arrow{font-size:12px;color:#94a3b8}.caption-form{padding:16px;background:#fff;border-top:1px solid #E2E8F0}.caption-field{margin-bottom:14px}.caption-field:last-child{margin-bottom:0}.caption-field label{display:block;font-size:12px;font-weight:600;color:#64748b;margin-bottom:6px}.caption-field input{width:100%;padding:10px 14px;border:2px solid #E2E8F0;border-radius:8px;font-size:14px}.caption-field input:focus{outline:none;border-color:#14b8a6}.formatted-input{border:2px solid #E2E8F0;border-radius:8px;overflow:hidden;transition:all .2s}.formatted-input:focus-within{border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a61a}.format-toolbar{display:flex;gap:4px;padding:6px 10px;background:#f8fafc;border-bottom:1px solid #E2E8F0}.format-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #E2E8F0;border-radius:6px;cursor:pointer;transition:all .15s;font-size:14px;color:#475569}.format-btn:hover{background:#f0fdfa;border-color:#14b8a6;color:#0d9488}.format-btn:active{transform:scale(.95)}.format-btn.italic{font-style:italic}.formatted-input textarea{width:100%;padding:10px 14px;border:none;font-size:14px;font-family:inherit;resize:vertical;min-height:50px;outline:none}.formatted-input textarea::placeholder{color:#94a3b8}.final-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding:20px;background:linear-gradient(135deg,#f0fdfa,#ecfdf5);border-radius:14px;margin-top:28px;border:1px solid #A7F3D0}.summary-item{display:flex;justify-content:space-between;align-items:center}.summary-item .summary-label{font-size:13px;color:#0f766e}.summary-item .summary-value{font-size:13px;font-weight:600;color:#047857}.btn-cancel-upload{padding:10px 20px;background:#fff1f2;color:#f43f5e;border:2px solid #FECDD3;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;margin-bottom:28px;transition:all .2s}.btn-cancel-upload:hover{background:#ffe4e6}.files-progress-list{text-align:left;max-height:260px;overflow-y:auto;background:#f8fafc;border-radius:14px;padding:16px}.file-progress-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#fff;border-radius:8px;margin-bottom:8px}.completed-actions{margin-top:28px;text-align:center}.new-upload-hint{margin-top:16px;font-size:13px;color:#64748b;display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap}.new-upload-hint .link-btn{font-size:13px;padding:0;margin:0}.bulk-footer{display:flex;align-items:center;justify-content:space-between;padding:18px 28px;background:#fff;border-radius:16px;box-shadow:0 -4px 24px #0000000f;border:1px solid #E2E8F0}.btn-back svg,.btn-next svg{width:18px;height:18px}.btn-start{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.btn-start:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #22c55e59}@media(max-width:768px){.bulk-page{padding:16px}.header-content{flex-direction:column;align-items:flex-start;text-align:left}.steps-container{padding:16px}.steps-track{flex-wrap:wrap;gap:8px}.step-connector{display:none}.step-node{flex-direction:row;gap:8px;padding:8px 16px;background:#f1f5f9;border-radius:24px}.step-circle{width:32px;height:32px;font-size:14px}.step-label{font-size:12px}.usage-banner{flex-direction:column;gap:16px;text-align:center}.usage-bar-wrapper{align-items:center}.mode-selection-hint{flex-direction:column;text-align:center}.files-grid,.mode-cards,.mode-cards.two-column{grid-template-columns:1fr}.mode-card{padding:16px}.schedule-item-inputs{flex-direction:row;gap:12px}.schedule-input-group{max-width:none}.final-summary{grid-template-columns:1fr}.progress-stats,.bulk-footer{flex-direction:column;gap:12px}.bulk-footer button{width:100%;justify-content:center}}@media(max-width:480px){.bulk-header h1{font-size:22px}.step-content{padding:20px}.usage-current{font-size:28px}.file-card{padding:12px}.mode-icon{font-size:28px}.individual-schedule-item{padding:14px}}.btn-job-history{padding:10px 18px;background:#fff;border:2px solid #E2E8F0;border-radius:10px;font-size:14px;font-weight:600;color:#475569;cursor:pointer;transition:all .2s;white-space:nowrap}.job-history-modal{background:#fff;border-radius:20px;width:100%;max-width:800px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;animation:modalPop .2s ease-out}.btn-refresh,.btn-close-modal{width:36px;height:36px;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-refresh:hover{background:#f1f5f9}.btn-close-modal:hover{background:#e2e8f0;color:#334155}.job-history-content{flex:1;display:flex;overflow:hidden}.job-list-panel{flex:1;overflow-y:auto;padding:16px;transition:all .3s}.job-list-panel.collapsed{display:none}.job-list-item{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#f8fafc;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s;position:relative}.job-list-item.active{background:#f0fdfa;border-color:#14b8a6}.job-list-item.processing{animation:processingPulse 2s infinite}@keyframes processingPulse{0%,to{box-shadow:0 0 #14b8a633}50%{box-shadow:0 0 0 4px #14b8a633}}.job-item-dest{font-size:14px;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.job-item-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.job-status-badge{display:inline-flex;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;white-space:nowrap}.job-progress-mini{width:80px;height:4px;background:#e2e8f0;border-radius:2px;overflow:hidden}.job-progress-mini .progress-fill{height:100%;background:linear-gradient(90deg,#14b8a6,#0d9488);border-radius:2px;transition:width .3s}.btn-refresh-job{padding:6px 10px;background:#fff;border:1px solid #E2E8F0;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}.btn-refresh-job:hover{background:#f0fdfa;border-color:#14b8a6}.job-details-panel{flex:1;display:flex;flex-direction:column;overflow:hidden;border-left:1px solid #E2E8F0;animation:slideIn .2s ease-out}.job-details-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid #E2E8F0;background:#f8fafc}.btn-back-list{padding:6px 12px;background:#fff;border:1px solid #E2E8F0;border-radius:6px;font-size:13px;font-weight:500;color:#475569;cursor:pointer;transition:all .2s}.btn-back-list:hover{border-color:#14b8a6;color:#0d9488}.job-details-actions{display:flex;gap:8px}.btn-delete-job{padding:6px 10px;background:#fff1f2;border:1px solid #FECDD3;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}.btn-delete-job:hover{background:#ffe4e6}.job-details-info{padding:20px;border-bottom:1px solid #E2E8F0}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #F1F5F9}.progress-stats-mini .stat.pending{color:#0d9488}.progress-bar-mini{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-bar-mini .progress-fill{height:100%;background:linear-gradient(90deg,#14b8a6,#0d9488);border-radius:4px;transition:width .3s}.progress-text{font-size:12px;color:#64748b}.job-files-section{flex:1;overflow-y:auto;padding:16px 20px}.job-files-list{display:flex;flex-direction:column;gap:6px}.job-file-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#f8fafc;border-radius:8px}.job-file-item.processing{background:#fffbeb}.job-file-item .file-num{width:22px;height:22px;background:#e2e8f0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#475569;flex-shrink:0}.job-file-item .file-status-icon{font-size:14px;flex-shrink:0}.job-file-item .file-error{cursor:help}.bulk-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}@media(max-width:768px){.job-history-modal{max-height:90vh}.job-history-content{flex-direction:column}.job-list-panel.collapsed{display:none}.job-details-panel{border-left:none;border-top:1px solid #E2E8F0}.job-list-item{flex-wrap:wrap}.job-item-right{width:100%;flex-direction:row;justify-content:space-between;margin-top:8px;padding-top:8px;border-top:1px solid #E2E8F0}.btn-job-history{padding:8px 14px;font-size:13px}}:root{--aff-primary: #FF6B35;--aff-primary-hover: #e55a2b;--aff-primary-light: #fff3ef;--aff-secondary: #1A1A2E;--aff-secondary-light: #2d2d44;--aff-accent: #00D4AA;--aff-accent-light: #e6faf6;--aff-white: #FFFFFF;--aff-gray-50: #f8fafc;--aff-gray-100: #f1f5f9;--aff-gray-200: #e2e8f0;--aff-gray-300: #cbd5e1;--aff-gray-400: #94a3b8;--aff-gray-500: #64748b;--aff-gray-600: #475569;--aff-gray-700: #334155;--aff-gray-800: #1e293b}.aff-page{padding:24px;max-width:1200px;margin:0 auto;min-height:100vh;background:var(--aff-gray-50)}.aff-toast{position:fixed;top:20px;right:20px;padding:14px 24px;border-radius:8px;font-weight:500;font-size:14px;z-index:1000;animation:toastSlide .3s ease;box-shadow:0 4px 12px #00000026}.aff-toast.success{background:var(--aff-accent);color:var(--aff-white)}.aff-toast.error{background:#ef4444;color:var(--aff-white)}@keyframes toastSlide{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.aff-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;color:var(--aff-gray-500)}.aff-spinner{width:40px;height:40px;border:3px solid var(--aff-gray-200);border-top-color:var(--aff-primary);border-radius:50%;animation:spin .8s linear infinite}.aff-register{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;padding:40px 0}.aff-register-left{padding-right:20px}.aff-register-badge{display:inline-block;background:var(--aff-primary-light);color:var(--aff-primary);padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;margin-bottom:20px}.aff-register-left h1{font-size:36px;font-weight:700;color:var(--aff-secondary);margin:0 0 16px;line-height:1.2}.aff-register-subtitle{font-size:16px;color:var(--aff-gray-500);margin:0 0 32px;line-height:1.6}.aff-key-stats{display:flex;gap:40px;margin-bottom:40px;padding-bottom:32px;border-bottom:1px solid var(--aff-gray-200)}.aff-key-stat-value{display:block;font-size:32px;font-weight:700;color:var(--aff-primary)}.aff-key-stat-label{font-size:14px;color:var(--aff-gray-500)}.aff-features{display:flex;flex-direction:column;gap:24px}.aff-feature{display:flex;gap:16px;align-items:flex-start}.aff-feature-icon{width:44px;height:44px;background:var(--aff-gray-100);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.aff-feature-icon svg{width:22px;height:22px;stroke:var(--aff-secondary)}.aff-feature-content strong{display:block;font-size:15px;color:var(--aff-secondary);margin-bottom:4px}.aff-feature-content span{font-size:14px;color:var(--aff-gray-500)}.aff-register-right{position:sticky;top:24px}.aff-form-card{background:var(--aff-white);border-radius:16px;padding:36px;box-shadow:0 4px 20px #00000014}.aff-form-card h2{font-size:22px;font-weight:600;color:var(--aff-secondary);margin:0 0 8px}.aff-form-card>p{font-size:14px;color:var(--aff-gray-500);margin:0 0 28px}.aff-form-group{margin-bottom:20px}.aff-form-group label{display:block;font-size:14px;font-weight:500;color:var(--aff-secondary);margin-bottom:8px}.aff-form-group input,.aff-form-group textarea{width:100%;padding:14px 16px;border:1px solid var(--aff-gray-200);border-radius:10px;font-size:14px;font-family:inherit;transition:all .2s;box-sizing:border-box;background:var(--aff-white)}.aff-form-group input:focus,.aff-form-group textarea:focus{outline:none;border-color:var(--aff-primary);box-shadow:0 0 0 3px var(--aff-primary-light)}.aff-form-group textarea{resize:vertical;min-height:140px;line-height:1.5}.aff-input-hint{display:block;font-size:12px;color:var(--aff-gray-400);margin-top:6px}.aff-btn-submit{width:100%;padding:16px;background:var(--aff-primary);color:var(--aff-white);border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center;gap:8px}.aff-btn-submit:hover{background:var(--aff-primary-hover)}.aff-btn-submit:disabled{background:var(--aff-gray-300);cursor:not-allowed}.aff-btn-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.aff-form-terms{text-align:center;font-size:12px;color:var(--aff-gray-400);margin-top:16px}.aff-dash-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px;gap:24px;flex-wrap:wrap}.aff-dash-header h1{font-size:26px;font-weight:700;color:var(--aff-secondary);margin:0}.aff-dash-header p{font-size:14px;color:var(--aff-gray-500);margin:6px 0 0}.aff-referral-box{background:var(--aff-white);border-radius:12px;padding:16px 20px;box-shadow:0 2px 8px #0000000f}.aff-referral-label{display:block;font-size:12px;color:var(--aff-gray-500);margin-bottom:8px}.aff-referral-link-row{display:flex;align-items:center;gap:12px}.aff-referral-link-row code{background:var(--aff-gray-100);padding:10px 14px;border-radius:8px;font-size:13px;color:var(--aff-secondary);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aff-btn-copy{display:flex;align-items:center;gap:6px;padding:10px 16px;background:var(--aff-primary);color:var(--aff-white);border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s}.aff-btn-copy:hover{background:var(--aff-primary-hover)}.aff-btn-copy svg{stroke:currentColor}.aff-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px}.aff-stat-card{background:var(--aff-white);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000000a}.aff-stat-card-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center}.aff-stat-card-icon svg{width:24px;height:24px}.aff-stat-card-icon.clicks{background:#fce7f3}.aff-stat-card-icon.clicks svg{stroke:#db2777}.aff-stat-card-icon.pending{background:#fef3c7}.aff-stat-card-icon.pending svg{stroke:#d97706}.aff-stat-card-icon.available{background:var(--aff-accent-light)}.aff-stat-card-icon.available svg{stroke:var(--aff-accent)}.aff-stat-card-icon.total{background:var(--aff-primary-light)}.aff-stat-card-icon.total svg{stroke:var(--aff-primary)}.aff-stat-card-icon.refs{background:#ede9fe}.aff-stat-card-icon.refs svg{stroke:#7c3aed}.aff-stat-card-value{display:block;font-size:22px;font-weight:700;color:var(--aff-secondary)}.aff-stat-card-label{font-size:13px;color:var(--aff-gray-500)}.aff-nav-tabs{display:flex;gap:4px;background:var(--aff-white);padding:6px;border-radius:12px;margin-bottom:28px;box-shadow:0 2px 8px #0000000a;overflow-x:auto}.aff-nav-tabs button{padding:12px 20px;background:transparent;border:none;border-radius:8px;font-size:14px;font-weight:500;color:var(--aff-gray-500);cursor:pointer;transition:all .2s;white-space:nowrap}.aff-nav-tabs button:hover{background:var(--aff-gray-100);color:var(--aff-secondary)}.aff-nav-tabs button.active{background:var(--aff-secondary);color:var(--aff-white)}.aff-card{background:var(--aff-white);border-radius:12px;box-shadow:0 2px 8px #0000000a;margin-bottom:20px;overflow:hidden}.aff-card-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--aff-gray-100)}.aff-card-header h3{font-size:16px;font-weight:600;color:var(--aff-secondary);margin:0}.aff-card-badge{background:var(--aff-primary-light);color:var(--aff-primary);padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.aff-card-body{padding:24px}.aff-card-desc{font-size:14px;color:var(--aff-gray-500);margin:0 0 24px;line-height:1.6}.aff-link-btn{background:none;border:none;color:var(--aff-primary);font-size:13px;font-weight:500;cursor:pointer;padding:0}.aff-link-btn:hover{text-decoration:underline}.aff-overview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.aff-card-full{grid-column:span 2}.aff-withdraw-available{text-align:center;padding:20px;background:var(--aff-gray-50);border-radius:10px;margin-bottom:20px}.aff-withdraw-available span{display:block;font-size:13px;color:var(--aff-gray-500);margin-bottom:4px}.aff-withdraw-available strong{font-size:28px;color:var(--aff-accent)}.aff-withdraw-form{display:flex;gap:12px;margin-bottom:12px}.aff-withdraw-input{flex:1;display:flex;align-items:center;background:var(--aff-gray-50);border:1px solid var(--aff-gray-200);border-radius:10px;overflow:hidden}.aff-withdraw-input .aff-currency{padding:0 14px;font-size:15px;font-weight:500;color:var(--aff-gray-500)}.aff-withdraw-input input{flex:1;border:none;padding:14px 14px 14px 0;font-size:15px;background:transparent}.aff-withdraw-input input:focus{outline:none}.aff-btn-withdraw{padding:14px 28px;background:var(--aff-primary);color:var(--aff-white);border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.aff-btn-withdraw:hover{background:var(--aff-primary-hover)}.aff-btn-withdraw:disabled{background:var(--aff-gray-300);cursor:not-allowed}.aff-withdraw-note{font-size:12px;color:var(--aff-gray-400);text-align:center}.aff-month-overview{display:flex;align-items:center;justify-content:center;gap:40px;padding:20px 0}.aff-month-item{text-align:center}.aff-month-value{display:block;font-size:32px;font-weight:700;color:var(--aff-primary)}.aff-month-label{font-size:13px;color:var(--aff-gray-500)}.aff-month-divider{width:1px;height:50px;background:var(--aff-gray-200)}.aff-milestone-progress{background:var(--aff-gray-50);border-radius:10px;padding:16px;margin-top:16px}.aff-milestone-progress-header{display:flex;justify-content:space-between;font-size:13px;color:var(--aff-gray-600);margin-bottom:10px}.aff-progress-track{height:8px;background:var(--aff-gray-200);border-radius:4px;overflow:hidden}.aff-progress-bar{height:100%;background:linear-gradient(90deg,var(--aff-primary),#ff8c5a);border-radius:4px;transition:width .3s ease}.aff-milestone-bonus-text{display:block;font-size:12px;color:var(--aff-accent);margin-top:8px;text-align:center}.aff-recent-list{display:flex;flex-direction:column}.aff-funnel{display:flex;align-items:center;justify-content:center;gap:16px;padding:20px 0}.aff-funnel-step{display:flex;flex-direction:column;align-items:center;gap:8px}.aff-funnel-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px}.aff-funnel-icon.clicks{background:#fce7f3}.aff-funnel-icon.signups{background:#dbeafe}.aff-funnel-icon.paid{background:var(--aff-accent-light)}.aff-funnel-data{text-align:center}.aff-funnel-value{display:block;font-size:24px;font-weight:700;color:var(--aff-secondary)}.aff-funnel-label{font-size:12px;color:var(--aff-gray-500)}.aff-funnel-arrow{font-size:20px;color:var(--aff-gray-300)}.aff-conversion-rate{text-align:center;padding:12px;background:var(--aff-gray-50);border-radius:8px;font-size:14px;color:var(--aff-gray-600)}.aff-conversion-rate strong{color:var(--aff-accent)}.aff-click-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.aff-click-stat{text-align:center;padding:20px;background:var(--aff-gray-50);border-radius:10px}.aff-click-stat-value{display:block;font-size:28px;font-weight:700;color:var(--aff-primary)}.aff-click-stat-label{font-size:13px;color:var(--aff-gray-500);margin-top:4px}.aff-status-breakdown{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.aff-status-item{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:16px;background:var(--aff-gray-50);border-radius:10px}.aff-status-dot{width:12px;height:12px;border-radius:50%}.aff-status-dot.signed_up{background:#818cf8}.aff-status-dot.paid{background:#fbbf24}.aff-status-dot.confirmed{background:var(--aff-accent)}.aff-status-dot.refunded{background:#f87171}.aff-status-name{font-weight:600;color:var(--aff-secondary);flex:1}.aff-status-count{font-size:20px;font-weight:700;color:var(--aff-secondary)}.aff-status-desc{width:100%;font-size:12px;color:var(--aff-gray-500);margin-left:24px}.aff-recent-item{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--aff-gray-100)}.aff-recent-item:last-child{border-bottom:none}.aff-recent-email{font-size:14px;color:var(--aff-secondary)}.aff-recent-date{font-size:12px;color:var(--aff-gray-400);margin-left:12px}.aff-how-it-works{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.aff-how-step{display:flex;gap:16px;align-items:flex-start}.aff-how-step-num{width:36px;height:36px;background:var(--aff-secondary);color:var(--aff-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.aff-how-step-content strong{display:block;color:var(--aff-secondary);margin-bottom:4px}.aff-how-step-content p{font-size:13px;color:var(--aff-gray-500);margin:0;line-height:1.5}.aff-milestones-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.aff-milestone-card{background:var(--aff-gray-50);border:2px solid transparent;border-radius:12px;padding:20px;text-align:center;position:relative;transition:all .2s}.aff-milestone-card.achieved{background:var(--aff-accent-light);border-color:var(--aff-accent)}.aff-milestone-tier{font-size:14px;font-weight:600;margin-bottom:4px}.aff-milestone-target{font-size:12px;color:var(--aff-gray-500);margin-bottom:12px}.aff-milestone-reward{margin-bottom:12px}.aff-milestone-amount{display:block;font-size:24px;font-weight:700;color:var(--aff-primary)}.aff-milestone-label{font-size:12px;color:var(--aff-gray-500)}.aff-milestone-desc{font-size:12px;color:var(--aff-gray-500);line-height:1.5;margin:0}.aff-milestone-check{position:absolute;top:12px;right:12px;width:24px;height:24px;background:var(--aff-accent);color:var(--aff-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.aff-milestone-note{background:var(--aff-gray-50);border-radius:8px;padding:14px 18px;font-size:13px;color:var(--aff-gray-600);line-height:1.5}.aff-milestone-note strong{color:var(--aff-secondary)}.aff-contest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.aff-contest-prize{background:var(--aff-gray-50);border-radius:12px;padding:24px 20px;text-align:center}.aff-contest-prize.first{background:linear-gradient(135deg,#fef3c7,#fde68a)}.aff-contest-prize.second{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.aff-contest-prize.third{background:linear-gradient(135deg,#fed7aa,#fdba74)}.aff-contest-position{font-size:14px;font-weight:600;margin-bottom:8px}.aff-contest-amount{font-size:28px;font-weight:700;color:var(--aff-secondary);margin-bottom:4px}.aff-contest-req{font-size:12px;color:var(--aff-gray-500)}.aff-contest-info{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;background:var(--aff-gray-50);border-radius:10px;padding:16px}.aff-contest-info-item{text-align:center}.aff-contest-info-item strong{display:block;font-size:12px;color:var(--aff-secondary);margin-bottom:4px}.aff-contest-info-item span{font-size:13px;color:var(--aff-gray-500)}.aff-referral-benefit{display:flex;gap:20px;background:var(--aff-accent-light);border-radius:12px;padding:24px}.aff-referral-benefit-icon{font-size:40px;flex-shrink:0}.aff-referral-benefit-content strong{display:block;font-size:16px;color:var(--aff-secondary);margin-bottom:8px}.aff-referral-benefit-content p{font-size:14px;color:var(--aff-gray-600);margin:0 0 12px;line-height:1.6}.aff-referral-benefit-content ul{margin:0;padding-left:20px}.aff-referral-benefit-content li{font-size:13px;color:var(--aff-gray-600);margin-bottom:4px}.aff-table{width:100%;border-collapse:collapse}.aff-table th{text-align:left;padding:12px 16px;font-size:11px;font-weight:600;color:var(--aff-gray-500);text-transform:uppercase;letter-spacing:.5px;background:var(--aff-gray-50)}.aff-table td{padding:14px 16px;font-size:14px;color:var(--aff-secondary);border-bottom:1px solid var(--aff-gray-100)}.aff-table tr:last-child td{border-bottom:none}.aff-table tr.highlight{background:var(--aff-primary-light)}.aff-rank{font-size:18px}.aff-you-tag{margin-left:8px;background:var(--aff-primary);color:var(--aff-white);padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600}.aff-status{display:inline-block;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:500}.aff-status.confirmed,.aff-status.completed{background:var(--aff-accent-light);color:#047857}.aff-status.paid,.aff-status.pending,.aff-status.processing{background:#fef3c7;color:#92400e}.aff-status.signed_up{background:#ede9fe;color:#6d28d9}.aff-payouts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.aff-payout-toggle{display:flex;gap:8px;margin-bottom:24px}.aff-payout-toggle button{flex:1;padding:14px;background:var(--aff-gray-100);border:2px solid transparent;border-radius:10px;font-size:14px;font-weight:500;color:var(--aff-gray-500);cursor:pointer;transition:all .2s}.aff-payout-toggle button.active{background:var(--aff-primary-light);border-color:var(--aff-primary);color:var(--aff-primary)}.aff-payout-form{margin-bottom:24px}.aff-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.aff-btn-primary{width:100%;padding:14px;background:var(--aff-primary);color:var(--aff-white);border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.aff-btn-primary:hover{background:var(--aff-primary-hover)}.aff-btn-primary:disabled{background:var(--aff-gray-300);cursor:not-allowed}.aff-empty{text-align:center;padding:32px;color:var(--aff-gray-500)}.aff-empty p{margin:0 0 4px;font-weight:500}.aff-empty span{font-size:13px}.aff-empty-action{text-align:center;padding:48px 24px}.aff-empty-icon{font-size:48px;margin-bottom:16px}.aff-empty-action h4{font-size:18px;color:var(--aff-secondary);margin:0 0 8px}.aff-empty-action p{color:var(--aff-gray-500);margin:0 0 20px}@media(max-width:1024px){.aff-stats-row,.aff-milestones-grid{grid-template-columns:repeat(2,1fr)}.aff-payouts-grid,.aff-overview-grid{grid-template-columns:1fr}.aff-card-full{grid-column:span 1}.aff-how-it-works{grid-template-columns:1fr;gap:20px}.aff-contest-info{grid-template-columns:1fr}.aff-click-stats-grid{grid-template-columns:repeat(2,1fr)}.aff-status-breakdown{grid-template-columns:1fr}}@media(max-width:768px){.aff-page{padding:16px}.aff-register{grid-template-columns:1fr;gap:40px}.aff-register-left{padding-right:0}.aff-register-left h1{font-size:28px}.aff-key-stats{flex-wrap:wrap;gap:24px}.aff-dash-header{flex-direction:column}.aff-referral-box{width:100%}.aff-referral-link-row{flex-wrap:wrap}.aff-referral-link-row code{width:100%;max-width:none}.aff-stats-row,.aff-milestones-grid{grid-template-columns:1fr 1fr}.aff-contest-grid{grid-template-columns:1fr}.aff-nav-tabs{padding:4px}.aff-nav-tabs button{padding:10px 14px;font-size:13px}.aff-form-row{grid-template-columns:1fr}}@media(max-width:480px){.aff-stats-row,.aff-milestones-grid{grid-template-columns:1fr}.aff-month-overview{flex-direction:column;gap:20px}.aff-month-divider{width:60px;height:1px}.aff-withdraw-form{flex-direction:column}.aff-btn-withdraw{width:100%}.aff-funnel{flex-direction:column;gap:12px}.aff-funnel-arrow{transform:rotate(90deg)}.aff-click-stats-grid{grid-template-columns:repeat(2,1fr)}}.yt-bulk-page{max-width:960px;margin:0 auto;padding:24px;min-height:100vh;font-family:Plus Jakarta Sans,Inter,-apple-system,sans-serif;background:#f8fafc}.yt-bulk-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.header-content{display:flex;align-items:center;gap:16px}.header-icon{width:52px;height:52px;background:linear-gradient(135deg,#14b8a6,#0d9488);border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0d948840}.header-icon.youtube{background:linear-gradient(135deg,red,#c00);box-shadow:0 4px 12px #ff000040}.header-icon svg{width:28px;height:28px;color:#fff}.yt-bulk-header h1{font-size:26px;font-weight:700;color:#0f172a;margin:0 0 4px}.yt-bulk-header p{font-size:14px;color:#64748b;margin:0}.btn-job-history{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;background:#fff;border:2px solid #E2E8F0;border-radius:10px;font-size:14px;font-weight:600;color:#475569;cursor:pointer;transition:all .2s;text-decoration:none}.btn-job-history:hover{border-color:#14b8a6;color:#0d9488;background:#f0fdfa}.steps-container{margin-bottom:28px;padding:24px 32px;background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000000d}.steps-track{display:flex;align-items:center;justify-content:center}.step-node{display:flex;flex-direction:column;align-items:center;gap:10px}.step-circle{width:44px;height:44px;border-radius:50%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:#94a3b8;transition:all .3s ease}.step-node.active .step-circle{background:linear-gradient(135deg,#14b8a6,#0d9488);color:#fff;box-shadow:0 4px 16px #0d948866;animation:stepPulse 2s infinite}@keyframes stepPulse{0%,to{box-shadow:0 4px 16px #0d948866}50%{box-shadow:0 4px 24px #0d948899}}.step-node.done .step-circle{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 4px 12px #22c55e4d}.step-circle svg{width:20px;height:20px}.step-label{font-size:13px;font-weight:500;color:#94a3b8;transition:color .3s ease}.step-node.active .step-label{color:#0d9488;font-weight:600}.step-node.done .step-label{color:#22c55e}.step-connector{width:80px;height:4px;margin:0 8px 28px;position:relative}.connector-line{position:absolute;top:0;left:0;width:100%;height:100%;background:#e2e8f0;border-radius:2px;overflow:hidden}.step-connector.done .connector-line{background:linear-gradient(90deg,#22c55e,#14b8a6)}.yt-bulk-card{background:#fff;border-radius:20px;box-shadow:0 4px 24px #0000000f;border:1px solid #E2E8F0;min-height:500px;margin-bottom:24px;overflow:hidden}.step-content{padding:32px}.usage-banner{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:linear-gradient(135deg,#f0fdfa,#ccfbf1);border-radius:14px;margin-bottom:20px;border:1px solid #99F6E4}.usage-info{display:flex;align-items:center;gap:14px}.usage-icon{font-size:28px}.usage-text{display:flex;flex-direction:column;gap:4px}.usage-label{font-size:12px;font-weight:600;color:#0d9488;text-transform:uppercase;letter-spacing:.5px}.usage-numbers{display:flex;align-items:baseline;gap:4px}.usage-current{font-size:32px;font-weight:800;color:#0d9488}.usage-divider{font-size:20px;color:#5eead4}.usage-total{font-size:20px;font-weight:600;color:#14b8a6}.usage-bar-wrapper{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.usage-bar{width:180px;height:8px;background:#99f6e4;border-radius:4px;overflow:hidden}.usage-bar-fill{height:100%;background:linear-gradient(90deg,#0d9488,#14b8a6);border-radius:4px;transition:width .4s ease}.usage-remaining{font-size:13px;font-weight:600;color:#0f766e}.batch-info-hint{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#fef3c7;border:1px solid #FDE68A;border-radius:12px;margin-bottom:20px}.batch-info-hint .hint-icon{font-size:20px}.batch-info-hint .hint-text{font-size:13px;color:#92400e;line-height:1.5}.batch-info-hint .hint-text strong{color:#78350f}.pro-badge{display:inline-block;margin-left:8px;padding:2px 8px;background:#22c55e;color:#fff;font-size:11px;font-weight:600;border-radius:4px}.folder-selector{margin-bottom:24px}.selector-label{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#0f172a;margin-bottom:12px}.label-icon{font-size:18px}.folder-dropdown-wrapper{position:relative}.folder-dropdown{width:100%;padding:14px 48px 14px 16px;border:2px solid #E2E8F0;border-radius:12px;font-size:15px;color:#0f172a;background:#fff;cursor:pointer;appearance:none;transition:all .2s ease}.folder-dropdown:focus{outline:none;border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a626}.no-folders-hint{font-size:13px;color:#64748b;margin-top:10px}.link-btn{background:none;border:none;color:#0d9488;font-weight:600;cursor:pointer;text-decoration:underline}.link-btn:hover{color:#0f766e}.content-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:12px 16px;background:#f8fafc;border-radius:10px}.toolbar-left{display:flex;align-items:center;gap:12px}.folder-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#fff;border:1px solid #E2E8F0;border-radius:8px;font-size:13px;font-weight:500;color:#334155}.file-count{font-size:13px;color:#64748b}.toolbar-right{display:flex;gap:8px}.btn-text{background:none;border:none;padding:8px 14px;font-size:13px;font-weight:600;color:#0d9488;cursor:pointer;border-radius:6px;transition:all .2s}.btn-text:hover{background:#f0fdfa}.btn-text.danger{color:#f43f5e}.btn-text.danger:hover{background:#fff1f2}.content-area{min-height:320px}.empty-state,.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:16px}.empty-state h3{font-size:18px;font-weight:600;color:#0f172a;margin:0 0 8px}.empty-state p{font-size:14px;color:#64748b;margin:0 0 20px}.loading-state .loader{display:flex;gap:8px;margin-bottom:16px}.loader-ring{width:12px;height:12px;border-radius:50%;background:#14b8a6;animation:loaderBounce .6s ease-in-out infinite}.loader-ring:nth-child(2){animation-delay:.1s}@keyframes loaderBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.videos-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:16px!important;margin-bottom:24px}.video-card{display:flex;flex-direction:column;padding:12px;background:#fff;border:2px solid #E2E8F0;border-radius:10px;cursor:pointer;transition:all .2s ease;position:relative;max-width:100%;min-width:0}.video-card:hover{background:#f0fdfa;border-color:#14b8a6;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.video-card.selected{background:#f0fdfa;border-color:#14b8a6;box-shadow:0 4px 16px #0d948833}.video-select-indicator{position:absolute;top:8px;right:8px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;z-index:2}.video-select-indicator svg{width:18px;height:18px;color:#fff}.empty-check{width:18px;height:18px;border:2px solid #CBD5E1;border-radius:4px;background:#fff;transition:all .2s}.video-card:hover .empty-check{border-color:#14b8a6}.video-card.selected .video-select-indicator{background:#14b8a6;border-radius:4px}.video-thumbnail{width:100%;height:80px;background:linear-gradient(135deg,#334155,#475569);border-radius:6px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;position:relative}.video-icon{font-size:28px;opacity:.8}.shorts-badge{position:absolute;bottom:6px;right:6px;background:red;color:#fff;font-size:9px;font-weight:700;padding:2px 5px;border-radius:3px;text-transform:uppercase}.video-details{display:flex;flex-direction:column;gap:4px;min-width:0}.video-name{font-size:13px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-meta{font-size:11px;color:#64748b}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px 0}.page-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:#fff;border:2px solid #E2E8F0;border-radius:8px;font-size:14px;font-weight:500;color:#475569;cursor:pointer;transition:all .2s}.page-btn:hover:not(:disabled){border-color:#14b8a6;color:#0d9488}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-info{font-size:14px;font-weight:500;color:#64748b}.selection-summary{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:12px;margin-top:20px;border:1px solid #A7F3D0}.summary-left{display:flex;align-items:center;gap:10px}.summary-icon{width:28px;height:28px;background:#22c55e;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.summary-text{font-size:14px;font-weight:600;color:#166534}.summary-preview{display:flex;gap:6px}.preview-chip{width:36px;height:36px;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 2px 6px #00000014}.config-section{margin-bottom:28px}.config-label{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#0f172a;margin-bottom:12px}.select-wrapper{position:relative}.select-wrapper select{width:100%;padding:14px 48px 14px 16px;border:2px solid #E2E8F0;border-radius:12px;font-size:15px;color:#0f172a;background:#fff;cursor:pointer;appearance:none;transition:all .2s ease}.select-wrapper select:focus{outline:none;border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a626}.empty-config{padding:24px;background:#f8fafc;border-radius:12px;text-align:center}.empty-config p{color:#64748b;margin:0 0 12px}.mode-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:20px}.mode-card{display:flex;align-items:center;gap:14px;padding:20px;background:#fafafa;border:2px solid transparent;border-radius:14px;cursor:pointer;transition:all .25s ease;position:relative}.mode-card:hover{background:#f0fdfa;border-color:#99f6e4;transform:translateY(-3px)}.mode-card.active{background:#f0fdfa;border-color:#14b8a6;box-shadow:0 6px 20px #0d948833}.mode-icon{font-size:36px;flex-shrink:0}.mode-info{display:flex;flex-direction:column;gap:4px;flex:1}.mode-title{font-size:15px;font-weight:700;color:#0f172a}.mode-desc{font-size:12px;color:#64748b;line-height:1.4}.mode-check{position:absolute;top:12px;right:12px;width:24px;height:24px;background:#14b8a6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:700}.mode-options{background:#f8fafc;border-radius:14px;padding:20px;border:1px solid #E2E8F0}.interval-toggle{margin-bottom:16px}.interval-toggle .toggle-label{display:flex;align-items:center;gap:10px;cursor:pointer}.interval-toggle input[type=checkbox]{width:18px;height:18px;accent-color:#0D9488}.interval-toggle .toggle-text{font-size:14px;font-weight:500;color:#374151}.inline-field{display:flex;align-items:center;gap:10px}.inline-field label{font-size:14px;color:#475569}.inline-field input{width:80px;padding:10px 12px;border:2px solid #E2E8F0;border-radius:8px;font-size:15px;text-align:center;font-weight:600}.inline-field input:focus{outline:none;border-color:#14b8a6}.inline-field span{font-size:14px;color:#64748b}.defaults-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.default-field{display:flex;flex-direction:column;gap:6px}.default-field label{font-size:12px;font-weight:600;color:#64748b}.default-field select{padding:12px;border:2px solid #E2E8F0;border-radius:8px;font-size:14px;background:#fff}.default-field select:focus{outline:none;border-color:#14b8a6}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-header h3{font-size:16px;font-weight:600;color:#0f172a;margin:0}.metadata-list{max-height:500px;overflow-y:auto}.metadata-item{background:#f8fafc;border-radius:12px;margin-bottom:10px;overflow:hidden;border:1px solid transparent;transition:all .2s}.metadata-item.expanded{border-color:#14b8a6}.metadata-header{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;transition:background .2s}.metadata-header:hover{background:#f1f5f9}.metadata-num{width:28px;height:28px;background:linear-gradient(135deg,#14b8a6,#0d9488);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.metadata-icon{font-size:20px;flex-shrink:0}.shorts-tag{padding:2px 8px;background:red;color:#fff;font-size:10px;font-weight:700;border-radius:4px}.metadata-name{flex:1;font-size:14px;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metadata-arrow{font-size:12px;color:#94a3b8}.metadata-form{padding:20px;background:#fff;border-top:1px solid #E2E8F0}.form-row{margin-bottom:16px}.form-row.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field.full{width:100%}.form-field label{font-size:12px;font-weight:600;color:#64748b}.form-field input,.form-field textarea,.form-field select{padding:12px 14px;border:2px solid #E2E8F0;border-radius:8px;font-size:14px;font-family:inherit;transition:all .2s}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{outline:none;border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a61a}.form-field textarea{resize:vertical;min-height:80px}.char-count{font-size:11px;color:#94a3b8;text-align:right}.description-toolbar{display:flex;align-items:center;gap:6px;margin-bottom:8px;padding:6px 10px;background:#f8fafc;border-radius:6px;border:1px solid #E2E8F0}.format-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #E2E8F0;border-radius:6px;cursor:pointer;font-size:14px;color:#475569;transition:all .2s}.format-btn:hover{background:#ff6b35;border-color:#ff6b35;color:#fff}.format-btn strong{font-weight:700}.format-btn em{font-style:italic}.format-hint{margin-left:auto;font-size:11px;color:#94a3b8}.thumbnail-selector{margin-top:4px}.thumbnail-preview{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f0fdf4;border:2px solid #86EFAC;border-radius:8px}.thumb-name{flex:1;font-size:14px;color:#166534;font-weight:500}.btn-remove-thumb{padding:6px 12px;background:#fff;border:1px solid #E2E8F0;border-radius:6px;font-size:12px;font-weight:600;color:#dc2626;cursor:pointer;transition:all .2s}.btn-remove-thumb:hover{background:#fee2e2;border-color:#fecaca}.thumb-select-options{display:flex;flex-direction:column;gap:6px}.thumb-select-options select{padding:10px 12px;border:2px solid #E2E8F0;border-radius:8px;font-size:14px;background:#fff;cursor:pointer}.thumb-select-options select:focus{outline:none;border-color:#ff6b35}.thumb-hint{font-size:11px;color:#94a3b8}.tags-input{border:2px solid #E2E8F0;border-radius:8px;padding:8px 12px;transition:all .2s}.tags-input:focus-within{border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a61a}.tags-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#e0f2fe;color:#0369a1;font-size:12px;font-weight:500;border-radius:6px}.tag button{background:none;border:none;color:#0369a1;cursor:pointer;font-size:14px;line-height:1;padding:0;margin-left:2px}.tag button:hover{color:#dc2626}.tags-input input{border:none;padding:6px 0;font-size:14px;width:100%;outline:none}.review-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:20px;background:linear-gradient(135deg,#f0fdfa,#ecfdf5);border-radius:14px;margin-bottom:24px;border:1px solid #A7F3D0}.review-summary .summary-item{display:flex;flex-direction:column;gap:4px;text-align:center}.review-summary .summary-label{font-size:12px;color:#0f766e;font-weight:600}.review-summary .summary-value{font-size:14px;font-weight:700;color:#047857}.schedule-preview{background:#f8fafc;border-radius:14px;padding:20px;margin-bottom:24px}.schedule-preview h4{font-size:14px;font-weight:600;color:#0f172a;margin:0 0 16px}.timeline{padding-left:16px;border-left:3px solid #E2E8F0}.timeline-item{display:flex;align-items:flex-start;gap:14px;padding:12px 14px;margin-left:-18px;background:#fff;border-radius:8px;margin-bottom:8px}.timeline-time{display:flex;flex-direction:column;gap:2px;min-width:70px}.time-date{font-size:11px;color:#64748b}.time-hour{font-size:13px;font-weight:700;color:#0d9488}.timeline-dot{width:10px;height:10px;background:#14b8a6;border-radius:50%;flex-shrink:0;margin-top:4px}.timeline-content{flex:1;min-width:0}.timeline-title{font-size:14px;font-weight:600;color:#0f172a;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-meta{display:flex;gap:8px;margin-top:4px}.visibility-badge{font-size:12px}.shorts-tag-sm,.playlist-tag-sm{font-size:10px;padding:2px 6px;border-radius:4px}.shorts-tag-sm{background:#fee2e2;color:#dc2626}.playlist-tag-sm{background:#e0f2fe;color:#0369a1}.review-videos{background:#f8fafc;border-radius:14px;padding:20px}.review-videos h4{font-size:14px;font-weight:600;color:#0f172a;margin:0 0 16px}.review-video-card{display:flex;gap:12px;padding:12px;background:#fff;border-radius:10px;margin-bottom:8px}.review-num{width:24px;height:24px;background:#e2e8f0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#475569;flex-shrink:0}.review-video-info{flex:1;min-width:0}.review-video-title{display:block;font-size:14px;font-weight:600;color:#0f172a;margin-bottom:4px}.review-video-desc{display:block;font-size:12px;color:#64748b;margin-bottom:8px}.review-video-tags{display:flex;flex-wrap:wrap;gap:4px}.review-tag{padding:2px 8px;background:#f1f5f9;color:#475569;font-size:11px;border-radius:4px}.review-tag-more{padding:2px 8px;background:#14b8a6;color:#fff;font-size:11px;font-weight:600;border-radius:4px}.progress-view{text-align:center;padding:40px 32px}.progress-status{margin-bottom:24px}.background-notice{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #86EFAC;border-radius:12px;margin-bottom:24px;text-align:left}.notice-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#22c55e;color:#fff;border-radius:50%;font-size:12px;font-weight:700;flex-shrink:0}.notice-content{flex:1}.notice-content strong{display:block;color:#166534;font-size:14px;margin-bottom:4px}.notice-content p{margin:0;color:#15803d;font-size:13px}.notice-content a{color:#ff6b35;font-weight:600;text-decoration:underline}.status-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:24px;font-size:14px;font-weight:600}.status-badge.completed{background:#d1fae5;color:#047857}.status-badge.failed{background:#ffe4e6;color:#be123c}.status-badge.cancelled{background:#f1f5f9;color:#475569}.btn-cancel-upload{padding:10px 20px;background:#fff1f2;color:#f43f5e;border:2px solid #FECDD3;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;margin-bottom:28px}.progress-ring{margin-bottom:24px}.ring-value{font-size:48px;font-weight:800}.ring-current{color:#0d9488}.ring-divider{color:#cbd5e1;margin:0 8px}.ring-total{color:#64748b}.progress-bar-large{height:12px;background:#e2e8f0;border-radius:6px;overflow:hidden;margin-bottom:28px}.progress-fill{height:100%;background:linear-gradient(90deg,#14b8a6,#0d9488);border-radius:6px;transition:width .5s ease}.progress-stats{display:flex;justify-content:center;gap:32px;margin-bottom:28px}.stat-item{text-align:center;padding:16px 28px;background:#f8fafc;border-radius:14px}.stat-value{display:block;font-size:28px;font-weight:800;margin-bottom:4px}.stat-label{display:block;font-size:12px;font-weight:600;color:#64748b}.stat-item.success .stat-value{color:#22c55e}.stat-item.failed .stat-value{color:#f43f5e}.stat-item.pending .stat-value{color:#0d9488}.files-progress-list{text-align:left;max-height:300px;overflow-y:auto;background:#f8fafc;border-radius:14px;padding:16px}.file-progress-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#fff;border-radius:8px;margin-bottom:8px}.file-progress-item .file-num{width:26px;height:26px;background:#e2e8f0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#475569;flex-shrink:0}.file-progress-item .file-status-icon{font-size:16px;flex-shrink:0}.file-progress-item .file-name{flex:1;font-size:13px;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yt-link-btn{padding:4px 10px;background:red;color:#fff;font-size:11px;font-weight:600;border-radius:4px;text-decoration:none}.yt-link-btn:hover{background:#c00}.file-error{cursor:help}.completed-actions{margin-top:28px}.yt-bulk-footer{display:flex;align-items:center;justify-content:space-between;padding:18px 28px;background:#fff;border-radius:16px;box-shadow:0 -4px 24px #0000000f;border:1px solid #E2E8F0}.btn-back,.btn-next{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-back{background:#f1f5f9;color:#475569;border:none}.btn-back:hover:not(:disabled){background:#e2e8f0}.btn-back:disabled{opacity:.4;cursor:not-allowed}.btn-next{background:linear-gradient(135deg,#14b8a6,#0d9488);color:#fff;border:none}.btn-next:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0d948859}.btn-next:disabled{opacity:.5;cursor:not-allowed}.btn-start{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:linear-gradient(135deg,red,#c00);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.btn-start:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ff000059}.btn-start:disabled{opacity:.5;cursor:not-allowed}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:linear-gradient(135deg,#14b8a6,#0d9488);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0d948859}.footer-status{font-size:14px;font-weight:500;color:#0d9488}.footer-center{width:100%;text-align:center}.processing-text{font-size:14px;color:#64748b;font-weight:500}.job-history-overlay{position:fixed;inset:0;background:#0f172a99;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px}.job-history-modal{background:#fff;border-radius:20px;width:100%;max-width:700px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;animation:modalPop .2s ease-out}@keyframes modalPop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.job-history-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #E2E8F0;background:linear-gradient(135deg,#f0fdfa,#ecfdf5)}.job-history-header h3{font-size:18px;font-weight:700;color:#0f172a;margin:0}.job-history-actions{display:flex;gap:8px}.btn-refresh,.btn-close-modal{width:36px;height:36px;border:none;border-radius:8px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-refresh{background:#fff;color:#475569}.btn-close-modal{background:#f1f5f9;color:#64748b}.job-history-content{flex:1;overflow-y:auto;padding:16px}.job-list-panel{min-height:200px}.job-history-loading,.job-history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#64748b}.job-history-empty .empty-icon{font-size:48px;margin-bottom:12px}.job-list{display:flex;flex-direction:column;gap:10px}.job-list-item{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#f8fafc;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s}.job-list-item:hover{background:#f0fdfa;border-color:#99f6e4}.job-item-main{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.job-item-icon{font-size:24px;flex-shrink:0}.job-item-info{display:flex;flex-direction:column;gap:2px;min-width:0}.job-item-dest{font-size:14px;font-weight:600;color:#0f172a}.job-item-meta{font-size:12px;color:#64748b}.job-item-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.job-status-badge{display:inline-flex;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600}.job-status-badge.processing{background:#fef3c7;color:#b45309}.job-status-badge.completed{background:#d1fae5;color:#047857}.job-status-badge.failed{background:#ffe4e6;color:#be123c}.job-status-badge.cancelled{background:#f1f5f9;color:#475569}.job-status-badge.pending{background:#e0e7ff;color:#4338ca}.job-item-date{font-size:11px;color:#94a3b8}.job-details-panel{animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.job-details-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8fafc;border-radius:10px;margin-bottom:16px}.btn-back-list{padding:6px 12px;background:#fff;border:1px solid #E2E8F0;border-radius:6px;font-size:13px;font-weight:500;color:#475569;cursor:pointer}.job-details-header h4{flex:1;font-size:15px;font-weight:600;color:#0f172a;margin:0}.btn-delete-job{padding:6px 10px;background:#fff1f2;border:1px solid #FECDD3;border-radius:6px;font-size:12px;cursor:pointer}.job-details-info{padding:16px;background:#f8fafc;border-radius:10px;margin-bottom:16px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #E2E8F0}.detail-row:last-child{border-bottom:none}.detail-label{font-size:13px;color:#64748b}.detail-value{font-size:13px;font-weight:600;color:#334155}.job-progress-section{margin-top:16px;padding-top:16px;border-top:1px solid #E2E8F0}.progress-stats-mini{display:flex;gap:16px;margin-bottom:10px}.progress-stats-mini .stat{font-size:13px;font-weight:600}.progress-stats-mini .stat.success{color:#22c55e}.progress-stats-mini .stat.failed{color:#f43f5e}.progress-bar-mini{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.progress-bar-mini .progress-fill{height:100%;background:linear-gradient(90deg,#14b8a6,#0d9488);border-radius:4px}.job-files-section{padding:16px;background:#f8fafc;border-radius:10px}.job-files-section h5{font-size:13px;font-weight:600;color:#475569;margin:0 0 12px}.job-files-list{max-height:200px;overflow-y:auto}.job-file-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#fff;border-radius:8px;margin-bottom:6px}.job-file-item.success{background:#f0fdf4}.job-file-item.failed{background:#fef2f2}.job-file-item .file-num{width:22px;height:22px;background:#e2e8f0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#475569}.job-file-item .file-status-icon{font-size:14px}.job-file-item .file-name{flex:1;font-size:13px;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yt-link{text-decoration:none;font-size:14px}.confirm-overlay{position:fixed;inset:0;background:#0f172a99;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.confirm-modal{background:#fff;border-radius:16px;padding:28px;max-width:400px;width:90%;text-align:center}.confirm-modal h3{font-size:18px;font-weight:600;color:#0f172a;margin:0 0 8px}.confirm-modal p{font-size:14px;color:#64748b;margin:0 0 24px}.confirm-actions{display:flex;gap:12px;justify-content:center}.confirm-actions .btn-cancel{padding:10px 20px;background:#f1f5f9;color:#475569;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer}.confirm-actions .btn-confirm{padding:10px 20px;background:#f43f5e;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer}@media(max-width:768px){.yt-bulk-page{padding:16px}.yt-bulk-header{flex-direction:column;align-items:flex-start;gap:16px}.header-content{flex-direction:column;align-items:flex-start;text-align:left}.steps-container{padding:16px}.steps-track{flex-wrap:wrap;gap:8px}.step-connector{display:none}.step-node{flex-direction:row;gap:8px;padding:8px 16px;background:#f1f5f9;border-radius:24px}.step-circle{width:32px;height:32px;font-size:14px}.step-label{font-size:12px}.usage-banner{flex-direction:column;gap:16px;text-align:center}.usage-bar-wrapper{align-items:center}.videos-grid{grid-template-columns:repeat(3,1fr)}.mode-cards,.defaults-row,.form-row.two-col,.review-summary{grid-template-columns:1fr}.progress-stats,.yt-bulk-footer{flex-direction:column;gap:12px}.yt-bulk-footer button{width:100%;justify-content:center}}@media(max-width:640px){.videos-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media(max-width:480px){.yt-bulk-header h1{font-size:22px}.step-content{padding:20px}.videos-grid{grid-template-columns:1fr}.video-card{flex-direction:row;align-items:center}.video-thumbnail{width:80px;height:60px;margin-bottom:0;margin-right:12px;flex-shrink:0}}.pricing-page{max-width:1200px;margin:0 auto;padding:40px 24px;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.pricing-page .toast-notification{position:fixed;top:20px;right:20px;display:flex;align-items:center;gap:12px;padding:14px 18px;background:#fff;border-radius:12px;box-shadow:0 8px 30px #0000001f;font-size:14px;font-weight:500;z-index:9999;animation:slideIn .3s ease;max-width:400px}@keyframes slideIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.pricing-page .toast-notification.success{border-left:4px solid #22c55e;color:#166534}.pricing-page .toast-notification.success svg{color:#22c55e}.pricing-page .toast-notification.error{border-left:4px solid #ef4444;color:#dc2626}.pricing-page .toast-notification.error svg{color:#ef4444}.pricing-page .toast-notification.info{border-left:4px solid #FF6B35;color:#c2410c}.pricing-page .toast-notification.info svg{color:#ff6b35}.pricing-page .toast-close{background:none;border:none;color:#a1a1aa;cursor:pointer;padding:4px;display:flex;margin-left:8px;transition:color .2s}.pricing-page .toast-close:hover{color:#52525b}.pricing-header{text-align:center;margin-bottom:48px}.pricing-header h1{font-size:32px;font-weight:700;color:#1a1a2e;margin:0 0 12px;letter-spacing:-.5px}.pricing-header p{font-size:16px;color:#71717a;margin:0}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:48px}.plan-card{background:#fff;border:1px solid #e4e4e7;border-radius:16px;padding:32px 28px;position:relative;transition:all .25s ease;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column}.plan-card:hover{border-color:#d4d4d8;transform:translateY(-6px);box-shadow:0 16px 48px #0000001a}.plan-card.highlighted{border:2px solid #FF6B35;background:linear-gradient(180deg,#fff7ed,#fff 40%)}.plan-card.highlighted:hover{border-color:#ff6b35;box-shadow:0 16px 48px #ff6b3526}.plan-card.active{border:2px solid #22c55e;background:linear-gradient(180deg,#f0fdf4,#fff 40%);position:relative}.plan-card.active:hover{transform:none;box-shadow:0 2px 8px #0000000a;border-color:#22c55e}.plan-card.active:after{content:"Your Plan";position:absolute;top:-12px;right:20px;background:#22c55e;color:#fff;padding:5px 14px;border-radius:16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.popular-tag{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#ff6b35;color:#fff;padding:6px 18px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.plan-header{text-align:center;margin-bottom:20px}.plan-header h3{font-size:22px;font-weight:700;color:#1a1a2e;margin:0 0 6px}.plan-desc{font-size:14px;color:#71717a;margin:0}.card-billing-toggle{display:flex;background:#f4f4f5;padding:3px;border-radius:10px;gap:3px;margin-bottom:20px}.card-billing-toggle button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;border:none;background:transparent;border-radius:8px;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;font-weight:500;color:#71717a;cursor:pointer;transition:all .2s ease}.card-billing-toggle button:hover:not(:disabled){color:#52525b}.card-billing-toggle button.active{background:#fff;color:#1a1a2e;box-shadow:0 2px 6px #0000000f}.card-billing-toggle button:disabled{cursor:not-allowed;opacity:.6}.save-tag{background:#22c55e;color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600}.plan-price{text-align:center;margin-bottom:4px}.plan-price .currency{font-size:20px;font-weight:600;color:#71717a;vertical-align:super}.plan-price .amount{font-size:44px;font-weight:800;color:#1a1a2e;line-height:1;letter-spacing:-1px}.plan-price .period{font-size:16px;color:#a1a1aa;font-weight:400}.yearly-savings{text-align:center;margin-bottom:20px;font-size:13px;color:#71717a}.yearly-savings .save-text{color:#22c55e;font-weight:600}.monthly-note{text-align:center;margin-bottom:20px;font-size:13px;color:#ff6b35;font-weight:500}.plan-features{list-style:none;padding:0;margin:0 0 24px;flex:1}.plan-features li{display:flex;align-items:flex-start;gap:12px;padding:10px 0;font-size:14px;color:#52525b;border-bottom:1px solid #f4f4f5}.plan-features li:last-child{border-bottom:none}.check-icon{flex-shrink:0;color:#22c55e;margin-top:2px}.plan-btn{width:100%;padding:14px 24px;border-radius:12px;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:auto}.plan-btn.primary{background:#ff6b35;color:#fff;border:none}.plan-btn.primary:hover:not(:disabled){background:#e55a2b;transform:translateY(-2px);box-shadow:0 8px 24px #ff6b354d}.plan-btn.secondary{background:#fff;color:#1a1a2e;border:1px solid #e4e4e7}.plan-btn.secondary:hover:not(:disabled){border-color:#ff6b35;color:#ff6b35;background:#fff7ed}.plan-btn:disabled{opacity:.7;cursor:not-allowed;transform:none!important;box-shadow:none!important}.plan-btn.current-plan{opacity:1!important;cursor:not-allowed;transform:none!important;box-shadow:none!important;background:#dcfce7!important;color:#166534!important;border:2px solid #22c55e!important;font-weight:600}.plan-btn.current-plan:before{content:"✓ "}.pricing-footer{text-align:center}.trust-badges{display:flex;justify-content:center;gap:48px;margin-bottom:20px}.trust-badges .badge{display:flex;align-items:center;gap:10px;font-size:14px;color:#71717a;font-weight:500}.trust-badges .badge span:first-child{font-size:20px}.pricing-note{font-size:13px;color:#a1a1aa}@media(max-width:480px){.pricing-page{padding:24px 12px}.pricing-header{margin-bottom:32px}.pricing-header h1{font-size:24px}.pricing-header p{font-size:14px}.plans-grid{grid-template-columns:1fr;gap:20px;margin-bottom:32px}.plan-card{padding:24px 20px}.plan-header h3{font-size:20px}.card-billing-toggle button{padding:8px 10px;font-size:12px}.plan-price .amount{font-size:36px}.plan-features li{font-size:13px;padding:9px 0}.trust-badges{flex-direction:column;gap:12px}}@media(min-width:481px)and (max-width:768px){.pricing-page{padding:32px 16px}.pricing-header h1{font-size:28px}.plans-grid{grid-template-columns:1fr;gap:20px;max-width:420px;margin-left:auto;margin-right:auto}.trust-badges{flex-wrap:wrap;gap:20px}}@media(min-width:769px)and (max-width:1024px){.pricing-page{padding:36px 24px}.plans-grid{grid-template-columns:repeat(3,1fr);gap:16px}.plan-card{padding:24px 18px}.card-billing-toggle button{padding:8px;font-size:12px}.plan-price .amount{font-size:36px}}@media(min-width:1025px)and (max-width:1280px){.pricing-page{max-width:1000px}.plans-grid{gap:20px}.plan-card{padding:28px 24px}}@media(min-width:1281px)and (max-width:1440px){.pricing-page{max-width:1100px}.pricing-header h1{font-size:34px}.plan-card{padding:32px 28px}}@media(min-width:1441px)and (max-width:1920px){.pricing-page{max-width:1200px;padding:48px 32px}.pricing-header{margin-bottom:56px}.pricing-header h1{font-size:36px}.pricing-header p{font-size:17px}.plans-grid{gap:28px;margin-bottom:56px}.plan-card{padding:36px 32px;border-radius:18px}.plan-header h3{font-size:24px}.plan-price .amount{font-size:48px}.plan-features li{font-size:15px;padding:11px 0}.plan-btn{padding:16px 28px;font-size:16px}.trust-badges{gap:56px}.trust-badges .badge{font-size:15px}}@media(min-width:1921px){.pricing-page{max-width:1300px;padding:56px 40px}.pricing-header{margin-bottom:64px}.pricing-header h1{font-size:40px}.pricing-header p{font-size:18px}.plans-grid{gap:32px;margin-bottom:64px}.plan-card{padding:40px 36px;border-radius:20px}.popular-tag{font-size:12px;padding:7px 20px}.plan-header h3{font-size:26px}.plan-desc{font-size:15px}.card-billing-toggle button{padding:12px 14px;font-size:14px}.plan-price .currency{font-size:22px}.plan-price .amount{font-size:52px}.plan-price .period{font-size:17px}.plan-features li{font-size:15px;padding:12px 0;gap:14px}.plan-btn{padding:18px 32px;font-size:16px;border-radius:14px}.trust-badges{gap:64px;margin-bottom:24px}.trust-badges .badge{font-size:16px;gap:12px}.trust-badges .badge span:first-child{font-size:22px}.pricing-note{font-size:14px}}.trial-promo-banner{display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:14px 24px;border-radius:12px;margin-bottom:24px;font-size:15px;font-weight:500;box-shadow:0 4px 12px #10b98140}.trial-promo-banner svg{flex-shrink:0}.trial-promo-banner strong{font-weight:700}.trial-used-banner{display:flex;align-items:center;justify-content:center;gap:10px;background:#fef3c7;color:#92400e;padding:12px 24px;border-radius:10px;margin-bottom:24px;font-size:14px;font-weight:500;border:1px solid #fcd34d}.trial-used-banner svg{flex-shrink:0}.plan-buttons{display:flex;flex-direction:column;gap:10px;margin-top:auto}.plan-btn.trial-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.plan-btn.trial-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 8px 24px #10b9814d}.plan-btn.trial-btn:disabled{opacity:.7;cursor:not-allowed;transform:none!important;box-shadow:none!important}.plan-btn-divider{display:flex;align-items:center;justify-content:center;margin:4px 0}.plan-btn-divider span{font-size:12px;color:#a1a1aa;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.trial-info-footer{display:flex;justify-content:center;margin-bottom:16px}.trial-info-footer p{display:flex;align-items:center;gap:8px;background:#ecfdf5;color:#065f46;padding:10px 20px;border-radius:24px;font-size:13px;font-weight:500;margin:0}.trial-info-footer svg{color:#10b981}.onboarding-banner{background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1px solid #fed7aa;border-radius:16px;padding:20px 24px;margin-bottom:24px}.onboarding-banner-content{display:flex;align-items:center;gap:16px}.onboarding-banner-content .sparkle-icon{color:#f97316;flex-shrink:0}.onboarding-banner-content h2{font-size:18px;font-weight:700;color:#1a1a2e;margin:0 0 4px}.onboarding-banner-content p{font-size:14px;color:#71717a;margin:0}@media(max-width:480px){.trial-promo-banner{padding:12px 16px;font-size:13px;flex-direction:column;text-align:center}.trial-used-banner{padding:10px 16px;font-size:13px}.plan-btn.trial-btn{padding:12px 20px;font-size:13px}.onboarding-banner{padding:16px}.onboarding-banner-content{flex-direction:column;text-align:center}.trial-info-footer p{font-size:12px;padding:8px 16px}}@media(min-width:481px)and (max-width:768px){.trial-promo-banner{padding:12px 20px;font-size:14px}}.trial-active-banner{display:flex;align-items:center;justify-content:center;gap:12px;background:#f97316;color:#fff;padding:14px 24px;border-radius:12px;margin-bottom:24px;font-size:15px;font-weight:500;box-shadow:0 4px 12px #0369a140}.trial-active-banner svg{flex-shrink:0;color:#7dd3fc}.trial-active-banner strong{font-weight:700}.plan-card.trial-active{border:2px solid #0ea5e9!important;box-shadow:0 0 0 4px #0ea5e926,0 4px 20px #00000014!important;position:relative}.popular-tag.trial-tag{background:linear-gradient(135deg,#0ea5e9,#0284c7)!important;display:flex;align-items:center;gap:6px}.plan-btn.upgrade-btn{background:linear-gradient(135deg,#f97316,#ea580c)!important;color:#fff!important;border:none!important;animation:pulse-upgrade 2s ease-in-out infinite}.plan-btn.upgrade-btn:hover:not(:disabled){background:linear-gradient(135deg,#ea580c,#dc2626)!important;transform:translateY(-2px);box-shadow:0 8px 24px #f9731659!important}@keyframes pulse-upgrade{0%,to{box-shadow:0 4px 12px #f973164d}50%{box-shadow:0 4px 20px #f9731680}}@media(max-width:480px){.trial-active-banner{padding:12px 16px;font-size:13px;flex-direction:column;text-align:center}}:root{--font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--primary: #FF6B35;--primary-hover: #e85a2b;--primary-light: rgba(255, 107, 53, .08);--primary-border: rgba(255, 107, 53, .3);--success: #10b981;--success-light: rgba(16, 185, 129, .08);--success-border: rgba(16, 185, 129, .3);--danger: #ef4444;--danger-light: rgba(239, 68, 68, .08);--warning: #f59e0b;--warning-light: rgba(245, 158, 11, .08);--warning-border: rgba(245, 158, 11, .4);--youtube: #dc2626;--youtube-light: rgba(220, 38, 38, .08);--telegram: #0088cc;--telegram-light: rgba(0, 136, 204, .08);--gray-50: #fafafa;--gray-100: #f4f4f5;--gray-200: #e4e4e7;--gray-300: #d4d4d8;--gray-400: #a1a1aa;--gray-500: #71717a;--gray-600: #52525b;--gray-700: #3f3f46;--gray-800: #27272a;--gray-900: #18181b;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1)}.bulk-upload{max-width:960px;margin:0 auto;padding:0 var(--space-5) var(--space-6);font-family:var(--font-family);color:var(--gray-800);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}.bulk-upload *{font-family:inherit;box-sizing:border-box}.wizard-content{overflow:hidden}.channel-bar{position:sticky;top:0;z-index:50;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);margin-bottom:var(--space-5);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-xs);overflow:hidden}.channel-bar-inner{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;min-width:0}.channel-bar-label{font-size:13px;font-weight:600;color:var(--gray-500);letter-spacing:-.01em}.channel-chips{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;flex:1}.channel-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;background:var(--gray-50);border:1.5px solid var(--gray-200);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);font-size:12px;font-weight:500;color:var(--gray-600)}.channel-chip:hover{background:var(--gray-100);border-color:var(--gray-300)}.channel-chip.selected{background:var(--primary-light);border-color:var(--primary);color:var(--gray-800)}.channel-chip.youtube.selected{background:var(--youtube-light);border-color:var(--youtube)}.channel-chip.telegram.selected{background:var(--telegram-light);border-color:var(--telegram)}.chip-icon{font-size:13px;line-height:1}.chip-avatar{width:18px;height:18px;border-radius:50%;background:var(--youtube);color:#fff;font-size:9px;font-weight:600;display:flex;align-items:center;justify-content:center;overflow:hidden}.chip-avatar img{width:100%;height:100%;object-fit:cover}.channel-chip.telegram .chip-avatar{background:var(--telegram)}.chip-name{max-width:90px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip-check{width:14px;height:14px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700}.channel-chip.youtube.selected .chip-check{background:var(--youtube)}.channel-chip.telegram.selected .chip-check{background:var(--telegram)}.channel-bar-next{background:var(--primary);color:#fff;border:none;padding:6px 12px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;margin-left:auto}.channel-bar-next:hover{background:var(--primary-hover)}.channel-bar-info{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}.selected-count{font-size:11px;font-weight:600;color:var(--success);background:var(--success-light);padding:4px 10px;border-radius:var(--radius-full)}.matrix-badge{font-size:11px;font-weight:600;color:#1e40af;background:#3b82f61a;padding:4px 10px;border-radius:var(--radius-full)}.channel-bar-empty{display:flex;align-items:center;gap:var(--space-3);width:100%}.channel-bar-empty span{font-size:13px;color:var(--gray-500)}.channel-bar-empty button{background:var(--primary);color:#fff;border:none;padding:6px 12px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.channel-bar-empty button:hover{background:var(--primary-hover)}.empty-state-centered{text-align:center;padding:60px var(--space-5)}.empty-state-centered .empty-icon{font-size:36px;display:block;margin-bottom:var(--space-3);opacity:.8}.empty-state-centered p{font-size:14px;color:var(--gray-500);margin:0}.error-banner{background:var(--danger-light);border:1px solid rgba(239,68,68,.2);color:var(--danger);padding:10px 14px;border-radius:var(--radius-md);margin-bottom:var(--space-4);display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:500}.error-banner button{background:none;border:none;color:var(--danger);font-size:16px;cursor:pointer;padding:0;line-height:1}.step-card{background:transparent;margin-bottom:var(--space-5)}.step-card h2{font-size:15px;font-weight:600;color:var(--gray-800);margin:0 0 var(--space-4) 0;letter-spacing:-.02em}.step-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.step-header-row h2{margin:0}.selected-badge{background:var(--primary);color:#fff;padding:4px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:600}.content-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:2px;margin-bottom:var(--space-4);padding:10px 14px;background:var(--gray-50);border-radius:var(--radius-md)}.breadcrumb-btn{background:none;border:none;color:var(--gray-500);font-size:13px;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);transition:all var(--transition-fast);font-weight:500}.breadcrumb-btn:hover{background:var(--gray-200);color:var(--gray-800)}.breadcrumb-btn.active{color:var(--primary);font-weight:600}.breadcrumb-separator{color:var(--gray-300);font-size:11px}.platform-filter-notice{display:flex;align-items:center;gap:var(--space-2);padding:10px 14px;background:var(--warning-light);border:1px solid var(--warning-border);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:13px;color:#92400e}.platform-filter-notice span:first-child{font-size:14px}.platform-filter-notice strong{font-weight:600}.folders-section{margin-bottom:var(--space-5)}.folders-section h4,.files-section h4{font-size:12px;font-weight:600;color:var(--gray-500);margin:0 0 var(--space-3) 0;text-transform:uppercase;letter-spacing:.03em}.folders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.folder-card{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.folder-card:hover{border-color:var(--primary-border);background:var(--primary-light)}.folder-card .folder-icon{font-size:20px;flex-shrink:0}.folder-card .folder-info{flex:1;min-width:0}.folder-card .folder-name{display:block;font-size:13px;font-weight:600;color:var(--gray-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folder-card .folder-meta{display:block;font-size:11px;color:var(--gray-400);margin-top:2px}.folder-card .folder-arrow{color:var(--gray-300);font-size:12px;transition:all var(--transition-fast)}.folder-card:hover .folder-arrow{color:var(--primary);transform:translate(2px)}.files-section{margin-top:var(--space-4)}.files-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.files-header h4{margin:0}.files-header-actions{display:flex;align-items:center;gap:var(--space-3)}.view-mode-toggle{display:flex;align-items:center;background:var(--gray-100);border-radius:var(--radius-sm);padding:2px}.view-mode-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--gray-400);transition:all var(--transition-fast)}.view-mode-btn:hover{color:var(--gray-600)}.view-mode-btn.active{background:#fff;color:var(--primary);box-shadow:var(--shadow-xs)}.view-mode-btn svg{width:14px;height:14px}.select-all-btn{background:none;border:1px solid var(--gray-300);color:var(--gray-600);font-size:11px;padding:4px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-weight:500}.select-all-btn:hover{background:var(--gray-100);border-color:var(--gray-400)}.content-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.content-preview-card{background:#fff;border:2px solid var(--gray-200);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--transition-smooth);position:relative}.content-preview-card:hover{border-color:var(--gray-300);box-shadow:var(--shadow-md);transform:translateY(-2px)}.content-preview-card.selected{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-light),var(--shadow-md)}.preview-container{position:relative;aspect-ratio:4/3;background:var(--gray-100);overflow:hidden}.selection-checkbox{position:absolute;top:10px;left:10px;z-index:10}.checkbox-indicator{width:24px;height:24px;border-radius:50%;border:2.5px solid white;background:#00000059;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);box-shadow:0 2px 8px #00000026;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.checkbox-indicator.checked{background:var(--primary);border-color:var(--primary);transform:scale(1.05)}.checkbox-indicator svg{width:14px;height:14px;color:#fff}.media-type-badge{position:absolute;top:10px;right:10px;width:28px;height:28px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;z-index:5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 8px #00000026}.media-type-badge.video{background:#dc2626e6;color:#fff}.media-type-badge.photo{background:#2563ebe6;color:#fff}.media-type-badge.audio{background:#10b981e6;color:#fff}.media-type-badge.document{background:#f59e0be6;color:#fff}.media-type-badge svg{width:14px;height:14px}.preview-skeleton{position:absolute;inset:0;background:var(--gray-100);display:flex;align-items:center;justify-content:center}.skeleton-shimmer{width:100%;height:100%;background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-200) 50%,var(--gray-100) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.preview-image{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity var(--transition-base)}.preview-image.loaded{opacity:1}.video-play-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(transparent 40%,#0006);pointer-events:none}.play-button{width:48px;height:48px;background:#0009;border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all var(--transition-fast)}.content-preview-card:hover .play-button{background:#000c;transform:scale(1.1)}.play-button svg{width:22px;height:22px;color:#fff;margin-left:3px}.video-duration{position:absolute;bottom:10px;right:10px;background:#000000bf;color:#fff;font-size:11px;font-weight:600;padding:3px 6px;border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.preview-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.preview-placeholder.video{background:linear-gradient(135deg,#fef2f2,#fee2e2,#fecaca)}.preview-placeholder.photo{background:linear-gradient(135deg,#eff6ff,#dbeafe,#bfdbfe)}.preview-placeholder.audio{background:linear-gradient(135deg,#ecfdf5,#d1fae5,#a7f3d0)}.preview-placeholder.document{background:linear-gradient(135deg,#fffbeb,#fef3c7,#fde68a)}.placeholder-content{display:flex;flex-direction:column;align-items:center;gap:8px;z-index:1}.placeholder-icon{font-size:40px;opacity:.8}.placeholder-ext{font-size:11px;font-weight:700;color:var(--gray-600);text-transform:uppercase;letter-spacing:.05em;background:#fffc;padding:3px 8px;border-radius:4px}.placeholder-pattern{position:absolute;inset:0;opacity:.1;background-image:radial-gradient(circle at 25% 25%,currentColor 1px,transparent 1px),radial-gradient(circle at 75% 75%,currentColor 1px,transparent 1px);background-size:20px 20px}.hover-info-overlay{position:absolute;bottom:0;left:0;right:0;padding:30px 10px 10px;background:linear-gradient(transparent,#000000b3);opacity:0;transform:translateY(10px);transition:all var(--transition-smooth)}.content-preview-card:hover .hover-info-overlay{opacity:1;transform:translateY(0)}.hover-info-content{display:flex;flex-wrap:wrap;gap:6px}.info-badge{display:inline-flex;align-items:center;gap:4px;background:#ffffffe6;color:var(--gray-700);font-size:10px;font-weight:600;padding:3px 8px;border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.info-badge svg{width:10px;height:10px}.file-info{padding:12px;background:#fff;border-top:1px solid var(--gray-100)}.file-name{display:block;font-size:13px;font-weight:600;color:var(--gray-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;margin-bottom:6px}.file-meta{display:flex;align-items:center;gap:8px}.type-pill{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:3px 8px;border-radius:4px;background:var(--gray-100);color:var(--gray-500)}.type-pill.video{background:#dc26261a;color:#dc2626}.type-pill.photo{background:#2563eb1a;color:#2563eb}.type-pill.audio{background:#10b9811a;color:#10b981}.type-pill.document{background:#f59e0b1a;color:#f59e0b}.file-size{font-size:11px;color:var(--gray-400)}.content-list-view{display:flex;flex-direction:column;gap:8px}.content-list-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#fff;border:1.5px solid var(--gray-200);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.content-list-item:hover{border-color:var(--gray-300);background:var(--gray-50)}.content-list-item.selected{border-color:var(--primary);background:var(--primary-light)}.list-item-checkbox{flex-shrink:0}.list-item-checkbox .checkbox-indicator{width:20px;height:20px;border:2px solid var(--gray-300);background:#fff}.content-list-item.selected .list-item-checkbox .checkbox-indicator{background:var(--primary);border-color:var(--primary)}.list-item-preview{width:56px;height:42px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;position:relative;background:var(--gray-100)}.list-item-preview img{width:100%;height:100%;object-fit:cover}.list-preview-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:18px}.list-preview-placeholder.video{background:linear-gradient(135deg,#fee2e2,#fecaca)}.list-preview-placeholder.photo{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.list-preview-placeholder.audio{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.list-preview-placeholder.document{background:linear-gradient(135deg,#fef3c7,#fde68a)}.list-video-badge{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000004d}.list-video-badge svg{width:16px;height:16px;color:#fff}.list-item-info{flex:1;min-width:0}.list-item-name{display:block;font-size:13px;font-weight:600;color:var(--gray-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.list-item-meta{display:flex;align-items:center;gap:8px}.list-item-size,.list-item-duration{font-size:11px;color:var(--gray-400)}.content-preview-skeleton{background:#fff;border:1.5px solid var(--gray-100);border-radius:var(--radius-lg);overflow:hidden}.skeleton-preview-area{aspect-ratio:4/3;background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-200) 50%,var(--gray-100) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-info-area{padding:12px}.skeleton-info-area .skeleton-name{height:14px;width:75%;margin-bottom:8px;border-radius:4px;background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-200) 50%,var(--gray-100) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-info-area .skeleton-meta{height:10px;width:50%;border-radius:4px;background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-200) 50%,var(--gray-100) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.channel-chip-skeleton{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;background:var(--gray-50);border:1.5px solid var(--gray-100);border-radius:var(--radius-full)}.skeleton-avatar{width:18px;height:18px;border-radius:50%}.skeleton-chip-name{width:60px;height:12px}.folder-card-skeleton{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#fff;border:1px solid var(--gray-100);border-radius:var(--radius-md)}.skeleton-folder-icon{width:24px;height:24px;border-radius:var(--radius-sm)}.skeleton-folder-info{flex:1}.skeleton-folder-name{width:100px;height:13px;margin-bottom:4px}.skeleton-folder-meta{width:60px;height:10px}.skeleton{background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-200) 50%,var(--gray-100) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.empty-folder{text-align:center;padding:40px var(--space-5)}.empty-folder .empty-icon{font-size:36px;display:block;margin-bottom:var(--space-3);opacity:.7}.empty-folder p{font-size:14px;color:var(--gray-600);margin:0 0 4px}.empty-folder .empty-hint{font-size:13px;color:var(--gray-400);max-width:300px;margin:0 auto var(--space-3)}.empty-folder .btn-text{background:none;border:none;color:var(--primary);font-size:13px;cursor:pointer;font-weight:500}.empty-folder .btn-text:hover{text-decoration:underline}.empty-folder-hint{text-align:center;padding:var(--space-4);color:var(--gray-400);font-size:13px;border-top:1px solid var(--gray-200);margin-top:var(--space-4)}.empty-folder-hint p{margin:0}.empty-state{text-align:center;padding:40px var(--space-5)}.empty-state p{font-size:14px;color:var(--gray-500);margin:0 0 var(--space-4) 0}.empty-state button{background:var(--primary);color:#fff;border:none;padding:8px 16px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer}.wizard-actions{display:flex;justify-content:flex-end;align-items:center;gap:16px;margin-top:var(--space-5);padding-top:var(--space-4)}.btn-primary{background:var(--primary);color:#fff;border:none;padding:8px 16px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-primary:disabled{background:var(--gray-300);cursor:not-allowed}.btn-secondary{background:transparent;color:var(--gray-500);border:none;padding:8px 4px;font-size:12px;font-weight:500;cursor:pointer;transition:color var(--transition-fast)}.btn-secondary:hover{color:var(--gray-700)}.matrix-mode-indicator{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#3b82f614;border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:13px;color:#1e40af}.matrix-mode-indicator span:first-child{font-size:14px}.matrix-config,.posts-config{margin-top:4px}.matrix-header-section{margin-bottom:var(--space-3)}.matrix-header-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;padding-bottom:var(--space-3);border-bottom:1px solid var(--gray-100);margin-bottom:var(--space-3)}.matrix-stats{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--gray-500)}.stat-item{font-weight:500}.stat-dot{color:var(--gray-300);font-size:10px}.stat-highlight{color:var(--primary);font-weight:600}.matrix-bulk-actions{display:flex;align-items:center;gap:4px}.bulk-btn{background:var(--gray-50);border:1px solid var(--gray-200);color:var(--gray-500);padding:4px 10px;border-radius:var(--radius-sm);font-size:10px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.bulk-btn:hover{background:#fff;border-color:var(--gray-300);color:var(--gray-700)}.matrix-cards{display:flex;flex-direction:column;gap:10px;overflow:hidden}.matrix-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition-fast)}.matrix-card.card-disabled{opacity:.6;background:var(--gray-50)}.matrix-card:hover{border-color:var(--gray-300)}.matrix-card-header{display:flex;align-items:center;gap:8px;padding:10px 14px;background:linear-gradient(to right,var(--gray-50),transparent);border-bottom:1px solid var(--gray-100);min-width:0}.card-file-icon{font-size:14px;flex-shrink:0}.card-file-name{flex:1;font-size:12px;font-weight:600;color:var(--gray-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.card-file-type{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--gray-400);background:var(--gray-100);padding:2px 6px;border-radius:3px;flex-shrink:0}.matrix-card-channels{padding:4px 0}.channel-row{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;transition:background var(--transition-fast);border-bottom:1px solid var(--gray-50);min-width:0;gap:10px}.channel-row:last-child{border-bottom:none}.channel-row:hover{background:var(--gray-50)}.channel-row.enabled:hover{background:#10b9810a}.channel-row.disabled{opacity:.5}.channel-row.incompatible{opacity:.4}.channel-row-left{display:flex;align-items:center;gap:8px;min-width:0;flex-shrink:1;overflow:hidden}.channel-toggle{position:relative;display:inline-flex;cursor:pointer}.channel-toggle input{position:absolute;opacity:0;width:0;height:0}.toggle-track{width:26px;height:14px;background:var(--gray-300);border-radius:7px;position:relative;transition:background var(--transition-fast)}.channel-toggle input:checked+.toggle-track{background:var(--success)}.toggle-thumb{position:absolute;top:2px;left:2px;width:10px;height:10px;background:#fff;border-radius:50%;transition:transform var(--transition-fast);box-shadow:0 1px 2px #00000026}.channel-toggle input:checked+.toggle-track .toggle-thumb{transform:translate(12px)}.channel-mini-icon{width:16px;height:16px;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;flex-shrink:0}.channel-mini-icon.youtube{background:var(--youtube-light);color:var(--youtube)}.channel-mini-icon.telegram{background:var(--telegram-light);color:var(--telegram)}.channel-row-name{font-size:11px;font-weight:500;color:var(--gray-600);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.channel-row-right{display:flex;align-items:center;gap:4px;flex-shrink:0}.channel-datetime{padding:4px 6px;border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:10px;font-family:var(--font-family);background:#fff;color:var(--gray-600);cursor:pointer;transition:all var(--transition-fast);width:140px;max-width:140px}.channel-datetime:hover{border-color:var(--primary)}.channel-datetime:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.channel-datetime.has-time{border-color:var(--success);background:var(--success-light)}.channel-edit-btn{width:24px;height:24px;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-sm);cursor:pointer;font-size:10px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0}.channel-edit-btn:hover{background:var(--primary-light);border-color:var(--primary-border)}.disabled-label{font-size:10px;color:var(--gray-400)}.incompatible-tag{font-size:9px;color:var(--gray-400);font-style:italic}.channel-indicator-inline{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:var(--radius-sm);font-size:11px;font-weight:500}.channel-indicator-inline.youtube{background:var(--youtube-light);color:var(--youtube)}.channel-indicator-inline.telegram{background:var(--telegram-light);color:var(--telegram)}.channel-indicator-inline .indicator-icon{font-size:8px}.channel-indicator-inline .indicator-name{font-weight:600}.no-channel-warning{display:flex;align-items:flex-start;gap:12px;padding:20px;background:var(--gray-50);border:1px dashed var(--gray-300);border-radius:var(--radius-lg);margin:var(--space-4) 0}.no-channel-warning .warning-icon{font-size:24px;line-height:1}.no-channel-warning .warning-content{flex:1}.no-channel-warning .warning-title{font-size:14px;font-weight:600;color:var(--gray-700);margin:0 0 4px}.no-channel-warning .warning-text{font-size:13px;color:var(--gray-500);margin:0}.no-content-warning{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--warning-light);border:1px solid var(--warning-border);border-radius:var(--radius-md);color:#92400e;font-size:13px}.edit-modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.edit-modal{background:#fff;border-radius:var(--radius-lg);width:90%;max-width:440px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .2s ease;box-shadow:0 20px 40px #00000026}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.edit-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--gray-200);background:var(--gray-50)}.edit-modal-header h4{font-size:13px;font-weight:600;color:var(--gray-800);margin:0;display:flex;align-items:center;gap:6px;flex-wrap:wrap;flex:1;min-width:0}.modal-file-icon{font-size:14px}.modal-arrow{color:var(--gray-400);font-size:10px}.modal-platform{font-size:11px;color:var(--gray-500)}.modal-platform.youtube{color:var(--youtube)}.modal-platform.telegram{color:var(--telegram)}.modal-close-btn{width:26px;height:26px;border:none;background:var(--gray-200);border-radius:var(--radius-sm);cursor:pointer;font-size:14px;color:var(--gray-500);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);margin-left:10px}.modal-close-btn:hover{background:var(--gray-300);color:var(--gray-700)}.edit-modal-body{padding:16px;overflow-y:auto;flex:1}.edit-modal-footer{padding:12px 16px;border-top:1px solid var(--gray-200);display:flex;justify-content:flex-end}.content-description-preview{margin-bottom:14px;padding:10px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-sm)}.content-description-preview label{display:block;font-size:10px;font-weight:600;color:var(--gray-400);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.content-description-preview p{font-size:12px;color:var(--gray-600);margin:0;line-height:1.5;white-space:pre-wrap;word-break:break-word}.form-group{margin-bottom:12px}.form-group label{display:block;font-size:11px;font-weight:600;color:var(--gray-500);margin-bottom:5px;text-transform:uppercase;letter-spacing:.02em}.form-group input[type=text],.form-group textarea,.form-group select{width:100%;padding:8px 10px;border:1px solid var(--gray-300);border-radius:var(--radius-sm);font-size:13px;font-family:var(--font-family);transition:border-color var(--transition-fast)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.form-row{display:flex;gap:12px}.form-row .form-group{flex:1}.checkbox-group label{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:12px;text-transform:none;font-weight:500}.checkbox-group input[type=checkbox]{width:15px;height:15px}.caption-hint{font-size:11px;color:var(--gray-400);margin-top:6px}.success-card{background:#fff;border-radius:var(--radius-lg);padding:40px;text-align:center;box-shadow:var(--shadow-sm)}.success-icon{font-size:48px;margin-bottom:var(--space-4)}.success-card h2{font-size:18px;font-weight:700;color:var(--gray-800);margin:0 0 8px}.success-card p{font-size:14px;color:var(--gray-500);margin:0 0 4px}.success-card .warning{color:var(--warning)}.success-actions{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:var(--space-5)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:12px}.loading-state p{font-size:13px;color:var(--gray-500);margin:0}.spinner{width:32px;height:32px;border:3px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}@media(max-width:768px){.bulk-upload{padding:0 14px 20px}.channel-bar{padding:10px 12px;margin-bottom:var(--space-4)}.channel-bar-label{display:none}.content-preview-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.preview-container{aspect-ratio:1}.selection-checkbox{top:8px;left:8px}.checkbox-indicator{width:22px;height:22px}.media-type-badge{width:24px;height:24px;top:8px;right:8px}.media-type-badge svg{width:12px;height:12px}.play-button{width:40px;height:40px}.play-button svg{width:18px;height:18px}.file-info{padding:10px}.file-name{font-size:12px}.channel-datetime{width:130px;font-size:9px}.edit-modal{width:94%;max-height:85vh}}@media(max-width:480px){.content-preview-grid{grid-template-columns:repeat(2,1fr);gap:10px}.folders-grid{grid-template-columns:1fr}.file-info{padding:8px}.file-name{font-size:11px}.type-pill{font-size:9px;padding:2px 6px}.file-size{font-size:10px}.placeholder-icon{font-size:32px}.placeholder-ext{font-size:10px}.channel-row{flex-wrap:wrap;padding:8px 10px;gap:8px}.channel-datetime{width:115px;max-width:115px;font-size:9px}.channel-row-name{max-width:60px;font-size:9px}}@media(max-width:360px){.content-preview-grid{gap:8px}.file-info{padding:6px}.file-name{font-size:10px;margin-bottom:4px}.file-meta{gap:4px}.type-pill{font-size:8px}}:root{--q-primary-50: #fff7ed;--q-primary-100: #ffedd5;--q-primary-200: #fed7aa;--q-primary-300: #fdba74;--q-primary-400: #fb923c;--q-primary-500: #FF6B35;--q-primary-600: #ea580c;--q-primary-700: #c2410c;--q-primary-800: #9a3412;--q-primary-900: #7c2d12;--q-neutral-0: #ffffff;--q-neutral-50: #fafafa;--q-neutral-100: #f4f4f5;--q-neutral-200: #e4e4e7;--q-neutral-300: #d4d4d8;--q-neutral-400: #a1a1aa;--q-neutral-500: #71717a;--q-neutral-600: #52525b;--q-neutral-700: #3f3f46;--q-neutral-800: #27272a;--q-neutral-900: #18181b;--q-neutral-950: #09090b;--q-success-50: #ecfdf5;--q-success-100: #d1fae5;--q-success-500: #10b981;--q-success-600: #059669;--q-warning-50: #fffbeb;--q-warning-100: #fef3c7;--q-warning-500: #f59e0b;--q-warning-600: #d97706;--q-error-50: #fef2f2;--q-error-100: #fee2e2;--q-error-500: #ef4444;--q-error-600: #dc2626;--q-info-50: #eff6ff;--q-info-100: #dbeafe;--q-info-500: #3b82f6;--q-info-600: #2563eb;--q-youtube: #FF0000;--q-youtube-dark: #cc0000;--q-telegram: #0088cc;--q-telegram-dark: #006699;--q-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--q-shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--q-shadow-lg: 0 12px 40px rgba(0, 0, 0, .12);--q-shadow-xl: 0 24px 60px rgba(0, 0, 0, .16);--q-shadow-glow: 0 0 60px rgba(255, 107, 53, .15);--q-ease-out: cubic-bezier(.16, 1, .3, 1);--q-ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--q-radius-sm: 8px;--q-radius-md: 12px;--q-radius-lg: 16px;--q-radius-xl: 24px;--q-radius-2xl: 32px;--q-radius-full: 9999px}.queue-page-v2{position:relative;min-height:100vh;padding:0;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--q-neutral-50);overflow-x:hidden}.queue-animated-bg{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.queue-gradient-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.4;animation:queueFloat 25s ease-in-out infinite}.queue-gradient-orb.orb-1{width:500px;height:500px;background:radial-gradient(circle,var(--q-primary-200) 0%,transparent 70%);top:-150px;right:-100px;animation-delay:0s}.queue-gradient-orb.orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(14,165,233,.15) 0%,transparent 70%);bottom:-100px;left:-50px;animation-delay:-12s}@keyframes queueFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(40px,-40px) scale(1.08)}50%{transform:translate(-30px,30px) scale(.95)}75%{transform:translate(25px,40px) scale(1.03)}}.queue-grid-overlay{position:absolute;inset:0;background-image:linear-gradient(var(--q-neutral-200) 1px,transparent 1px),linear-gradient(90deg,var(--q-neutral-200) 1px,transparent 1px);background-size:80px 80px;opacity:.25;-webkit-mask-image:radial-gradient(ellipse at center,black 0%,transparent 75%);mask-image:radial-gradient(ellipse at center,black 0%,transparent 75%)}.queue-toast{position:fixed;top:24px;right:24px;display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--q-neutral-0);border-radius:var(--q-radius-lg);box-shadow:var(--q-shadow-xl);z-index:9999;overflow:hidden;animation:toastSlideIn .4s var(--q-ease-out)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}.toast-glow-bar{position:absolute;left:0;top:0;bottom:0;width:4px}.queue-toast.success .toast-glow-bar{background:var(--q-success-500)}.queue-toast.error .toast-glow-bar{background:var(--q-error-500)}.queue-toast.info .toast-glow-bar{background:var(--q-primary-500)}.toast-inner{display:flex;align-items:center;gap:12px}.toast-icon{display:flex;align-items:center;justify-content:center}.queue-toast.success .toast-icon{color:var(--q-success-500)}.queue-toast.error .toast-icon{color:var(--q-error-500)}.queue-toast.info .toast-icon{color:var(--q-primary-500)}.toast-message{font-size:14px;font-weight:500;color:var(--q-neutral-800)}.toast-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--q-neutral-100);border:none;border-radius:var(--q-radius-sm);color:var(--q-neutral-500);cursor:pointer;transition:all .2s var(--q-ease-out)}.toast-close:hover{background:var(--q-neutral-200);color:var(--q-neutral-700)}.queue-hero{position:relative;z-index:1;padding:0 0 24px}.hero-content{max-width:600px}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--q-neutral-0);border:1px solid var(--q-neutral-200);border-radius:var(--q-radius-full);font-size:12px;font-weight:600;color:var(--q-neutral-600);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;box-shadow:var(--q-shadow-sm)}.hero-badge svg{color:var(--q-primary-500)}.hero-title{font-size:clamp(28px,5vw,40px);font-weight:700;color:var(--q-neutral-900);line-height:1.1;margin:0 0 12px;letter-spacing:-.02em}.gradient-text{background:linear-gradient(135deg,var(--q-primary-500) 0%,var(--q-primary-600) 50%,#ea580c 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:16px;color:var(--q-neutral-500);line-height:1.6;margin:0}@keyframes spinAnimation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spinAnimation 1s linear infinite}.queue-limits-row{position:relative;z-index:1;display:flex;align-items:stretch;gap:16px;margin-bottom:24px;flex-wrap:wrap}.queue-limit-pill{display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--q-neutral-0);border:1px solid var(--q-neutral-200);border-radius:var(--q-radius-lg);min-width:140px;transition:all .2s var(--q-ease-out)}.queue-limit-pill:hover{border-color:var(--q-neutral-300)}.queue-limit-pill.warning{border-color:var(--q-warning-500);background:var(--q-warning-50)}.limit-pill-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--q-neutral-100);border-radius:var(--q-radius-sm);color:var(--q-neutral-600);flex-shrink:0}.queue-limit-pill.warning .limit-pill-icon{background:var(--q-warning-100);color:var(--q-warning-600)}.limit-pill-content{flex:1;min-width:0}.limit-pill-label{display:block;font-size:11px;font-weight:500;color:var(--q-neutral-500);text-transform:uppercase;letter-spacing:.3px}.limit-pill-value{display:block;font-size:16px;font-weight:700;color:var(--q-neutral-800)}.limit-pill-bar{position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--q-neutral-100);border-radius:0 0 var(--q-radius-lg) var(--q-radius-lg);overflow:hidden;display:none}.limit-pill-fill{height:100%;background:var(--q-primary-500);transition:width .3s var(--q-ease-out)}.queue-controls{position:relative;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px;flex-wrap:wrap}.queue-tabs{display:flex;align-items:center;gap:4px;padding:4px;background:var(--q-neutral-100);border-radius:var(--q-radius-lg)}.queue-tab-btn{position:relative;display:flex;align-items:center;justify-content:center;padding:12px 20px;background:transparent;border:none;border-radius:var(--q-radius-md);font-family:inherit;font-size:14px;font-weight:500;color:var(--q-neutral-500);cursor:pointer;transition:all .2s var(--q-ease-out)}.queue-tab-btn:hover{color:var(--q-neutral-700)}.queue-tab-btn.active{background:var(--q-neutral-0);color:var(--q-neutral-900);box-shadow:var(--q-shadow-sm)}.tab-btn-inner{display:flex;align-items:center;gap:8px}.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 8px;background:var(--q-neutral-200);border-radius:var(--q-radius-full);font-size:12px;font-weight:600;color:var(--q-neutral-600)}.queue-tab-btn.active .tab-count{background:var(--q-primary-100);color:var(--q-primary-600)}.tab-indicator{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:20px;height:3px;background:var(--q-primary-500);border-radius:var(--q-radius-full);display:none}.queue-filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.queue-filter-dropdown{position:relative;z-index:50}.filter-dropdown-trigger{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--q-neutral-0);border:1px solid var(--q-neutral-200);border-radius:var(--q-radius-md);font-family:inherit;font-size:13px;font-weight:500;color:var(--q-neutral-700);cursor:pointer;transition:all .2s var(--q-ease-out);min-width:150px}.filter-dropdown-trigger:hover{border-color:var(--q-neutral-300)}.filter-dropdown-trigger.open{border-color:var(--q-primary-500);box-shadow:0 0 0 3px #ff6b351a}.filter-dropdown-trigger svg:first-child{color:var(--q-neutral-400)}.dropdown-chevron{margin-left:auto;color:var(--q-neutral-400);transition:transform .2s var(--q-ease-out)}.dropdown-chevron.rotated{transform:rotate(180deg)}.filter-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:100%;background:var(--q-neutral-0);border:1px solid var(--q-neutral-200);border-radius:var(--q-radius-md);box-shadow:var(--q-shadow-lg);z-index:1000;overflow:hidden;animation:dropdownFadeIn .2s var(--q-ease-out)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.filter-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:transparent;border:none;font-family:inherit;font-size:13px;font-weight:500;color:var(--q-neutral-700);text-align:left;cursor:pointer;transition:all .15s var(--q-ease-out)}.filter-dropdown-item:hover{background:var(--q-neutral-50)}.filter-dropdown-item.selected{background:var(--q-primary-50);color:var(--q-primary-600)}.filter-dropdown-item svg:first-child{color:var(--q-neutral-400)}.filter-dropdown-item.selected svg:first-child{color:var(--q-primary-500)}.filter-dropdown-item svg:last-child{margin-left:auto;color:var(--q-primary-500)}.bulk-actions{display:flex;align-items:center;gap:12px;padding-left:16px;border-left:1px solid var(--q-neutral-200);margin-left:4px}.bulk-count{font-size:13px;font-weight:600;color:var(--q-primary-600)}.bulk-cancel-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--q-error-50);border:1px solid var(--q-error-200);border-radius:var(--q-radius-md);font-family:inherit;font-size:13px;font-weight:600;color:var(--q-error-600);cursor:pointer;transition:all .2s var(--q-ease-out)}.bulk-cancel-btn:hover{background:var(--q-error-100);border-color:var(--q-error-300)}.queue-select-all{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--q-neutral-0);border:1px solid var(--q-neutral-200);border-radius:var(--q-radius-md);margin-bottom:16px}.select-all-checkbox{display:flex;align-items:center;gap:12px;cursor:pointer}.select-all-checkbox input{display:none}.checkbox-mark{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--q-neutral-0);border:2px solid var(--q-neutral-300);border-radius:6px;color:transparent;transition:all .2s var(--q-ease-out)}.select-all-checkbox input:checked+.checkbox-mark{background:var(--q-primary-500);border-color:var(--q-primary-500);color:var(--q-neutral-0)}.select-all-label{font-size:14px;font-weight:500;color:var(--q-neutral-700)}.items-count{font-size:13px;color:var(--q-neutral-500)}.queue-posts-section{position:relative;z-index:1;margin-bottom:24px}.queue-posts-grid{display:flex;flex-direction:column;gap:12px}.queue-post-card{position:relative;display:grid;grid-template-columns:40px 1fr 180px 160px 120px 80px;align-items:center;gap:16px;padding:20px 24px;background:var(--q-neutral-0);border:1px solid var(--q-neutral-200);border-radius:var(--q-radius-lg);transition:all .3s var(--q-ease-out)}.queue-post-card:hover{border-color:var(--q-neutral-300);box-shadow:var(--q-shadow-md);transform:translateY(-2px)}.queue-post-card.selected{border-color:var(--q-primary-400);background:var(--q-primary-50)}.queue-post-card.hovered .post-card-glow{opacity:.08}.post-card-glow{position:absolute;inset:0;background:linear-gradient(135deg,var(--q-primary-200) 0%,transparent 50%);opacity:0;pointer-events:none;border-radius:var(--q-radius-lg);transition:opacity .3s var(--q-ease-out)}.post-checkbox-container{display:flex;align-items:center;justify-content:center;cursor:pointer}.post-checkbox-container input{display:none}.post-checkbox{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:var(--q-neutral-0);border:2px solid var(--q-neutral-300);border-radius:6px;color:transparent;transition:all .2s var(--q-ease-out)}.post-checkbox-container:hover .post-checkbox{border-color:var(--q-primary-400)}.post-checkbox-container input:checked+.post-checkbox{background:var(--q-primary-500);border-color:var(--q-primary-500);color:var(--q-neutral-0)}.post-content-section{display:flex;align-items:center;gap:16px;min-width:0}.post-thumbnail{position:relative;width:64px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--q-neutral-100);border-radius:var(--q-radius-sm);flex-shrink:0;color:var(--q-neutral-400)}.post-thumbnail.youtube{background:linear-gradient(135deg,#ff00001a,#ff00000d);color:var(--q-youtube)}.post-thumbnail.telegram{background:linear-gradient(135deg,#0088cc1a,#0088cc0d);color:var(--q-telegram)}.thumbnail-platform-badge{position:absolute;bottom:-4px;right:-4px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--q-neutral-0);border:2px solid var(--q-neutral-0);border-radius:var(--q-radius-full);box-shadow:var(--q-shadow-sm)}.post-thumbnail.youtube .thumbnail-platform-badge{color:var(--q-youtube)}.post-thumbnail.telegram .thumbnail-platform-badge{color:var(--q-telegram)}.post-details{flex:1;min-width:0}.post-title{font-size:14px;font-weight:600;color:var(--q-neutral-900);margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-description{font-size:12px;color:var(--q-neutral-500);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-channel-section{display:flex;align-items:center;gap:10px;min-width:0}.channel-avatar{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--q-radius-sm);flex-shrink:0}.channel-avatar.youtube{background:linear-gradient(135deg,var(--q-youtube) 0%,var(--q-youtube-dark) 100%);color:var(--q-neutral-0)}.channel-avatar.telegram{background:linear-gradient(135deg,var(--q-telegram) 0%,var(--q-telegram-dark) 100%);color:var(--q-neutral-0)}.channel-info{flex:1;min-width:0}.channel-name{display:block;font-size:13px;font-weight:500;color:var(--q-neutral-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-platform{display:block;font-size:11px;color:var(--q-neutral-400);text-transform:capitalize}.post-schedule-section{display:flex;flex-direction:column;gap:4px}.schedule-datetime{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--q-neutral-700)}.schedule-datetime svg{color:var(--q-neutral-400)}.schedule-countdown{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--q-warning-600)}.post-status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--q-radius-full);font-size:12px;font-weight:600;white-space:nowrap}.post-status-badge.scheduled{background:var(--q-warning-100);color:var(--q-warning-600)}.post-status-badge.processing{background:var(--q-info-100);color:var(--q-info-600)}.post-status-badge.published{background:var(--q-success-100);color:var(--q-success-600)}.post-status-badge.failed{background:var(--q-error-100);color:var(--q-error-600)}.post-status-badge.cancelled{background:var(--q-neutral-100);color:var(--q-neutral-500)}.post-status-badge .spin{animation:spinAnimation 1s linear infinite}.post-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.post-action-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--q-neutral-0);border:1px solid var(--q-neutral-200);border-radius:var(--q-radius-sm);color:var(--q-neutral-500);cursor:pointer;transition:all .2s var(--q-ease-out);text-decoration:none}.post-action-btn:hover{border-color:var(--q-neutral-300);color:var(--q-neutral-700)}.post-action-btn.edit:hover{background:var(--q-info-50);border-color:var(--q-info-300);color:var(--q-info-600)}.post-action-btn.cancel:hover{background:var(--q-error-50);border-color:var(--q-error-300);color:var(--q-error-600)}.post-action-btn.view:hover{background:var(--q-success-50);border-color:var(--q-success-300);color:var(--q-success-600)}.post-action-btn.disabled{opacity:.4;cursor:not-allowed}.post-action-btn.disabled:hover{background:var(--q-neutral-0);border-color:var(--q-neutral-200);color:var(--q-neutral-500)}.post-error-indicator{position:absolute;top:8px;right:8px;color:var(--q-error-500);cursor:help}.queue-post-card.skeleton{pointer-events:none}.queue-post-card.skeleton .skeleton-checkbox,.queue-post-card.skeleton .skeleton-thumbnail,.queue-post-card.skeleton .skeleton-avatar,.queue-post-card.skeleton .skeleton-line,.queue-post-card.skeleton .skeleton-badge,.queue-post-card.skeleton .skeleton-actions{background:linear-gradient(90deg,var(--q-neutral-100) 25%,var(--q-neutral-200) 50%,var(--q-neutral-100) 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s ease-in-out infinite;border-radius:var(--q-radius-sm)}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-checkbox{width:22px;height:22px;border-radius:6px!important}.skeleton-thumbnail{width:64px;height:48px}.skeleton-avatar{width:32px;height:32px}.skeleton-line{height:14px;margin-bottom:6px}.skeleton-line.title{width:180px}.skeleton-line.desc{width:120px;height:10px}.skeleton-line.short{width:80px;height:12px}.skeleton-line.shorter{width:50px;height:10px}.skeleton-line.medium{width:100px}.skeleton-badge{width:90px;height:28px;border-radius:var(--q-radius-full)!important}.skeleton-actions{width:80px;height:36px}.queue-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;background:var(--q-neutral-0);border:2px dashed var(--q-neutral-200);border-radius:var(--q-radius-xl);text-align:center}.empty-visual{position:relative;margin-bottom:32px}.empty-icon-container{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--q-primary-100) 0%,var(--q-primary-50) 100%);border-radius:var(--q-radius-xl);color:var(--q-primary-500)}.empty-icon-ring{position:absolute;inset:-8px;border:2px solid var(--q-primary-200);border-radius:var(--q-radius-xl);opacity:0;animation:emptyRingPulse 3s ease-out infinite}.empty-icon-ring.delay{animation-delay:1.5s}@keyframes emptyRingPulse{0%{transform:scale(1);opacity:.5}to{transform:scale(1.3);opacity:0}}.empty-particles{position:absolute;inset:-30px;pointer-events:none}.empty-particles span{position:absolute;width:10px;height:10px;background:var(--q-primary-300);border-radius:50%;opacity:0;animation:particleDrift 4s ease-in-out infinite}.empty-particles span:nth-child(1){top:10%;left:20%;animation-delay:0s}.empty-particles span:nth-child(2){top:30%;right:10%;animation-delay:1s}.empty-particles span:nth-child(3){bottom:20%;left:10%;animation-delay:2s}.empty-particles span:nth-child(4){bottom:10%;right:25%;animation-delay:3s}@keyframes particleDrift{0%,to{opacity:0;transform:translateY(0) scale(.5)}50%{opacity:.7;transform:translateY(-25px) scale(1)}}.empty-title{font-size:20px;font-weight:700;color:var(--q-neutral-900);margin:0 0 8px}.empty-description{font-size:15px;color:var(--q-neutral-500);margin:0 0 28px;max-width:360px;line-height:1.6}.empty-cta{display:flex;align-items:center;gap:10px;padding:14px 28px;background:linear-gradient(135deg,var(--q-primary-500) 0%,var(--q-primary-600) 100%);border:none;border-radius:var(--q-radius-md);color:var(--q-neutral-0);font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s var(--q-ease-out);box-shadow:0 4px 20px #ff6b354d}.empty-cta:hover{transform:translateY(-2px);box-shadow:0 8px 30px #ff6b3566}.queue-pagination{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--q-neutral-0);border:1px solid var(--q-neutral-200);border-radius:var(--q-radius-lg)}.pagination-info{display:flex;flex-direction:column;gap:2px}.pagination-info span{font-size:14px;font-weight:500;color:var(--q-neutral-700)}.pagination-total{font-size:12px!important;color:var(--q-neutral-400)!important;font-weight:400!important}.pagination-controls{display:flex;align-items:center;gap:12px}.pagination-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;background:var(--q-neutral-0);border:1px solid var(--q-neutral-200);border-radius:var(--q-radius-md);font-family:inherit;font-size:13px;font-weight:500;color:var(--q-neutral-700);cursor:pointer;transition:all .2s var(--q-ease-out)}.pagination-btn:hover:not(:disabled){border-color:var(--q-primary-400);color:var(--q-primary-600);background:var(--q-primary-50)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-pages{display:flex;gap:4px}.page-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--q-neutral-0);border:1px solid var(--q-neutral-200);border-radius:var(--q-radius-sm);font-family:inherit;font-size:13px;font-weight:600;color:var(--q-neutral-600);cursor:pointer;transition:all .2s var(--q-ease-out)}.page-btn:hover{border-color:var(--q-neutral-300);background:var(--q-neutral-50)}.page-btn.active{background:var(--q-primary-500);border-color:var(--q-primary-500);color:var(--q-neutral-0)}.queue-modal-backdrop{position:fixed;inset:0;background:#09090bb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:modalBackdropFade .3s var(--q-ease-out)}@keyframes modalBackdropFade{0%{opacity:0}to{opacity:1}}.queue-modal{position:relative;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;background:var(--q-neutral-0);border:1px solid var(--q-neutral-200);border-radius:var(--q-radius-2xl);box-shadow:var(--q-shadow-xl);animation:modalSlideIn .4s var(--q-ease-bounce)}.queue-modal.confirm{max-width:420px;padding:36px;text-align:center}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-glow{position:absolute;top:-100px;left:50%;transform:translate(-50%);width:300px;height:200px;background:radial-gradient(ellipse,var(--q-primary-200) 0%,transparent 70%);opacity:.2;pointer-events:none}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid var(--q-neutral-100)}.modal-title-section{display:flex;align-items:center;gap:14px}.modal-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--q-radius-md);color:var(--q-neutral-0)}.modal-icon.youtube{background:linear-gradient(135deg,var(--q-youtube) 0%,var(--q-youtube-dark) 100%)}.modal-icon.telegram{background:linear-gradient(135deg,var(--q-telegram) 0%,var(--q-telegram-dark) 100%)}.modal-header h3{font-size:18px;font-weight:700;color:var(--q-neutral-900);margin:0}.modal-close-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--q-neutral-100);border:none;border-radius:var(--q-radius-md);color:var(--q-neutral-500);cursor:pointer;transition:all .2s var(--q-ease-out)}.modal-close-btn:hover{background:var(--q-neutral-200);color:var(--q-neutral-700)}.modal-body{padding:28px}.form-group:last-child{margin-bottom:0}.form-group label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--q-neutral-600);text-transform:uppercase;letter-spacing:.3px;margin-bottom:10px}.form-group label svg{color:var(--q-neutral-400)}.form-input,.form-textarea{width:100%;padding:12px 14px;background:var(--q-neutral-0);border:1px solid var(--q-neutral-200);border-radius:var(--q-radius-md);font-family:inherit;font-size:14px;color:var(--q-neutral-800);transition:all .2s var(--q-ease-out)}.form-input:hover,.form-textarea:hover{border-color:var(--q-neutral-300)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--q-primary-500);box-shadow:0 0 0 3px #ff6b351a}.form-textarea{resize:vertical;min-height:100px}.form-hint{display:block;margin-top:8px;font-size:12px;color:var(--q-neutral-400)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:20px 28px;border-top:1px solid var(--q-neutral-100)}.modal-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--q-radius-md);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s var(--q-ease-out)}.modal-btn.secondary{background:var(--q-neutral-100);border:1px solid var(--q-neutral-200);color:var(--q-neutral-700)}.modal-btn.secondary:hover{background:var(--q-neutral-200)}.modal-btn.primary{background:var(--q-primary-500);border:none;color:var(--q-neutral-0)}.modal-btn.primary:hover{background:var(--q-primary-600);transform:translateY(-1px);box-shadow:0 4px 16px #ff6b354d}.modal-btn.danger{background:var(--q-error-500);border:none;color:var(--q-neutral-0)}.modal-btn.danger:hover{background:var(--q-error-600)}.modal-btn:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.modal-btn .spin{animation:spinAnimation 1s linear infinite}.confirm-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--q-error-100);border-radius:var(--q-radius-xl);color:var(--q-error-500);margin:0 auto 24px}.confirm-title{font-size:22px;font-weight:700;color:var(--q-neutral-900);margin:0 0 12px}.confirm-description{font-size:15px;color:var(--q-neutral-500);line-height:1.6;margin:0 0 28px}.confirm-actions{display:flex;gap:12px}.confirm-actions .modal-btn{flex:1}@media(max-width:640px){.queue-page-v2{padding:0}.queue-toast{top:12px;right:12px;left:12px;padding:14px 16px}.queue-hero{padding:0 0 20px}.hero-title{font-size:24px}.queue-limits-row{flex-direction:column;gap:12px}.queue-limit-pill{min-width:100%}.queue-controls{flex-direction:column;align-items:stretch;gap:16px}.queue-tabs{width:100%}.queue-tab-btn{flex:1}.queue-filters{flex-direction:column;width:100%}.queue-filter-dropdown,.filter-dropdown-trigger{width:100%}.bulk-actions{width:100%;padding-left:0;border-left:none;margin-left:0;padding-top:12px;border-top:1px solid var(--q-neutral-200);justify-content:space-between}.queue-post-card{grid-template-columns:1fr;gap:16px;padding:20px}.post-checkbox-container{position:absolute;top:20px;right:20px}.post-content-section{width:100%}.post-channel-section{width:100%;padding-top:12px;border-top:1px solid var(--q-neutral-100)}.post-schedule-section{width:100%}.post-status-badge{width:fit-content}.post-actions{width:100%;justify-content:flex-start;padding-top:12px;border-top:1px solid var(--q-neutral-100)}.post-error-indicator{top:auto;bottom:20px;right:20px}.queue-pagination{flex-direction:column;gap:16px;text-align:center}.pagination-controls{width:100%;justify-content:space-between}.pagination-pages{display:none}.queue-modal{max-width:100%;margin:16px;border-radius:var(--q-radius-xl)}.queue-modal.confirm{padding:28px}.confirm-actions{flex-direction:column}}@media(min-width:641px)and (max-width:1024px){.queue-limits-row{flex-wrap:wrap}.queue-limit-pill{flex:1 1 calc(25% - 12px);min-width:140px}.queue-post-card{grid-template-columns:40px 1fr 140px 120px 100px 70px;gap:12px;padding:16px 20px}.post-thumbnail{width:56px;height:42px}.channel-avatar{width:28px;height:28px}}@media(min-width:1025px){.queue-hero{padding:0 0 28px}.hero-title{font-size:36px}.queue-limits-row{gap:20px;margin-bottom:28px}.queue-limit-pill{padding:18px 22px}.queue-post-card{padding:24px 28px}.post-thumbnail{width:72px;height:54px}.post-title{font-size:15px}.queue-pagination{padding:20px 28px}}.queue-tab-btn:focus-visible,.filter-dropdown-trigger:focus-visible,.bulk-cancel-btn:focus-visible,.post-action-btn:focus-visible,.empty-cta:focus-visible,.pagination-btn:focus-visible,.page-btn:focus-visible,.modal-btn:focus-visible,.modal-close-btn:focus-visible,.toast-close:focus-visible{outline:2px solid var(--q-primary-500);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.queue-animated-bg,.queue-toast,.queue-modal-backdrop{display:none!important}.queue-page-v2{background:#fff}.queue-stat-card,.queue-post-card{box-shadow:none!important;border:1px solid #ddd!important}}:root{--primary: #FF6B35;--primary-dark: #E55A2B;--primary-light: #FF8F66;--primary-glow: rgba(255, 107, 53, .12);--primary-glow-strong: rgba(255, 107, 53, .2);--success: #10B981;--warning: #F59E0B;--warning-light: #FEF3C7;--error: #dc2626;--error-light: #FEE2E2}.dashboard{display:flex;min-height:100vh;background:#f8f9fa;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.sidebar{width:260px;background:#fff;display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;z-index:100;transition:width .2s ease,transform .3s ease;border-right:1px solid #e4e4e7;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar.collapsed{width:68px}.sidebar.collapsed .sidebar-logo-text,.sidebar.collapsed .sidebar-section-label,.sidebar.collapsed .nav-label,.sidebar.collapsed .sidebar-profile-info,.sidebar.collapsed .sidebar-profile-chevron,.sidebar.collapsed .nav-item-indicator{display:none}.sidebar.collapsed .nav-item,.sidebar.collapsed .sidebar-profile-btn{justify-content:center;padding:12px}.sidebar.collapsed .sidebar-nav,.sidebar.collapsed .sidebar-footer{padding:12px 10px}.sidebar.collapsed .sidebar-logo{justify-content:center;padding:16px 10px}.sidebar-toggle-btn{position:absolute;top:50%;right:-14px;transform:translateY(-50%);width:28px;height:28px;background:#fff;border:1px solid #e4e4e7;border-radius:50%;cursor:pointer;display:none;align-items:center;justify-content:center;color:#71717a;z-index:101;box-shadow:0 2px 8px #0000001a;opacity:0;transition:all .2s ease}.sidebar:hover .sidebar-toggle-btn,.sidebar-toggle-btn:focus,.sidebar.collapsed .sidebar-toggle-btn{opacity:1}.sidebar-toggle-btn:hover{background:#f4f4f5;color:var(--primary);transform:translateY(-50%) scale(1.05)}.sidebar-toggle-btn svg{width:16px;height:16px}.sidebar-logo{padding:20px 16px;border-bottom:1px solid #e4e4e7;display:flex;align-items:center;gap:12px;cursor:pointer}.sidebar-logo-icon{position:relative;width:40px;height:40px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #ff6b3540}.sidebar-logo-dot{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;background:var(--success);border-radius:50%;border:2px solid #ffffff}.sidebar-logo-text{font-size:18px;font-weight:700;color:#1a1a2e;white-space:nowrap}.logo-accent{color:var(--primary)}.sidebar-section-label{padding:16px 16px 8px}.sidebar-section-label span{font-size:11px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.sidebar-nav{flex:1;padding:4px 12px 12px;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:#d4d4d8;border-radius:2px}.nav-item{position:relative;display:flex;align-items:center;gap:12px;width:100%;padding:11px 14px;background:transparent;border:none;border-radius:10px;color:#52525b;font-family:inherit;font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:all .15s ease;margin-bottom:4px}.nav-item:hover{background:#f4f4f5;color:#1a1a2e}.nav-item.active{background:var(--primary-glow);color:var(--primary)}.nav-item.active:hover{background:var(--primary-glow-strong)}.nav-item-indicator{position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--primary);border-radius:0 4px 4px 0}.nav-icon-wrapper{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.nav-icon{color:var(--primary);width:20px;height:20px}.nav-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-upgrade-card{position:relative;margin:8px 12px 16px;padding:20px 16px;background:linear-gradient(135deg,#1a1a2e,#2d2d44);border-radius:14px;overflow:hidden}.upgrade-card-glow{position:absolute;top:-50%;right:-30%;width:100%;height:150%;background:radial-gradient(circle,rgba(255,107,53,.2) 0%,transparent 70%);pointer-events:none}.upgrade-card-icon{width:40px;height:40px;background:var(--primary-glow-strong);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--primary);margin-bottom:12px}.upgrade-card-title{font-size:15px;font-weight:600;color:#fff;margin:0 0 6px}.upgrade-card-desc{font-size:12px;color:#9ca3af;margin:0 0 16px;line-height:1.5}.upgrade-card-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px 16px;background:var(--primary);border:none;border-radius:8px;color:#fff;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.upgrade-card-btn:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #ff6b3559}.sidebar-footer{padding:12px 10px;border-top:1px solid #e4e4e7}.sidebar-profile-container{position:relative}.sidebar-profile-btn{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:transparent;border:1px solid transparent;border-radius:10px;cursor:pointer;transition:all .2s ease;text-align:left}.sidebar-profile-btn:hover{background:#f4f4f5}.sidebar-profile-btn.active{background:#f4f4f5;border-color:#e4e4e7}.sidebar-profile-avatar{width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #ff6b3533}.sidebar-profile-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.sidebar-profile-email{font-size:13px;font-weight:500;color:#1a1a2e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-profile-plan{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:#71717a}.sidebar-profile-plan svg{flex-shrink:0}.sidebar-profile-plan.pro{color:var(--primary)}.sidebar-profile-plan.trial{color:var(--warning)}.sidebar-profile-chevron{color:#71717a;transition:transform .2s ease;width:14px;height:14px}.sidebar-profile-chevron.open{transform:rotate(180deg)}.sidebar-profile-dropdown{position:absolute;bottom:calc(100% + 8px);left:0;right:0;background:#fff;border-radius:14px;box-shadow:0 -4px 24px #0000001f,0 0 0 1px #0000000d;z-index:1000;animation:dropdownSlideUp .2s ease-out;overflow:hidden}@keyframes dropdownSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sidebar-dropdown-warning{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--warning-light);color:var(--warning);font-size:12px;font-weight:500}.sidebar-dropdown-divider{height:1px;background:#e4e4e7;margin:4px 0}.sidebar-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:transparent;border:none;color:#52525b;font-family:inherit;font-size:13px;font-weight:500;text-align:left;text-decoration:none;cursor:pointer;transition:all .15s ease}.sidebar-dropdown-item:hover{background:#f4f4f5;color:#1a1a2e}.sidebar-dropdown-item:hover svg{color:var(--primary)}.sidebar-dropdown-item svg{color:#71717a;width:18px;height:18px;transition:color .15s ease}.dropdown-external-icon{margin-left:auto;opacity:.5;width:14px!important;height:14px!important}.sidebar-dropdown-item.logout{color:var(--error)}.sidebar-dropdown-item.logout svg{color:var(--error)}.sidebar-dropdown-item.logout:hover{background:var(--error-light)}.sidebar-dropdown-item.logout:hover svg{color:var(--error)}.mobile-header{display:flex;position:fixed;top:0;left:0;right:0;height:56px;background:#fff;border-bottom:1px solid #e4e4e7;padding:0 12px;align-items:center;justify-content:space-between;z-index:101}.hamburger-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:1px solid #e4e4e7;border-radius:10px;color:#1a1a2e;cursor:pointer;transition:all .15s ease}.hamburger-btn:hover{background:#f4f4f5}.mobile-logo{display:flex;align-items:center;gap:8px;cursor:pointer}.mobile-logo-icon{position:relative;width:32px;height:32px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.mobile-logo-dot{position:absolute;bottom:-2px;right:-2px;width:10px;height:10px;background:var(--success);border-radius:50%;border:2px solid #ffffff}.mobile-logo-text{font-size:16px;font-weight:700;color:#1a1a2e}.mobile-logo-text span{color:var(--primary)}.mobile-avatar{width:36px;height:36px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center}.desktop-header{display:none!important}.sidebar-overlay{display:block;position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-overlay.visible{opacity:1;pointer-events:auto}.main-content{flex:1;margin-left:0;padding:68px 12px 24px;background:#f8f9fa;min-height:100vh;width:100%;box-sizing:border-box;transition:margin-left .2s ease}.main-content>*{max-width:100%}.settings-btn{display:none}.coming-soon-badge{font-size:9px;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;padding:2px 6px;border-radius:4px;font-weight:600;text-transform:uppercase}.nav-item:focus-visible,.sidebar-profile-btn:focus-visible,.hamburger-btn:focus-visible,.sidebar-dropdown-item:focus-visible,.upgrade-card-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media(max-width:320px){.mobile-header{height:52px;padding:0 8px}.hamburger-btn{width:36px;height:36px}.mobile-logo-icon{width:28px;height:28px}.mobile-logo-dot{width:8px;height:8px}.mobile-logo-text{font-size:14px}.mobile-avatar{width:32px;height:32px;font-size:12px}.sidebar{width:240px}.sidebar-logo{padding:14px 12px}.sidebar-logo-icon{width:34px;height:34px}.sidebar-logo-text{font-size:16px}.sidebar-section-label{padding:12px 12px 6px}.sidebar-nav{padding:4px 8px 10px}.nav-item{padding:9px 10px;font-size:12px;gap:10px;border-radius:8px}.nav-icon{width:18px;height:18px}.sidebar-upgrade-card{margin:6px 8px 12px;padding:16px 12px;border-radius:12px}.upgrade-card-icon{width:34px;height:34px}.upgrade-card-title{font-size:13px}.upgrade-card-desc{font-size:11px}.upgrade-card-btn{padding:8px 12px;font-size:12px}.sidebar-footer{padding:8px}.sidebar-profile-btn{padding:8px 10px;gap:8px;border-radius:8px}.sidebar-profile-avatar{width:28px;height:28px;font-size:11px;border-radius:6px}.sidebar-profile-email{font-size:11px}.sidebar-profile-plan{font-size:9px}.sidebar-profile-chevron{width:12px;height:12px}.sidebar-profile-dropdown{border-radius:12px}.sidebar-dropdown-item{padding:8px 10px;font-size:12px;gap:8px}.sidebar-dropdown-item svg{width:16px;height:16px}.main-content{padding:60px 8px 16px}}@media(min-width:321px)and (max-width:360px){.mobile-header{height:54px;padding:0 10px}.hamburger-btn{width:38px;height:38px}.mobile-logo-icon{width:30px;height:30px}.mobile-logo-text{font-size:15px}.mobile-avatar{width:34px;height:34px;font-size:13px}.sidebar{width:260px}.sidebar-logo{padding:16px 14px}.sidebar-logo-icon{width:36px;height:36px}.sidebar-logo-text{font-size:17px}.sidebar-nav{padding:4px 10px 10px}.nav-item{padding:10px 12px;font-size:13px;gap:10px}.sidebar-upgrade-card{margin:6px 10px 14px;padding:18px 14px}.sidebar-footer{padding:10px}.sidebar-profile-btn{padding:10px 12px}.sidebar-profile-avatar{width:30px;height:30px;font-size:12px}.main-content{padding:66px 10px 20px}}@media(min-width:361px)and (max-width:414px){.mobile-header{height:56px;padding:0 12px}.sidebar{width:280px}.sidebar-logo{padding:18px 16px}.sidebar-logo-icon{width:38px;height:38px}.sidebar-logo-text{font-size:18px}.sidebar-nav{padding:4px 12px 12px}.nav-item{padding:11px 14px;font-size:14px;gap:12px;border-radius:10px}.sidebar-upgrade-card{margin:8px 12px 16px;padding:20px 16px}.sidebar-footer{padding:12px}.sidebar-profile-avatar{width:32px;height:32px;font-size:13px}.sidebar-dropdown-item{padding:11px 14px;font-size:13px}.main-content{padding:68px 12px 24px}}@media(min-width:415px)and (max-width:480px){.mobile-header{height:58px;padding:0 14px}.hamburger-btn{width:42px;height:42px}.mobile-logo-icon{width:34px;height:34px}.mobile-logo-text{font-size:17px}.mobile-avatar{width:38px;height:38px;font-size:15px}.sidebar{width:300px}.sidebar-logo{padding:20px 18px}.sidebar-logo-icon{width:40px;height:40px}.sidebar-nav{padding:4px 14px 14px}.nav-item{padding:12px 16px;font-size:14px;gap:12px}.sidebar-upgrade-card{margin:8px 14px 18px;padding:22px 18px}.sidebar-footer{padding:14px}.sidebar-profile-btn{padding:12px 14px;border-radius:10px}.sidebar-profile-avatar{width:34px;height:34px;font-size:14px}.sidebar-profile-email{font-size:14px}.sidebar-dropdown-item{padding:12px 16px;font-size:14px;gap:12px}.main-content{padding:70px 16px 24px}}@media(min-width:481px)and (max-width:600px){.mobile-header{height:60px;padding:0 16px}.hamburger-btn{width:44px;height:44px}.mobile-logo-icon{width:36px;height:36px}.mobile-logo-text{font-size:18px}.mobile-avatar{width:40px;height:40px;font-size:16px}.sidebar{width:300px;box-shadow:4px 0 24px #0000001a}.sidebar-logo{padding:22px 18px}.sidebar-logo-icon{width:42px;height:42px}.sidebar-logo-text{font-size:19px}.sidebar-nav{padding:4px 14px 14px}.nav-item{padding:12px 16px;font-size:14px;gap:12px}.sidebar-upgrade-card{margin:8px 14px 18px;padding:22px 18px;border-radius:14px}.sidebar-footer{padding:14px}.sidebar-profile-avatar{width:36px;height:36px;font-size:14px}.sidebar-profile-dropdown{border-radius:14px}.sidebar-dropdown-item{padding:12px 16px;font-size:14px}.main-content{padding:72px 20px 28px}}@media(min-width:601px)and (max-width:768px){.mobile-header{height:64px;padding:0 20px}.hamburger-btn{width:46px;height:46px}.mobile-logo-icon{width:38px;height:38px}.mobile-logo-text{font-size:19px}.mobile-avatar{width:42px;height:42px;font-size:17px}.sidebar{width:320px;box-shadow:4px 0 24px #0000001a}.sidebar-logo{padding:24px 20px}.sidebar-logo-icon{width:44px;height:44px}.sidebar-logo-text{font-size:20px}.sidebar-nav{padding:4px 16px 16px}.nav-item{padding:13px 18px;font-size:15px;gap:12px}.nav-icon{width:20px;height:20px}.sidebar-upgrade-card{margin:8px 16px 20px;padding:24px 20px;border-radius:14px}.upgrade-card-title{font-size:16px}.upgrade-card-desc{font-size:13px}.sidebar-footer{padding:16px}.sidebar-profile-btn{padding:12px 16px;border-radius:12px}.sidebar-profile-avatar{width:38px;height:38px;font-size:15px;border-radius:10px}.sidebar-profile-email{font-size:14px}.sidebar-profile-plan{font-size:12px}.sidebar-profile-dropdown{border-radius:14px}.sidebar-dropdown-item{padding:13px 18px;font-size:14px}.main-content{padding:76px 24px 32px}}@media(min-width:769px)and (max-width:1024px){.mobile-header,.sidebar-overlay{display:none}.sidebar{transform:translate(0);width:240px}.sidebar.collapsed{width:68px}.sidebar-toggle-btn{display:flex}.sidebar-logo{padding:20px 16px}.sidebar-logo-icon{width:38px;height:38px}.sidebar-logo-text{font-size:17px}.sidebar-section-label{padding:14px 14px 6px}.sidebar-nav{padding:4px 12px 12px}.nav-item{padding:11px 14px;font-size:14px;gap:10px;border-radius:8px}.nav-icon{width:18px;height:18px}.sidebar-upgrade-card{margin:6px 12px 14px;padding:18px 14px;border-radius:12px}.upgrade-card-icon{width:36px;height:36px}.upgrade-card-title{font-size:14px}.upgrade-card-desc{font-size:11px}.upgrade-card-btn{padding:9px 14px;font-size:12px}.sidebar-footer{padding:14px 12px}.sidebar-profile-btn{padding:10px 12px}.sidebar-profile-avatar{width:32px;height:32px;font-size:13px}.sidebar-profile-email{font-size:13px}.sidebar-profile-dropdown{border-radius:12px}.sidebar-dropdown-item{padding:10px 14px;font-size:13px}.main-content{margin-left:240px;padding:24px}.main-content.sidebar-collapsed{margin-left:68px}.main-content>*{max-width:1200px}}@media(min-width:1025px)and (max-width:1280px){.mobile-header,.sidebar-overlay{display:none}.sidebar{transform:translate(0);width:250px}.sidebar.collapsed{width:68px}.sidebar-toggle-btn{display:flex}.sidebar-logo{padding:22px 18px}.sidebar-logo-icon{width:40px;height:40px}.sidebar-logo-text{font-size:18px}.sidebar-nav{padding:4px 12px 14px}.nav-item{padding:11px 14px;font-size:14px;gap:12px;border-radius:10px}.nav-icon{width:20px;height:20px}.sidebar-upgrade-card{margin:8px 12px 16px;padding:20px 16px}.sidebar-footer{padding:14px 12px}.sidebar-profile-btn{padding:10px 12px;border-radius:10px}.sidebar-profile-avatar{width:34px;height:34px;font-size:14px}.sidebar-profile-email{font-size:13px}.sidebar-dropdown-item{padding:11px 14px;font-size:13px}.main-content{margin-left:250px;padding:24px 28px}.main-content.sidebar-collapsed{margin-left:68px}.main-content>*{max-width:1200px}}@media(min-width:1281px)and (max-width:1440px){.mobile-header,.sidebar-overlay{display:none}.sidebar{transform:translate(0);width:260px}.sidebar.collapsed{width:68px}.sidebar-toggle-btn{display:flex}.sidebar-logo{padding:24px 18px}.sidebar-logo-icon{width:42px;height:42px}.sidebar-logo-text{font-size:19px}.sidebar-nav{padding:4px 14px 16px}.nav-item{padding:12px 16px;font-size:14px;gap:12px;margin-bottom:4px}.sidebar-upgrade-card{margin:8px 14px 18px;padding:22px 18px;border-radius:14px}.sidebar-footer{padding:16px 14px}.sidebar-profile-btn{padding:12px 14px}.sidebar-profile-avatar{width:36px;height:36px;font-size:14px;border-radius:10px}.sidebar-profile-email{font-size:14px}.sidebar-profile-dropdown{border-radius:14px}.sidebar-dropdown-item{padding:12px 16px;font-size:14px}.main-content{margin-left:260px;padding:24px 32px}.main-content.sidebar-collapsed{margin-left:68px}.main-content>*{max-width:1300px}}@media(min-width:1441px)and (max-width:1680px){.mobile-header,.sidebar-overlay{display:none}.sidebar{transform:translate(0);width:270px}.sidebar.collapsed{width:68px}.sidebar-toggle-btn{display:flex}.sidebar-logo{padding:26px 20px}.sidebar-logo-icon{width:44px;height:44px}.sidebar-logo-text{font-size:20px}.sidebar-nav{padding:4px 16px 18px}.nav-item{padding:12px 18px;font-size:15px;gap:14px;margin-bottom:4px}.sidebar-upgrade-card{margin:8px 16px 20px;padding:24px 20px;border-radius:14px}.upgrade-card-title{font-size:16px}.upgrade-card-desc{font-size:13px}.sidebar-footer{padding:18px 16px}.sidebar-profile-btn{padding:12px 16px;border-radius:12px}.sidebar-profile-avatar{width:38px;height:38px;font-size:15px}.sidebar-profile-email{font-size:14px}.sidebar-profile-plan{font-size:12px}.sidebar-profile-dropdown{border-radius:14px}.sidebar-dropdown-item{padding:13px 18px;font-size:15px}.main-content{margin-left:270px;padding:28px 36px}.main-content.sidebar-collapsed{margin-left:68px}.main-content>*{max-width:1400px}}@media(min-width:1681px)and (max-width:1920px){.mobile-header,.sidebar-overlay{display:none}.sidebar{transform:translate(0);width:280px}.sidebar.collapsed{width:68px}.sidebar-toggle-btn{display:flex}.sidebar-logo{padding:28px 22px}.sidebar-logo-icon{width:46px;height:46px}.sidebar-logo-text{font-size:21px}.sidebar-nav{padding:4px 18px 20px}.nav-item{padding:13px 18px;font-size:15px;gap:14px;margin-bottom:4px}.sidebar-upgrade-card{margin:8px 18px 22px;padding:26px 22px;border-radius:16px}.sidebar-footer{padding:20px 18px}.sidebar-profile-btn{padding:14px 16px;border-radius:12px}.sidebar-profile-avatar{width:40px;height:40px;font-size:16px;border-radius:12px}.sidebar-profile-email{font-size:15px}.sidebar-profile-dropdown{border-radius:16px}.sidebar-dropdown-item{padding:14px 18px;font-size:15px}.main-content{margin-left:280px;padding:32px 40px}.main-content.sidebar-collapsed{margin-left:68px}.main-content>*{max-width:1500px}}@media(min-width:1921px)and (max-width:2560px){.mobile-header,.sidebar-overlay{display:none}.sidebar{transform:translate(0);width:300px}.sidebar.collapsed{width:72px}.sidebar-toggle-btn{display:flex}.sidebar-logo{padding:30px 24px}.sidebar-logo-icon{width:48px;height:48px}.sidebar-logo-dot{width:14px;height:14px}.sidebar-logo-text{font-size:22px}.sidebar-section-label{padding:20px 20px 10px}.sidebar-section-label span{font-size:12px}.sidebar-nav{padding:4px 20px 24px}.nav-item{padding:14px 20px;font-size:16px;gap:14px;border-radius:12px;margin-bottom:6px}.nav-icon{width:22px;height:22px}.nav-item-indicator{width:4px;height:24px}.sidebar-upgrade-card{margin:8px 20px 24px;padding:28px 24px;border-radius:16px}.upgrade-card-icon{width:44px;height:44px}.upgrade-card-title{font-size:17px}.upgrade-card-desc{font-size:13px}.upgrade-card-btn{padding:12px 18px;font-size:14px}.sidebar-footer{padding:24px 20px}.sidebar-profile-btn{padding:14px 18px;border-radius:14px;gap:12px}.sidebar-profile-avatar{width:44px;height:44px;font-size:18px;border-radius:12px}.sidebar-profile-email{font-size:15px}.sidebar-profile-plan{font-size:13px}.sidebar-profile-chevron{width:18px;height:18px}.sidebar-profile-dropdown{border-radius:16px}.sidebar-dropdown-item{padding:14px 20px;font-size:16px;gap:14px}.sidebar-dropdown-item svg{width:20px;height:20px}.main-content{margin-left:300px;padding:40px 48px}.main-content.sidebar-collapsed{margin-left:72px}.main-content>*{max-width:1600px}}@media(min-width:2561px){.mobile-header,.sidebar-overlay{display:none}.sidebar{transform:translate(0);width:340px}.sidebar.collapsed{width:80px}.sidebar-toggle-btn{display:flex;width:32px;height:32px}.sidebar-toggle-btn svg{width:18px;height:18px}.sidebar-logo{padding:34px 28px}.sidebar-logo-icon{width:52px;height:52px}.sidebar-logo-icon svg{width:24px;height:24px}.sidebar-logo-dot{width:16px;height:16px;border-width:3px}.sidebar-logo-text{font-size:24px}.sidebar-section-label{padding:24px 24px 12px}.sidebar-section-label span{font-size:13px}.sidebar-nav{padding:4px 24px 28px}.nav-item{padding:16px 24px;font-size:17px;gap:16px;border-radius:14px;margin-bottom:8px}.nav-icon{width:24px;height:24px}.nav-item-indicator{width:4px;height:28px}.sidebar-upgrade-card{margin:8px 24px 28px;padding:32px 28px;border-radius:18px}.upgrade-card-icon{width:48px;height:48px}.upgrade-card-icon svg{width:24px;height:24px}.upgrade-card-title{font-size:18px}.upgrade-card-desc{font-size:14px}.upgrade-card-btn{padding:14px 20px;font-size:15px;border-radius:10px}.sidebar-footer{padding:28px 24px}.sidebar-profile-btn{padding:16px 20px;border-radius:16px;gap:14px}.sidebar-profile-avatar{width:48px;height:48px;font-size:20px;border-radius:14px}.sidebar-profile-email{font-size:17px}.sidebar-profile-plan{font-size:14px}.sidebar-profile-chevron{width:20px;height:20px}.sidebar-profile-dropdown{border-radius:18px}.sidebar-dropdown-warning{padding:14px 20px;font-size:14px}.sidebar-dropdown-item{padding:16px 24px;font-size:17px;gap:16px}.sidebar-dropdown-item svg{width:24px;height:24px}.main-content{margin-left:340px;padding:48px 60px}.main-content.sidebar-collapsed{margin-left:80px}.main-content>*{max-width:1800px}}@media(max-height:500px)and (orientation:landscape){.sidebar-logo{padding:12px 14px}.sidebar-logo-icon{width:32px;height:32px}.sidebar-section-label{padding:10px 14px 4px}.sidebar-nav{padding:4px 10px 8px}.nav-item{padding:8px 12px;margin-bottom:2px}.sidebar-upgrade-card{display:none}.sidebar-footer,.sidebar-profile-btn{padding:8px 10px}.sidebar-profile-avatar{width:28px;height:28px}.main-content{padding-top:60px}}@media print{.sidebar,.mobile-header,.sidebar-overlay{display:none!important}.main-content{margin-left:0!important;padding:20px!important}}:root{--primary: #FF6B35;--primary-dark: #E55A2B;--primary-light: #FF8F66;--primary-glow: rgba(255, 107, 53, .12);--primary-glow-strong: rgba(255, 107, 53, .2);--success: #10B981;--success-light: #D1FAE5;--warning: #F59E0B;--warning-light: #FEF3C7;--error: #dc2626;--error-light: #FEE2E2}.settings-page{display:flex;min-height:100vh;background:#f8f9fa;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.settings-mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:56px;background:#fff;border-bottom:1px solid #e4e4e7;padding:0 12px;align-items:center;justify-content:space-between;z-index:101}.settings-back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:1px solid #e4e4e7;border-radius:10px;color:#1a1a2e;cursor:pointer;transition:all .15s ease}.settings-back-btn:hover{background:#f4f4f5}.settings-mobile-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#1a1a2e}.settings-mobile-title svg{color:var(--primary)}.settings-menu-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:1px solid #e4e4e7;border-radius:10px;color:#1a1a2e;cursor:pointer;transition:all .15s ease}.settings-menu-btn:hover{background:#f4f4f5}.settings-overlay{display:none;position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99;animation:fadeIn .2s ease}.settings-sidebar{width:280px;background:#fff;border-right:1px solid #e4e4e7;display:flex;flex-direction:column;flex-shrink:0;height:100vh;position:sticky;top:0}.settings-sidebar-header{padding:16px;border-bottom:1px solid #e4e4e7}.settings-back-link{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#f4f4f5;border:none;border-radius:10px;color:#52525b;font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;width:100%}.settings-back-link:hover{background:#e4e4e7;color:#1a1a2e}.settings-back-link svg{color:var(--primary)}.settings-sidebar-title{display:flex;align-items:center;gap:12px;padding:20px 16px}.settings-title-icon{width:44px;height:44px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #ff6b3540}.settings-title-text{display:flex;flex-direction:column;gap:2px}.settings-title-main{font-size:18px;font-weight:700;color:#1a1a2e}.settings-title-sub{font-size:12px;color:#71717a}.settings-section-label{padding:16px 16px 8px}.settings-section-label span{font-size:11px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.settings-nav{padding:4px 12px;display:flex;flex-direction:column;gap:4px}.settings-nav-item{position:relative;display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;background:transparent;border:none;border-radius:10px;color:#52525b;font-family:inherit;font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:all .15s ease}.settings-nav-item:hover{background:#f4f4f5;color:#1a1a2e}.settings-nav-item.active{background:var(--primary-glow);color:var(--primary)}.settings-nav-item.active:hover{background:var(--primary-glow-strong)}.settings-nav-indicator{position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--primary);border-radius:0 4px 4px 0}.settings-nav-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.settings-nav-icon svg{color:var(--primary)}.settings-nav-label{flex:1}.settings-nav-arrow{color:#d4d4d8;opacity:0;transition:opacity .15s ease}.settings-nav-item:hover .settings-nav-arrow,.settings-nav-item.active .settings-nav-arrow{opacity:1}.settings-nav-item.active .settings-nav-arrow{color:var(--primary)}.settings-upgrade-card{position:relative;margin:16px 12px;padding:20px 16px;background:linear-gradient(135deg,#1a1a2e,#2d2d44);border-radius:14px;overflow:hidden}.settings-upgrade-glow{position:absolute;top:-50%;right:-30%;width:100%;height:150%;background:radial-gradient(circle,rgba(255,107,53,.2) 0%,transparent 70%);pointer-events:none}.settings-upgrade-icon{width:40px;height:40px;background:var(--primary-glow-strong);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--primary);margin-bottom:12px}.settings-upgrade-title{font-size:15px;font-weight:600;color:#fff;margin:0 0 6px}.settings-upgrade-desc{font-size:12px;color:#9ca3af;margin:0 0 16px;line-height:1.5}.settings-upgrade-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px 16px;background:var(--primary);border:none;border-radius:8px;color:#fff;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.settings-upgrade-btn:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #ff6b3559}.settings-sidebar-footer{margin-top:auto;padding:16px 12px;border-top:1px solid #e4e4e7;display:flex;flex-direction:column;gap:12px}.settings-profile-info{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#f9fafb;border-radius:10px}.settings-profile-avatar{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.settings-profile-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.settings-profile-email{font-size:13px;font-weight:500;color:#1a1a2e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-profile-plan{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:#71717a}.settings-profile-plan.pro{color:var(--primary)}.settings-profile-plan.trial{color:var(--warning)}.settings-logout-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 14px;background:transparent;border:1px solid #fecaca;border-radius:10px;color:var(--error);font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.settings-logout-btn:hover{background:var(--error-light);border-color:var(--error)}.settings-main{flex:1;display:flex;flex-direction:column;min-height:100vh}.settings-desktop-header{display:flex;align-items:center;justify-content:space-between;padding:20px 32px;background:#fff;border-bottom:1px solid #e4e4e7}.settings-header-left{display:flex;align-items:center;gap:16px}.settings-header-back{display:flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;border:1px solid #e4e4e7;border-radius:8px;color:#52525b;font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.settings-header-back:hover{background:#f4f4f5;color:#1a1a2e}.settings-header-back svg{color:var(--primary)}.settings-header-divider{width:1px;height:24px;background:#e4e4e7}.settings-page-title{font-size:20px;font-weight:600;color:#1a1a2e;margin:0}.settings-header-right{display:flex;align-items:center;gap:12px}.settings-help-link{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#f4f4f5;border-radius:8px;color:#52525b;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s ease}.settings-help-link:hover{background:#e4e4e7;color:#1a1a2e}.settings-help-link svg{color:var(--primary)}.settings-content{flex:1;padding:32px;max-width:900px}.profile-section{display:flex;flex-direction:column;gap:20px}.profile-header-card{display:flex;align-items:center;gap:20px;padding:28px;background:linear-gradient(135deg,#fff,#fafafa);border:1px solid #e4e4e7;border-radius:16px;box-shadow:0 2px 8px #0000000a}.profile-header-avatar{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);border-radius:16px;color:#fff;font-size:28px;font-weight:700;box-shadow:0 4px 12px #ff6b3540}.profile-header-info h2{font-size:20px;font-weight:700;color:#1a1a2e;margin:0 0 4px}.profile-header-info p{font-size:14px;color:#71717a;margin:0 0 8px}.profile-member-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#f4f4f5;border-radius:20px;font-size:12px;font-weight:500;color:#52525b}.profile-member-badge svg{color:var(--primary)}.settings-card{background:#fff;border:1px solid #e4e4e7;border-radius:16px;overflow:hidden}.settings-card-header{display:flex;align-items:flex-start;gap:14px;padding:20px 24px;border-bottom:1px solid #f4f4f5;background:#fafafa}.settings-card-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--primary-glow);border-radius:12px;flex-shrink:0}.settings-card-icon svg{color:var(--primary)}.settings-card-title h3{font-size:16px;font-weight:600;color:#1a1a2e;margin:0 0 4px}.settings-card-title p{font-size:13px;color:#71717a;margin:0}.settings-card-content{padding:24px}.verification-status{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:12px}.verification-status.verified{background:var(--success-light)}.verification-status.pending{background:var(--warning-light)}.verification-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0}.verification-icon.success{background:#10b98126;color:var(--success)}.verification-icon.warning{background:#f59e0b26;color:var(--warning)}.verification-text{flex:1}.verification-text strong{display:block;font-size:14px;font-weight:600;color:#1a1a2e;margin-bottom:2px}.verification-text span{font-size:13px;color:#52525b}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;background:var(--primary);color:#fff;border:none;border-radius:10px;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #ff6b3540}.btn-primary:disabled{background:#d4d4d8;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary.full-width{width:100%}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;background:#f4f4f5;color:#52525b;border:1px solid #e4e4e7;border-radius:10px;font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-secondary:hover{background:#e4e4e7;color:#1a1a2e}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-upgrade{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;background:var(--primary);color:#fff;border:none;border-radius:10px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-upgrade:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #ff6b3540}.password-display{display:flex;align-items:center;justify-content:space-between;gap:16px}.password-masked{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#f4f4f5;border-radius:10px;color:#71717a;font-size:16px;letter-spacing:2px}.password-masked svg{color:var(--primary)}.password-form{max-width:420px}.form-field{margin-bottom:20px}.form-field label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.input-with-icon{position:relative}.input-with-icon input{width:100%;padding:12px 44px 12px 16px;border:1px solid #e4e4e7;border-radius:10px;font-family:inherit;font-size:14px;color:#1a1a2e;transition:all .2s ease;background:#fff}.input-with-icon input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.input-with-icon input.valid{border-color:var(--success)}.input-with-icon input.valid:focus{box-shadow:0 0 0 3px #10b9811a}.input-with-icon input.invalid{border-color:var(--error)}.input-with-icon input.invalid:focus{box-shadow:0 0 0 3px #dc26261a}.input-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;display:flex}.input-toggle:hover{color:#52525b}.pwd-requirements{margin-top:12px;padding:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.pwd-strength-bar{height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden;margin-bottom:8px}.pwd-strength-fill{height:100%;border-radius:2px;transition:all .3s ease}.pwd-strength-fill.weak{background:var(--error)}.pwd-strength-fill.medium{background:var(--warning)}.pwd-strength-fill.strong{background:var(--success)}.pwd-strength-label{font-size:12px;font-weight:500;margin-bottom:12px;min-height:16px}.pwd-strength-label.weak{color:var(--error)}.pwd-strength-label.medium{color:var(--warning)}.pwd-strength-label.strong{color:var(--success)}.pwd-requirements-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.pwd-requirements-list li{display:flex;align-items:center;gap:8px;font-size:12px;transition:all .2s ease}.pwd-requirements-list li.met{color:var(--success)}.pwd-requirements-list li.unmet{color:#9ca3af}.pwd-requirements-list li.unmet svg{color:#d1d5db}.password-match-status{display:flex;align-items:center;gap:6px;padding:10px 14px;border-radius:10px;font-size:13px;font-weight:500;margin-bottom:16px}.password-match-status.match{background:var(--success-light);color:#166534}.password-match-status.no-match{background:var(--error-light);color:var(--error)}.alert{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;font-size:14px;font-weight:500;margin-bottom:16px}.alert.success{background:var(--success-light);color:#166534}.alert.error{background:var(--error-light);color:var(--error)}.form-actions{display:flex;gap:12px;margin-top:24px}.billing-section{display:flex;flex-direction:column;gap:24px}.current-plan-card{background:#fff;border:1px solid #e4e4e7;border-radius:16px;padding:24px;transition:all .2s ease}.current-plan-card.trial{border-color:var(--warning);background:linear-gradient(135deg,#fffbeb,#fef3c7)}.current-plan-card.urgent{border-color:var(--error);background:linear-gradient(135deg,#fef2f2,#fee2e2)}.current-plan-card.active{border-color:var(--success);background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.current-plan-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.current-plan-info{flex:1}.current-plan-name{display:flex;align-items:center;gap:12px;margin-bottom:6px}.current-plan-name svg{color:var(--primary)}.current-plan-name h3{font-size:18px;font-weight:700;color:#1a1a2e;margin:0}.plan-status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.plan-status-badge.trial{background:var(--warning);color:#fff}.plan-status-badge.active{background:var(--success);color:#fff}.plan-status-badge.expired{background:var(--error);color:#fff}.plan-status-badge.inactive{background:#9ca3af;color:#fff}.current-plan-meta{font-size:14px;color:#52525b;margin:0}.current-plan-card.trial .current-plan-meta{color:#92400e}.current-plan-card.urgent .current-plan-meta{color:var(--error);font-weight:500}.trial-warning{display:flex;align-items:center;gap:10px;margin-top:16px;padding:12px 16px;background:#f59e0b26;border-radius:10px;font-size:13px;font-weight:500;color:#92400e}.modal-backdrop{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-container{position:relative;background:#fff;border-radius:20px;padding:32px;max-width:420px;width:100%;text-align:center;box-shadow:0 20px 60px #0003;animation:modalIn .3s ease-out}@keyframes modalIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f4f4f5;border:none;border-radius:10px;color:#71717a;cursor:pointer;transition:all .15s ease}.modal-close:hover{background:#e4e4e7;color:#1a1a2e}.modal-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--primary-glow);border-radius:16px;margin:0 auto 20px;color:var(--primary)}.modal-container h2{font-size:22px;font-weight:700;color:#1a1a2e;margin:0 0 8px}.modal-container>p{font-size:14px;color:#71717a;margin:0 0 28px;line-height:1.5}.modal-container>p strong{color:#1a1a2e}.otp-inputs{display:flex;gap:10px;justify-content:center;margin-bottom:24px}.otp-input{width:48px;height:56px;border:2px solid #e4e4e7;border-radius:12px;font-family:inherit;font-size:24px;font-weight:600;text-align:center;color:#1a1a2e;transition:all .2s ease;background:#f9fafb}.otp-input:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px var(--primary-glow)}.otp-resend{margin-top:20px}.resend-timer{font-size:14px;color:#9ca3af}.resend-link{background:none;border:none;color:var(--primary);font-family:inherit;font-size:14px;font-weight:500;cursor:pointer}.resend-link:hover{text-decoration:underline}@media(max-width:480px){.settings-mobile-header{display:flex}.settings-overlay{display:block}.settings-sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;z-index:100;transform:translate(-100%);transition:transform .3s ease}.settings-sidebar.open{transform:translate(0);box-shadow:4px 0 24px #00000026}.settings-desktop-header{display:none}.settings-main{padding-top:56px}.settings-content{padding:16px}.profile-header-card{flex-direction:column;text-align:center;padding:24px 20px;gap:16px}.profile-header-avatar{width:64px;height:64px;font-size:24px}.profile-header-info h2{font-size:18px}.settings-card-header{padding:16px 20px}.settings-card-content{padding:20px}.verification-status{flex-direction:column;text-align:center;gap:12px}.verification-status .btn-primary{width:100%}.password-display{flex-direction:column;align-items:stretch;gap:12px}.password-display .btn-secondary{width:100%}.form-actions{flex-direction:column}.form-actions .btn-secondary,.form-actions .btn-primary{width:100%}.current-plan-header{flex-direction:column;align-items:stretch;gap:16px}.current-plan-header .btn-upgrade{width:100%;justify-content:center}.modal-container{padding:24px 20px;margin:16px}.otp-inputs{gap:8px}.otp-input{width:42px;height:50px;font-size:20px}}@media(min-width:481px)and (max-width:768px){.settings-mobile-header{display:flex;height:60px;padding:0 16px}.settings-overlay{display:block}.settings-sidebar{position:fixed;top:0;left:0;bottom:0;width:300px;z-index:100;transform:translate(-100%);transition:transform .3s ease}.settings-sidebar.open{transform:translate(0);box-shadow:4px 0 24px #00000026}.settings-desktop-header{display:none}.settings-main{padding-top:60px}.settings-content{padding:24px}.profile-header-card{padding:24px;gap:18px}}@media(min-width:769px)and (max-width:1024px){.settings-mobile-header,.settings-overlay{display:none}.settings-sidebar{width:240px}.settings-sidebar-title{padding:16px 14px}.settings-title-icon{width:40px;height:40px}.settings-title-main{font-size:16px}.settings-nav-item{padding:10px 12px;font-size:13px}.settings-upgrade-card{margin:12px 10px;padding:18px 14px}.settings-upgrade-title{font-size:14px}.settings-content{padding:24px;max-width:700px}.settings-page-title{font-size:18px}}@media(min-width:1025px)and (max-width:1280px){.settings-sidebar{width:260px}.settings-content{padding:28px;max-width:800px}}@media(min-width:1281px)and (max-width:1440px){.settings-sidebar{width:280px}.settings-sidebar-title{padding:24px 18px}.settings-title-icon{width:48px;height:48px}.settings-title-main{font-size:20px}.settings-nav{padding:4px 14px}.settings-nav-item{padding:13px 16px;font-size:14px}.settings-desktop-header{padding:24px 40px}.settings-page-title{font-size:22px}.settings-content{padding:36px 40px;max-width:900px}.profile-header-card{padding:32px}.profile-header-avatar{width:80px;height:80px;font-size:32px}.profile-header-info h2{font-size:22px}}@media(min-width:1441px)and (max-width:1920px){.settings-sidebar{width:300px}.settings-sidebar-header{padding:20px}.settings-back-link{padding:12px 16px;font-size:14px}.settings-sidebar-title{padding:28px 20px}.settings-title-icon{width:52px;height:52px}.settings-title-main{font-size:22px}.settings-title-sub{font-size:13px}.settings-section-label{padding:20px 20px 10px}.settings-section-label span{font-size:12px}.settings-nav{padding:4px 16px;gap:6px}.settings-nav-item{padding:14px 18px;font-size:15px;border-radius:12px}.settings-upgrade-card{margin:20px 16px;padding:24px 20px;border-radius:16px}.settings-upgrade-title{font-size:16px}.settings-upgrade-desc{font-size:13px}.settings-sidebar-footer{padding:20px 16px}.settings-profile-info{padding:12px 14px}.settings-profile-avatar{width:40px;height:40px;font-size:16px}.settings-profile-email{font-size:14px}.settings-logout-btn{padding:12px 16px;font-size:14px}.settings-desktop-header{padding:28px 48px}.settings-header-back{padding:10px 16px;font-size:14px}.settings-page-title{font-size:24px}.settings-help-link{padding:10px 16px;font-size:14px}.settings-content{padding:40px 48px;max-width:960px}.profile-header-card{padding:36px;border-radius:20px}.profile-header-avatar{width:88px;height:88px;font-size:36px;border-radius:20px}.profile-header-info h2{font-size:24px}.profile-header-info p{font-size:15px}.settings-card{border-radius:18px}.settings-card-header{padding:24px 28px}.settings-card-icon{width:48px;height:48px}.settings-card-title h3{font-size:17px}.settings-card-title p{font-size:14px}.settings-card-content{padding:28px}.current-plan-card{padding:28px;border-radius:18px}.current-plan-name h3{font-size:20px}.modal-container{padding:40px;border-radius:24px}.modal-icon{width:72px;height:72px}.modal-container h2{font-size:24px}.otp-input{width:52px;height:60px;font-size:26px}}@media(min-width:1921px){.settings-sidebar{width:340px}.settings-sidebar-header{padding:24px}.settings-back-link{padding:14px 18px;font-size:15px;border-radius:12px}.settings-sidebar-title{padding:32px 24px}.settings-title-icon{width:56px;height:56px;border-radius:14px}.settings-title-main{font-size:24px}.settings-title-sub{font-size:14px}.settings-section-label{padding:24px 24px 12px}.settings-section-label span{font-size:13px}.settings-nav{padding:4px 20px;gap:8px}.settings-nav-item{padding:16px 20px;font-size:16px;border-radius:14px}.settings-nav-icon{width:28px;height:28px}.settings-upgrade-card{margin:24px 20px;padding:28px 24px;border-radius:18px}.settings-upgrade-icon{width:48px;height:48px}.settings-upgrade-title{font-size:18px}.settings-upgrade-desc{font-size:14px}.settings-upgrade-btn{padding:12px 20px;font-size:14px}.settings-sidebar-footer{padding:24px 20px}.settings-profile-info{padding:14px 16px;border-radius:12px}.settings-profile-avatar{width:44px;height:44px;font-size:18px;border-radius:10px}.settings-profile-email{font-size:15px}.settings-profile-plan{font-size:12px}.settings-logout-btn{padding:14px 18px;font-size:15px;border-radius:12px}.settings-desktop-header{padding:32px 60px}.settings-header-back{padding:12px 18px;font-size:15px;border-radius:10px}.settings-header-divider{height:28px}.settings-page-title{font-size:26px}.settings-help-link{padding:12px 18px;font-size:15px;border-radius:10px}.settings-content{padding:48px 60px;max-width:1100px}.profile-section{gap:24px}.profile-header-card{padding:40px;border-radius:24px;gap:24px}.profile-header-avatar{width:96px;height:96px;font-size:40px;border-radius:24px}.profile-header-info h2{font-size:26px}.profile-header-info p{font-size:16px}.profile-member-badge{padding:8px 14px;font-size:13px}.settings-card{border-radius:20px}.settings-card-header{padding:28px 32px;gap:16px}.settings-card-icon{width:52px;height:52px;border-radius:14px}.settings-card-title h3{font-size:18px}.settings-card-title p{font-size:15px}.settings-card-content{padding:32px}.verification-status{padding:20px 24px;border-radius:14px}.verification-icon{width:56px;height:56px}.verification-text strong{font-size:16px}.verification-text span{font-size:14px}.btn-primary,.btn-secondary{padding:12px 24px;font-size:15px;border-radius:12px}.password-masked{padding:14px 18px;font-size:18px}.form-field label{font-size:15px;margin-bottom:10px}.input-with-icon input{padding:14px 48px 14px 18px;font-size:15px;border-radius:12px}.pwd-requirements{padding:20px;border-radius:14px}.pwd-requirements-list li{font-size:13px}.password-match-status{padding:12px 16px;font-size:14px}.alert{padding:14px 18px;font-size:15px;border-radius:12px}.form-actions{gap:16px}.billing-section{gap:28px}.current-plan-card{padding:32px;border-radius:20px}.current-plan-name h3{font-size:22px}.plan-status-badge{padding:5px 12px;font-size:12px}.current-plan-meta{font-size:15px}.btn-upgrade{padding:12px 22px;font-size:14px}.trial-warning{padding:14px 18px;font-size:14px;border-radius:12px}.modal-container{padding:48px;border-radius:28px;max-width:480px}.modal-close{width:40px;height:40px;border-radius:12px}.modal-icon{width:80px;height:80px;border-radius:20px;margin-bottom:24px}.modal-container h2{font-size:26px}.modal-container>p{font-size:15px;margin-bottom:32px}.otp-inputs{gap:12px;margin-bottom:28px}.otp-input{width:56px;height:64px;font-size:28px;border-radius:14px}}.settings-back-btn:focus-visible,.settings-menu-btn:focus-visible,.settings-back-link:focus-visible,.settings-nav-item:focus-visible,.settings-upgrade-btn:focus-visible,.settings-logout-btn:focus-visible,.settings-header-back:focus-visible,.settings-help-link:focus-visible,.btn-primary:focus-visible,.btn-secondary:focus-visible,.btn-upgrade:focus-visible,.modal-close:focus-visible,.input-toggle:focus-visible,.resend-link:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media print{.settings-mobile-header,.settings-sidebar,.settings-overlay{display:none!important}.settings-main{padding:0!important}.settings-desktop-header{display:none!important}.settings-content{padding:20px!important;max-width:none!important}}.referrals-page{min-height:100vh;background:#f7fafc;padding:24px}.referrals-header{max-width:1200px;margin:0 auto 32px}.back-button{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:600;color:#4a5568;cursor:pointer;transition:all .2s ease;margin-bottom:16px}.back-button:hover{background:#f7fafc;border-color:#cbd5e0}.referrals-header h1{font-size:36px;font-weight:800;color:#1a202c;margin:0 0 8px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{font-size:16px;color:#718096;margin:0}.referrals-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.stat-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #0000001a;display:flex;gap:20px;align-items:center;transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026}.wallet-card{border-top:4px solid #10b981}.earnings-card{border-top:4px solid #667eea}.referrals-card{border-top:4px solid #f59e0b}.stat-icon{font-size:48px;width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:16px}.stat-info{flex:1}.stat-info h3{font-size:14px;font-weight:600;color:#718096;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:32px;font-weight:800;color:#1a202c;margin:0 0 4px}.stat-label{font-size:13px;color:#a0aec0;margin:0}.referral-code-section{background:#fff;border-radius:16px;padding:32px;box-shadow:0 2px 8px #0000001a}.referral-code-section h2{font-size:24px;font-weight:800;color:#1a202c;margin:0 0 8px}.section-subtitle{color:#718096;margin:0 0 24px}.code-display{margin-bottom:16px}.code-box{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 16px #667eea4d}.code{font-size:32px;font-weight:800;color:#fff;letter-spacing:2px;font-family:Courier New,monospace}.copy-btn{padding:10px 20px;background:#fff;color:#667eea;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease}.copy-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.copy-btn.copied{background:#10b981;color:#fff}.referral-url-box{margin-bottom:20px}.referral-url-box input{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:Courier New,monospace;color:#4a5568;background:#f7fafc}.share-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.share-btn{padding:12px 20px;border:none;border-radius:10px;font-size:14px;font-weight:700;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.share-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.share-btn.whatsapp{background:#25d366}.share-btn.twitter{background:#1da1f2}.share-btn.facebook{background:#4267b2}.share-btn.email{background:#718096}.share-icon{font-size:18px}.reward-structure-card{background:#fff;border-radius:16px;padding:32px;box-shadow:0 2px 8px #0000001a}.reward-structure-card h2{font-size:24px;font-weight:800;color:#1a202c;margin:0 0 24px}.reward-tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.reward-tier{padding:24px;background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:12px;border:2px solid #e2e8f0;text-align:center;position:relative;transition:all .3s ease}.reward-tier:hover{border-color:#667eea;transform:translateY(-4px)}.reward-tier.featured{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.tier-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#fbbf24;color:#92400e;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.tier-icon{font-size:48px;margin-bottom:12px}.tier-info h3{font-size:18px;font-weight:700;margin:0 0 8px}.tier-amount{font-size:36px;font-weight:800;margin:8px 0}.tier-info p{margin:0;opacity:.8;font-size:14px}.referrals-list-section{background:#fff;border-radius:16px;padding:32px;box-shadow:0 2px 8px #0000001a}.referrals-list-section h2{font-size:24px;font-weight:800;color:#1a202c;margin:0 0 24px}.referrals-table{overflow-x:auto}.referrals-table table{width:100%;border-collapse:collapse}.referrals-table th{text-align:left;padding:12px 16px;font-size:13px;font-weight:700;color:#718096;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e2e8f0}.referrals-table td{padding:16px;font-size:14px;color:#2d3748;border-bottom:1px solid #e2e8f0}.plan-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700}.plan-badge.pro_monthly{background:#dbeafe;color:#1e40af}.plan-badge.pro_yearly{background:#d1fae5;color:#065f46}.reward-amount{font-weight:700;color:#10b981}.reward-pending{color:#a0aec0}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700}.status-badge.paid{background:#d1fae5;color:#065f46}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.cancelled{background:#fee2e2;color:#991b1b}.leaderboard-section{background:#fff;border-radius:16px;padding:32px;box-shadow:0 2px 8px #0000001a}.leaderboard-section h2{font-size:24px;font-weight:800;color:#1a202c;margin:0 0 24px}.leaderboard-list{display:flex;flex-direction:column;gap:12px}.leaderboard-item{display:flex;align-items:center;gap:16px;padding:16px;background:#f7fafc;border-radius:12px;transition:all .3s ease}.leaderboard-item:hover{background:#edf2f7;transform:translate(4px)}.rank{font-size:24px;font-weight:800;width:40px;text-align:center}.leaderboard-info{flex:1}.leader-email{font-size:15px;font-weight:700;color:#1a202c;margin-bottom:4px}.leader-stats{font-size:13px;color:#718096}.how-it-works-section{background:#fff;border-radius:16px;padding:32px;box-shadow:0 2px 8px #0000001a}.how-it-works-section h2{font-size:24px;font-weight:800;color:#1a202c;margin:0 0 24px}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.step{display:flex;gap:16px}.step-number{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;flex-shrink:0}.step-content h3{font-size:16px;font-weight:700;color:#1a202c;margin:0 0 8px}.step-content p{font-size:14px;color:#718096;margin:0;line-height:1.6}.empty-icon{font-size:64px;display:block;margin-bottom:16px;opacity:.5}.empty-state h3{font-size:20px;font-weight:700;color:#2d3748;margin:0 0 8px}.empty-state p{font-size:14px;color:#718096;margin:0}.empty-state-small{text-align:center;padding:40px 20px;color:#718096}@media(max-width:768px){.referrals-page{padding:16px}.referrals-header h1{font-size:28px}.stats-grid{grid-template-columns:1fr}.code{font-size:24px}.share-buttons{grid-template-columns:1fr 1fr}.reward-tiers,.steps{grid-template-columns:1fr}.referrals-table{font-size:13px}.referrals-table th,.referrals-table td{padding:12px 8px}}.admin-page{min-height:100vh;background:#f0f4ff}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px}.spinner{width:40px;height:40px;border:4px solid #e8ecff;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}.admin-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 40px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px #0000001a}.admin-logo h1{margin:0;font-size:24px;font-weight:600}.admin-subtitle{margin:5px 0 0;font-size:14px;color:#ffffffe6}.admin-header .admin-actions{display:flex;gap:12px}.btn-secondary{padding:10px 20px;background:#ffffff40;color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-secondary:hover{background:#fff6}.btn-logout{padding:10px 20px;background:#dc3545;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.btn-logout:hover{background:#c82333}.admin-tabs{display:flex;background:#fff;padding:0 40px;border-bottom:2px solid #e0e6ed;box-shadow:0 2px 4px #00000008}.admin-tabs button{padding:16px 28px;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:15px;color:#495057;transition:all .2s;font-weight:500;margin-bottom:-2px}.admin-tabs button.active{color:#667eea;border-bottom-color:#667eea}.admin-tabs button:hover{color:#667eea;background:#f8f9ff}.admin-content{padding:30px 40px;max-width:1400px;margin:0 auto}.loading{text-align:center;padding:60px;font-size:16px;color:#495057}.admin-overview{display:flex;flex-direction:column;gap:24px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.stat-card{background:#fff;padding:20px 24px;border-radius:12px;box-shadow:0 2px 8px #667eea1a;display:flex;align-items:center;gap:16px;transition:transform .2s,box-shadow .2s;border-left:4px solid #667eea;min-height:100px}.stat-card:hover{transform:translateY(-3px);box-shadow:0 4px 16px #667eea33}.stat-card.revenue{border-left-color:#28a745}.stat-icon{font-size:40px;flex-shrink:0;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f4ff,#e8ecff);border-radius:12px}.stat-info{flex:1;min-width:0}.stat-value{font-size:28px;font-weight:700;color:#1a1a2e;line-height:1.2}.stat-label{font-size:12px;color:#495057;text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-top:4px}.stat-sub{font-size:12px;color:#667eea;margin-top:4px;font-weight:500}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.chart-card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #667eea1a}.chart-card.full-width{grid-column:1 / -1}.chart-card h3{margin:0 0 20px;color:#1a1a2e;font-size:16px;font-weight:600}.no-data{text-align:center;color:#495057;padding:50px;font-size:14px;background:#f8f9ff;border-radius:8px}.health-card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #667eea1a}.health-card h3{margin:0 0 16px;font-size:16px;font-weight:600;color:#1a1a2e}.health-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.health-item{display:flex;flex-direction:column;padding:12px 16px;background:linear-gradient(135deg,#f0f4ff,#e8ecff);border-radius:8px;border-left:3px solid #667eea}.health-label{font-weight:600;color:#495057;font-size:12px;margin-bottom:4px}.health-value{color:#1a1a2e;font-size:14px;font-weight:600}.health-value.success{color:#28a745}.health-value.error{color:#dc3545}.admin-users{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #667eea1a}.users-filters{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.search-input{flex:1;min-width:280px;padding:10px 14px;border:2px solid #e0e6ed;border-radius:8px;font-size:14px;transition:border-color .2s;color:#1a1a2e}.search-input:focus{outline:none;border-color:#667eea}.search-input::placeholder{color:#6c757d}.filter-select{padding:10px 14px;border:2px solid #e0e6ed;border-radius:8px;font-size:14px;cursor:pointer;background:#fff;color:#1a1a2e}.filter-select:focus{outline:none;border-color:#667eea}.table-container{overflow-x:auto}.users-table{width:100%;border-collapse:collapse}.users-table th,.users-table td{padding:12px 14px;text-align:left;border-bottom:1px solid #e0e6ed}.users-table th{background:linear-gradient(135deg,#f0f4ff,#e8ecff);font-weight:600;color:#1a1a2e;font-size:12px;text-transform:uppercase;letter-spacing:.3px}.users-table td{font-size:13px;color:#1a1a2e}.users-table tbody tr{transition:background .15s}.users-table tbody tr:hover{background:#f8f9ff}.users-table tbody tr.suspended{background:#fff5f5}.user-email{display:flex;align-items:center;gap:8px;font-weight:500}.admin-badge{background:#667eea;color:#fff;font-size:10px;padding:2px 6px;border-radius:4px;font-weight:600}.plan-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;display:inline-block}.plan-badge.free{background:#e8ecff;color:#495057}.plan-badge.starter_yearly{background:#d1ecf1;color:#0c5460}.plan-badge.professional_yearly{background:#d4edda;color:#155724}.plan-badge.enterprise_yearly{background:#fff3cd;color:#856404}.plan-badge.pro_monthly,.plan-badge.pro_yearly{background:#e2e3f0;color:#4a4a8a}.status-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;display:inline-block}.status-badge.active{background:#d4edda;color:#155724}.status-badge.suspended{background:#f8d7da;color:#721c24}.status-badge.cancelled{background:#e8ecff;color:#495057}.btn-view{padding:8px 16px;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;transition:background .2s}.btn-view:hover{background:#5568d3}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px;padding-top:16px;border-top:1px solid #e0e6ed}.pagination button{padding:8px 18px;border:2px solid #667eea;background:#fff;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;color:#667eea;transition:all .2s}.pagination button:hover:not(:disabled){background:#667eea;color:#fff}.pagination button:disabled{opacity:.4;cursor:not-allowed;border-color:#ccc;color:#999}.pagination span{color:#495057;font-size:13px;font-weight:500}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out;padding:20px}.modal-content{background:#fff;border-radius:16px;max-width:750px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out;position:relative}.modal-content.user-modal{padding:32px}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border:none;background:#f0f4ff;border-radius:50%;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#495057;transition:all .2s;line-height:1}.modal-close:hover{background:#667eea;color:#fff}.modal-loading,.modal-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px;color:#495057}.user-detail h2{margin:0 0 24px;font-size:24px;color:#1a1a2e;font-weight:700}.user-detail h3{margin:28px 0 14px;font-size:16px;font-weight:600;color:#667eea;display:flex;align-items:center;gap:8px;border-bottom:2px solid #e8ecff;padding-bottom:8px}.edit-hint{font-size:12px;color:#28a745;font-weight:500;background:#d4edda;padding:2px 8px;border-radius:4px}.detail-section{background:#f8f9ff;padding:18px;border-radius:10px;margin-bottom:8px;border:1px solid #e8ecff}.detail-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.detail-group{margin-bottom:14px}.detail-group:last-child{margin-bottom:0}.detail-label{font-size:11px;font-weight:700;color:#667eea;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:6px}.detail-value{font-size:14px;color:#1a1a2e;font-weight:500}.detail-value.code{font-family:Monaco,Menlo,monospace;font-size:11px;background:#e8ecff;padding:6px 10px;border-radius:6px;word-break:break-all;color:#495057;display:inline-block}.edit-select{padding:8px 12px;border:2px solid #667eea;border-radius:6px;font-size:14px;color:#1a1a2e;background:#fff;cursor:pointer;width:100%}.edit-select:focus{outline:none;box-shadow:0 0 0 3px #667eea33}.limits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;background:#f8f9ff;padding:18px;border-radius:10px;border:1px solid #e8ecff}.limit-item{display:flex;flex-direction:column;gap:6px}.limit-label{font-size:11px;font-weight:700;color:#667eea;text-transform:uppercase;letter-spacing:.3px}.limit-value{font-size:14px;color:#1a1a2e;font-weight:600}.limits-grid input{padding:10px 12px;border:2px solid #e0e6ed;border-radius:6px;font-size:14px;width:100%;color:#1a1a2e;font-weight:500}.limits-grid input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.accounts-list{display:flex;flex-wrap:wrap;gap:10px}.account-item{background:#f8f9ff;padding:10px 14px;border-radius:8px;font-size:13px;display:flex;gap:10px;align-items:center;border:1px solid #e8ecff}.account-platform{font-weight:700;color:#667eea}.account-name{color:#495057;font-weight:500}.payments-list{background:#f8f9ff;border-radius:10px;overflow:hidden;border:1px solid #e8ecff}.payment-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #e8ecff}.payment-item:last-child{border-bottom:none}.payment-amount{font-weight:700;color:#1a1a2e;font-size:15px}.payment-status{font-size:11px;padding:4px 10px;border-radius:6px;font-weight:700}.payment-status.success{background:#d4edda;color:#155724}.payment-status.failed{background:#f8d7da;color:#721c24}.payment-date{font-size:12px;color:#495057;font-weight:500}.admin-actions-panel{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;padding:18px;background:#f8f9ff;border-radius:10px;border:1px solid #e8ecff}.action-buttons{display:flex;gap:12px;width:100%}.btn-save{padding:12px 24px;background:#28a745;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:700;flex:1;transition:background .2s}.btn-save:hover{background:#218838}.btn-save:disabled{background:#6c757d;cursor:not-allowed}.btn-cancel{padding:12px 24px;background:#6c757d;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:700;transition:background .2s}.btn-cancel:hover{background:#5a6268}.btn-edit{padding:12px 24px;background:#667eea;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:700;transition:background .2s}.btn-edit:hover{background:#5568d3}.btn-action{padding:12px 18px;border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:700;transition:all .2s;color:#fff}.btn-action.suspend{background:#dc3545}.btn-action.suspend:hover{background:#c82333}.btn-action.unsuspend{background:#28a745}.btn-action.unsuspend:hover{background:#218838}.btn-action.credit{background:#17a2b8}.btn-action.credit:hover{background:#138496}.btn-action.make-admin{background:#6f42c1}.btn-action.make-admin:hover{background:#5a32a3}.btn-action.remove-admin{background:#fd7e14}.btn-action.remove-admin:hover{background:#e96b02}.btn-action:disabled{opacity:.5;cursor:not-allowed}.admin-settings{display:flex;flex-direction:column;gap:24px}.settings-section{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #667eea1a}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.settings-header h3{margin:0;font-size:16px;font-weight:600;color:#1a1a2e}.settings-actions{display:flex;gap:8px}.settings-description{color:#495057;font-size:13px;margin:0 0 16px}.plan-limits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.plan-limit-card{background:#f8f9ff;padding:18px;border-radius:10px;border:1px solid #e8ecff;border-left:4px solid #667eea}.plan-limit-card h4{margin:0 0 14px;font-size:14px;font-weight:700;color:#1a1a2e}.limit-fields{display:flex;flex-direction:column;gap:12px}.limit-field{display:flex;justify-content:space-between;align-items:center}.limit-field label{font-size:12px;color:#495057;font-weight:600}.limit-field span{font-size:13px;font-weight:700;color:#1a1a2e}.limit-field input{width:100px;padding:8px 10px;border:2px solid #e0e6ed;border-radius:6px;font-size:13px;text-align:right;color:#1a1a2e;font-weight:600}.limit-field input:focus{outline:none;border-color:#667eea}.platform-limits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.platform-limit-item{display:flex;justify-content:space-between;align-items:center;background:#f8f9ff;padding:14px 18px;border-radius:10px;border:1px solid #e8ecff}.platform-name{font-weight:700;color:#1a1a2e}.platform-limit-item .limit-value{color:#667eea;font-weight:700}.platform-limit-item input{width:80px;padding:8px 10px;border:2px solid #e0e6ed;border-radius:6px;font-size:13px;text-align:right;color:#1a1a2e;font-weight:600}.platform-limit-item input:focus{outline:none;border-color:#667eea}.feature-flags-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.feature-flag-item{display:flex;justify-content:space-between;align-items:center;background:#f8f9ff;padding:14px 18px;border-radius:10px;border:1px solid #e8ecff}.flag-name{font-size:13px;color:#1a1a2e;font-weight:600}.flag-status{font-size:12px;font-weight:700}.flag-status.enabled{color:#28a745}.flag-status.disabled{color:#dc3545}.toggle-switch{position:relative;width:52px;height:28px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#e0e6ed;transition:.3s;border-radius:28px}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background-color:#28a745}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.admin-activity{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #667eea1a}.admin-activity h3{margin:0 0 20px;font-size:18px;font-weight:700;color:#1a1a2e}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{display:flex;gap:14px;padding:14px;background:#f8f9ff;border-radius:10px;align-items:flex-start;border:1px solid #e8ecff}.activity-icon{font-size:22px;flex-shrink:0}.activity-content{flex:1}.activity-action{font-size:14px;color:#1a1a2e;font-weight:500}.activity-target{color:#667eea;font-weight:600}.activity-time{font-size:12px;color:#495057;margin-top:6px;font-weight:500}@media(max-width:1200px){.stats-grid,.health-stats,.plan-limits-grid,.platform-limits-grid,.feature-flags-grid,.limits-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.admin-header{padding:16px 20px;flex-direction:column;gap:12px}.admin-logo h1{font-size:20px}.admin-tabs{padding:0 16px;overflow-x:auto}.admin-tabs button{padding:14px 20px;font-size:14px;white-space:nowrap}.admin-content{padding:20px 16px}.stats-grid{grid-template-columns:1fr}.stat-card{padding:16px}.stat-value{font-size:24px}.charts-grid,.health-stats{grid-template-columns:1fr}.users-filters{flex-direction:column}.search-input{min-width:100%}.modal-content.user-modal{padding:24px 20px}.limits-grid,.detail-row,.plan-limits-grid,.platform-limits-grid,.feature-flags-grid{grid-template-columns:1fr}.admin-actions-panel{flex-direction:column}.btn-action{width:100%}.action-buttons{flex-direction:column}}.youtube-history{max-width:1200px;margin:0 auto;padding:32px 24px;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.history-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.header-left{display:flex;align-items:flex-start;gap:20px}.btn-back{padding:10px 16px;background:#fff;border:2px solid #E2E8F0;border-radius:10px;font-size:14px;font-weight:600;color:#475569;cursor:pointer;transition:all .2s}.btn-back:hover{border-color:#ff6b35;color:#ff6b35}.history-header h1{font-size:28px;font-weight:700;color:#1e293b;margin:0 0 4px}.history-header p{color:#64748b;margin:0;font-size:14px}.btn-refresh{padding:10px 20px;background:#f1f5f9;border:none;border-radius:10px;font-size:14px;font-weight:600;color:#475569;cursor:pointer;transition:all .2s}.btn-refresh:hover{background:#e2e8f0}.history-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card{background:#fff;border:2px solid #E2E8F0;border-radius:12px;padding:20px;text-align:center}.stat-card .stat-value{display:block;font-size:32px;font-weight:700;color:#1e293b}.stat-card .stat-label{font-size:13px;color:#64748b;font-weight:500}.stat-card.completed{border-color:#86efac;background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.stat-card.completed .stat-value{color:#16a34a}.stat-card.processing{border-color:#fde68a;background:linear-gradient(135deg,#fffbeb,#fef3c7)}.stat-card.processing .stat-value{color:#d97706}.stat-card.failed{border-color:#fecaca;background:linear-gradient(135deg,#fef2f2,#fee2e2)}.stat-card.failed .stat-value{color:#dc2626}.filter-tabs{display:flex;gap:8px;margin-bottom:20px;padding:6px;background:#f1f5f9;border-radius:12px;width:fit-content}.filter-tabs button{padding:10px 20px;background:transparent;border:none;border-radius:8px;font-size:14px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s}.filter-tabs button:hover{color:#1e293b}.filter-tabs button.active{background:#fff;color:#ff6b35;box-shadow:0 2px 8px #00000014}.jobs-list{display:flex;flex-direction:column;gap:16px}.job-card{background:#fff;border:2px solid #E2E8F0;border-radius:16px;overflow:hidden;transition:all .3s}.job-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d}.job-card.expanded{border-color:#ff6b35}.job-header{display:flex;align-items:center;gap:24px;padding:20px 24px;cursor:pointer}.job-info{flex:1}.job-title{display:flex;align-items:center;gap:12px;margin-bottom:6px}.status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.status-badge.pending{background:#f1f5f9;color:#64748b}.status-badge.processing{background:#fef3c7;color:#b45309}.status-badge.completed{background:#dcfce7;color:#16a34a}.status-badge.failed{background:#fee2e2;color:#dc2626}.status-badge.cancelled{background:#f1f5f9;color:#64748b}.job-channel{font-size:16px;font-weight:600;color:#1e293b}.job-meta{display:flex;gap:16px;font-size:13px;color:#64748b}.job-stats{display:flex;gap:24px}.job-stats .stat{text-align:center}.job-stats .stat .num{display:block;font-size:20px;font-weight:700}.job-stats .stat .lbl{font-size:11px;color:#94a3b8;text-transform:uppercase}.job-stats .stat.success .num{color:#16a34a}.job-stats .stat.failed .num{color:#dc2626}.job-stats .stat.total .num{color:#64748b}.expand-icon{font-size:12px;color:#94a3b8;transition:transform .3s}.expand-icon.expanded{transform:rotate(180deg)}.job-details{border-top:1px solid #E2E8F0;padding:24px;background:#f8fafc;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}.videos-list h4{font-size:14px;font-weight:600;color:#475569;margin:0 0 16px}.videos-grid{display:flex;flex-direction:column;gap:8px}.video-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border-radius:10px;border:1px solid #E2E8F0}.video-item.success{border-left:3px solid #16A34A}.video-item.failed{border-left:3px solid #DC2626}.video-item.pending{border-left:3px solid #94A3B8}.video-item.processing{border-left:3px solid #F59E0B}.video-num{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border-radius:6px;font-size:12px;font-weight:600;color:#64748b}.video-info{flex:1}.video-title{display:block;font-size:14px;font-weight:500;color:#1e293b;margin-bottom:2px}.video-schedule{font-size:12px;color:#64748b}.video-error{display:block;font-size:12px;color:#dc2626;margin-top:4px}.btn-watch{padding:6px 14px;background:#ff6b35;color:#fff;border-radius:6px;font-size:12px;font-weight:600;text-decoration:none;transition:background .2s}.btn-watch:hover{background:#e55a2b}.status-pending,.status-processing,.status-failed{font-size:12px;font-weight:600;padding:4px 10px;border-radius:6px}.status-pending{background:#f1f5f9;color:#64748b}.status-processing{background:#fef3c7;color:#b45309}.status-failed{background:#fee2e2;color:#dc2626}.job-footer{display:flex;gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid #E2E8F0}.btn-retry{padding:10px 20px;background:#dbeafe;color:#1d4ed8;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.btn-retry:hover{background:#bfdbfe}.btn-delete{padding:10px 20px;background:#fee2e2;color:#dc2626;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.btn-delete:hover{background:#fecaca}.empty-state{text-align:center;padding:80px 40px;background:#fff;border:2px dashed #E2E8F0;border-radius:16px}.empty-icon{font-size:48px;margin-bottom:16px}.empty-state h3{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 8px}.empty-state p{color:#64748b;margin:0 0 24px}.btn-primary{padding:12px 24px;background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff6b3566}.history-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px}.spinner{width:48px;height:48px;border:4px solid #E2E8F0;border-top-color:#ff6b35;border-radius:50%;animation:spin .8s linear infinite}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:16px;padding:24px;max-width:400px;width:90%;animation:fadeIn .2s ease}.modal-content h3{margin:0 0 12px;font-size:18px;color:#1e293b}.modal-content p{color:#64748b;font-size:14px;margin:0 0 24px;line-height:1.5}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.btn-cancel{padding:10px 20px;background:#f1f5f9;color:#475569;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}.btn-danger{padding:10px 20px;background:#dc2626;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}@media(max-width:768px){.history-stats{grid-template-columns:repeat(2,1fr)}.job-header{flex-direction:column;align-items:flex-start}.job-stats{width:100%;justify-content:space-around;margin-top:12px;padding-top:12px;border-top:1px solid #E2E8F0}.filter-tabs{width:100%;overflow-x:auto}}.app{min-height:100vh;background:var(--bg-primary);color:var(--text-primary)}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transform:translateY(0);transition:all .3s ease}.page-exit{opacity:1}.page-exit-active{opacity:0;transition:all .3s ease}.page-wrapper{max-width:1400px;margin:0 auto;padding:40px 20px}.card{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:16px;padding:24px;box-shadow:var(--shadow-md);transition:all var(--transition-base)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.card-title{font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.card-body{color:var(--text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:6px 12px;font-size:13px}.btn-lg{padding:14px 28px;font-size:16px}.btn-primary{background:var(--brand-gradient);color:var(--text-primary);box-shadow:0 2px 8px #00d9ff33}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-glow)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){border-color:var(--border-hover);background:var(--bg-card-hover)}.btn-success{background:var(--success);color:#fff}.btn-danger{background:var(--error);color:#fff}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid transparent}.btn-ghost:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}.form-control{width:100%;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;transition:all var(--transition-fast)}.form-control:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px #00d9ff1a}.form-control::placeholder{color:var(--text-muted)}.form-label{display:block;margin-bottom:8px;color:var(--text-secondary);font-size:13px;font-weight:500}.form-group{margin-bottom:20px}select.form-control{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394A3B8' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.badge-primary{background:#00d9ff1a;color:var(--brand-primary)}.badge-success{background:#10b9811a;color:var(--success)}.badge-danger{background:#ef44441a;color:var(--error)}.badge-warning{background:#f59e0b1a;color:var(--warning)}.alert{padding:16px;border-radius:8px;margin-bottom:20px;display:flex;align-items:flex-start;gap:12px}.alert-success{background:#10b9811a;border:1px solid var(--success);color:var(--success)}.alert-error{background:#ef44441a;border:1px solid var(--error);color:var(--error)}.alert-warning{background:#f59e0b1a;border:1px solid var(--warning);color:var(--warning)}.alert-info{background:#3b82f61a;border:1px solid var(--info);color:var(--info)}.spinner{width:20px;height:20px;border:2px solid var(--border-color);border-top-color:var(--brand-primary);border-radius:50%;animation:spin .8s linear infinite}.spinner-lg{width:40px;height:40px;border-width:3px}.empty-state{text-align:center;padding:60px 20px}.empty-state-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-state-title{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.empty-state-description{color:var(--text-secondary);margin-bottom:24px}.grid{display:grid;gap:24px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1200px){.grid-4{grid-template-columns:repeat(3,1fr)}}@media(max-width:968px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.divider{height:1px;background:var(--border-color);margin:24px 0}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.section-title{font-size:24px;font-weight:700;color:var(--text-primary);margin:0}.section-description{color:var(--text-secondary);margin-top:8px}.tooltip{position:relative;display:inline-block}.tooltip:hover:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:8px 12px;background:var(--bg-tertiary);color:var(--text-primary);font-size:12px;white-space:nowrap;border-radius:6px;margin-bottom:8px;box-shadow:var(--shadow-md);z-index:1000}@media(max-width:640px){.hide-mobile{display:none!important}}@media(min-width:641px){.show-mobile{display:none!important}}.loading-screen.minimal{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#f8f9fa}.loading-screen.minimal .spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#f97316;border-radius:50%;animation:spin .8s linear infinite}.loading-screen.minimal{animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}:root{--primary: #FF6B35;--primary-dark: #E55A2B;--primary-light: #FF8C5A;--success: #00C48C;--dark: #0F0F12;--dark-secondary: #1A1A1F;--light: #FFFFFF;--light-secondary: #F8F8FA;--light-tertiary: #EDEDF0;--text-primary: #0F0F12;--text-secondary: #5A5A65;--text-muted: #9090A0;--font-display: "Outfit", -apple-system, sans-serif;--font-body: "DM Sans", -apple-system, sans-serif}.legal-page{min-height:100vh;background:var(--light);font-family:var(--font-body);color:var(--text-primary);display:flex;flex-direction:column}.legal-header{position:sticky;top:0;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--light-tertiary);z-index:100}.legal-header-container{display:flex;justify-content:space-between;align-items:center;max-width:900px;margin:0 auto;padding:16px 24px}.legal-logo{display:flex;align-items:center;gap:10px;cursor:pointer;transition:opacity .2s ease}.legal-logo:hover{opacity:.8}.legal-logo-icon-new{position:relative;width:36px;height:36px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.legal-logo-dot{position:absolute;bottom:4px;right:4px;width:10px;height:10px;background:var(--success);border-radius:50%;border:2px solid white}.legal-logo-text{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--text-primary)}.legal-logo-accent{color:var(--primary)}.legal-back-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--light-secondary);border:1px solid var(--light-tertiary);border-radius:100px;font-family:var(--font-body);font-size:14px;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.legal-back-btn:hover{background:var(--light-tertiary);border-color:var(--text-muted)}.legal-content{flex:1;padding:60px 24px}.legal-container{max-width:800px;margin:0 auto}.legal-container h1{font-family:var(--font-display);font-size:42px;font-weight:800;color:var(--text-primary);margin:0 0 16px;letter-spacing:-1px}.legal-updated{font-size:14px;color:var(--text-muted);margin:0 0 48px;padding-bottom:24px;border-bottom:1px solid var(--light-tertiary)}.legal-section{margin-bottom:48px}.legal-section h2{font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid var(--primary);display:inline-block}.legal-section h3{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--text-primary);margin:24px 0 12px}.legal-section p{font-size:16px;line-height:1.7;color:var(--text-secondary);margin:0 0 16px}.legal-section ul{margin:0 0 16px;padding-left:24px}.legal-section li{font-size:16px;line-height:1.7;color:var(--text-secondary);margin-bottom:8px}.legal-section li strong{color:var(--text-primary)}.legal-section a{color:var(--primary);text-decoration:none;font-weight:500;transition:color .2s ease}.legal-section a:hover{color:var(--primary-dark);text-decoration:underline}.contact-list{list-style:none;background:var(--light-secondary);border-radius:12px;padding:20px 24px}.contact-list li{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--light-tertiary)}.contact-list li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.cookie-table{width:100%;border-collapse:collapse;margin:20px 0;background:var(--light);border-radius:12px;overflow:hidden;border:1px solid var(--light-tertiary)}.cookie-table thead{background:var(--light-secondary)}.cookie-table th{font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--text-primary);text-align:left;padding:14px 16px;border-bottom:1px solid var(--light-tertiary)}.cookie-table td{font-size:14px;color:var(--text-secondary);padding:14px 16px;border-bottom:1px solid var(--light-tertiary)}.cookie-table tbody tr:last-child td{border-bottom:none}.cookie-table tbody tr:hover{background:var(--light-secondary)}.legal-footer{background:var(--dark);padding:24px;text-align:center}.legal-footer p{font-size:14px;color:var(--text-muted);margin:0}@media(max-width:768px){.legal-header-container{padding:14px 16px}.legal-logo-text{font-size:18px}.legal-back-btn{padding:8px 16px;font-size:13px}.legal-back-btn span{display:none}.legal-content{padding:40px 16px}.legal-container h1{font-size:32px}.legal-section h2{font-size:20px}.legal-section h3{font-size:16px}.legal-section p,.legal-section li{font-size:15px}.cookie-table{display:block;overflow-x:auto}.cookie-table th,.cookie-table td{font-size:13px;padding:12px;white-space:nowrap}.contact-list{padding:16px 20px}}@media(max-width:480px){.legal-header-container{padding:12px 16px}.legal-logo-icon-new{width:32px;height:32px}.legal-logo-icon-new svg{width:16px;height:16px}.legal-logo-dot{width:8px;height:8px;bottom:3px;right:3px}.legal-logo-text{font-size:16px}.legal-back-btn{padding:8px 12px;font-size:12px}.legal-container h1{font-size:28px}.legal-updated{font-size:13px;margin-bottom:32px}.legal-section{margin-bottom:36px}.legal-section h2{font-size:18px}.legal-section p,.legal-section li{font-size:14px}}.forgot-password-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e);padding:20px}.forgot-password-card{background:#fff;border-radius:16px;padding:40px;max-width:440px;width:100%;box-shadow:0 20px 60px #0000004d}.forgot-password-header{text-align:center;margin-bottom:32px}.back-link{display:inline-block;color:#6b7280;text-decoration:none;font-size:14px;margin-bottom:20px;transition:color .2s ease}.back-link:hover{color:#f97316}.forgot-password-header h1{font-size:28px;font-weight:700;color:#1a1a2e;margin:0 0 8px}.forgot-password-header p{color:#6b7280;font-size:15px;margin:0}.forgot-password-form .form-group{margin-bottom:20px}.forgot-password-form label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.forgot-password-form input{width:100%;padding:14px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:15px;transition:all .2s ease;background:#f9fafb}.forgot-password-form input:focus{outline:none;border-color:#f97316;background:#fff;box-shadow:0 0 0 3px #f973161a}.forgot-password-form input:disabled{background:#f3f4f6;color:#9ca3af}.success-state strong{color:#1a1a2e}.success-tips{background:#f9fafb;border-radius:12px;padding:20px;text-align:left;margin-bottom:24px}.success-tips p{font-size:14px;font-weight:600;color:#374151;margin:0 0 12px}.success-tips ul{margin:0;padding-left:20px}.success-tips li{font-size:14px;color:#6b7280;margin-bottom:8px}.success-tips li:last-child{margin-bottom:0}@media(max-width:480px){.forgot-password-card{padding:28px 24px}.forgot-password-header h1{font-size:24px}.success-icon{font-size:48px}}.reset-password-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e);padding:20px}.reset-password-card{background:#fff;border-radius:16px;padding:40px;max-width:440px;width:100%;box-shadow:0 20px 60px #0000004d}.reset-password-header{text-align:center;margin-bottom:32px}.reset-password-header h1{font-size:28px;font-weight:700;color:#1a1a2e;margin:0 0 8px}.reset-password-header p{color:#6b7280;font-size:15px;margin:0}.reset-password-form .form-group{margin-bottom:20px}.reset-password-form label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.reset-password-form input{width:100%;padding:14px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:15px;transition:all .2s ease;background:#f9fafb}.reset-password-form input:focus{outline:none;border-color:#f97316;background:#fff;box-shadow:0 0 0 3px #f973161a}.reset-password-form input:disabled{background:#f3f4f6;color:#9ca3af}.reset-password-form small{display:block;font-size:12px;color:#9ca3af;margin-top:6px}.password-match{font-size:13px;padding:8px 12px;border-radius:6px;margin-bottom:16px}.password-match.match{background:#d1fae5;color:#065f46}.password-match.no-match{background:#fef2f2;color:#dc2626}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:16px}.btn-primary{width:100%;padding:14px 24px;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #f973164d}.btn-primary:disabled{background:#d1d5db;cursor:not-allowed;transform:none;box-shadow:none}.form-footer{text-align:center;margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.form-footer p{color:#6b7280;font-size:14px;margin:0}.form-footer a{color:#f97316;text-decoration:none;font-weight:500}.form-footer a:hover{text-decoration:underline}.verifying-state{text-align:center;padding:40px 20px}.spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#f97316;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{to{transform:rotate(360deg)}}.verifying-state p{color:#6b7280;font-size:15px;margin:0}.error-state{text-align:center}.error-icon{font-size:64px;margin-bottom:20px}.error-state h2{font-size:24px;font-weight:600;color:#1a1a2e;margin:0 0 12px}.error-state>p{color:#6b7280;font-size:15px;line-height:1.6;margin:0 0 24px}.success-state{text-align:center}.success-icon{font-size:64px;margin-bottom:20px}.success-state h2{font-size:24px;font-weight:600;color:#1a1a2e;margin:0 0 12px}.success-state>p{color:#6b7280;font-size:15px;line-height:1.6;margin:0 0 24px}@media(max-width:480px){.reset-password-card{padding:28px 24px}.reset-password-header h1{font-size:24px}.error-icon,.success-icon{font-size:48px}}.blog-page{min-height:100vh;background:#fafafa;font-family:DM Sans,-apple-system,sans-serif;color:#0f0f12}.blog-nav{position:sticky;top:0;z-index:100;background:#ffffffeb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid #EDEDF0}.blog-nav-inner{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:14px 40px}.blog-logo{display:flex;align-items:center;gap:8px;text-decoration:none;font-family:Outfit,sans-serif;font-size:18px;font-weight:700;color:#0f0f12}.blog-logo-icon{width:32px;height:32px;background:linear-gradient(135deg,#ff6b35,#e55a2b);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.blog-nav-links{display:flex;gap:28px}.blog-nav-links a{font-size:14px;font-weight:500;color:#5a5a65;text-decoration:none;transition:.15s}.blog-nav-links a:hover,.blog-nav-links a.active{color:#ff6b35}.btn-blog-cta{display:flex;align-items:center;gap:6px;padding:9px 18px;background:#ff6b35;color:#fff;font-size:13px;font-weight:600;border-radius:100px;text-decoration:none;transition:.2s}.btn-blog-cta:hover{background:#e55a2b;transform:translateY(-1px);box-shadow:0 4px 12px #ff6b354d}.blog-mobile-toggle{display:none;background:none;border:none;color:#0f0f12;cursor:pointer;padding:4px}.blog-mobile-menu{display:none;flex-direction:column;gap:12px;padding:16px 40px 20px;border-top:1px solid #EDEDF0}.blog-mobile-menu a{font-size:15px;font-weight:500;color:#0f0f12;text-decoration:none;padding:8px 0}.btn-blog-cta-mobile{display:block;text-align:center;padding:12px;background:#ff6b35;color:#fff!important;border-radius:10px;font-weight:600}.blog-hero{padding:80px 40px 40px;text-align:center;background:linear-gradient(180deg,#fff,#fafafa)}.blog-hero-content{max-width:680px;margin:0 auto}.blog-hero-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#ff6b351a;color:#ff6b35;font-size:12px;font-weight:600;border-radius:100px;margin-bottom:20px;text-transform:uppercase;letter-spacing:.5px}.blog-hero h1{font-family:Outfit,sans-serif;font-size:44px;font-weight:800;line-height:1.15;color:#0f0f12;margin:0 0 16px;letter-spacing:-.5px}.blog-hero p{font-size:17px;color:#5a5a65;line-height:1.6;margin:0 0 32px}.blog-search{display:flex;align-items:center;gap:10px;max-width:480px;margin:0 auto;padding:12px 18px;background:#fff;border:1px solid #EDEDF0;border-radius:12px;transition:.2s}.blog-search:focus-within{border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a}.blog-search svg{color:#9090a0;flex-shrink:0}.blog-search input{flex:1;border:none;outline:none;font-family:DM Sans;font-size:15px;color:#0f0f12;background:transparent}.blog-search input::placeholder{color:#9090a0}.search-clear{background:none;border:none;cursor:pointer;color:#9090a0;padding:2px}.blog-featured{padding:20px 40px 40px}.blog-featured-inner{max-width:1200px;margin:0 auto}.featured-card{display:grid;grid-template-columns:1fr 1.2fr;background:#fff;border-radius:20px;overflow:hidden;border:1px solid #EDEDF0;text-decoration:none;color:inherit;transition:.3s}.featured-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001a}.featured-visual{position:relative;min-height:320px;display:flex;align-items:center;justify-content:center}.featured-emoji{font-size:72px;filter:drop-shadow(0 4px 20px rgba(0,0,0,.2))}.featured-badge{position:absolute;top:16px;left:16px;display:flex;align-items:center;gap:5px;padding:6px 12px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:100px;color:#fff;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.featured-content{padding:40px;display:flex;flex-direction:column;justify-content:center}.featured-meta{display:flex;align-items:center;gap:8px;font-size:13px;color:#9090a0;margin-bottom:16px;flex-wrap:wrap}.cat-tag{font-weight:600}.meta-dot{color:#ededf0}.featured-content h2{font-family:Outfit;font-size:28px;font-weight:700;line-height:1.3;color:#0f0f12;margin:0 0 12px}.featured-content p{font-size:15px;color:#5a5a65;line-height:1.6;margin:0 0 24px}.featured-author{display:flex;align-items:center;gap:12px}.author-av{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#ff6b35,#e55a2b);color:#fff;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center}.author-n{display:block;font-size:14px;font-weight:600;color:#0f0f12}.author-r{display:block;font-size:12px;color:#9090a0}.blog-categories{padding:0 40px 40px}.blog-categories-inner{max-width:1200px;margin:0 auto;display:flex;gap:8px;flex-wrap:wrap;padding:16px 0;border-bottom:1px solid #EDEDF0}.cat-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#fff;border:1px solid #EDEDF0;border-radius:100px;font-family:DM Sans;font-size:13px;font-weight:500;color:#5a5a65;cursor:pointer;transition:.15s;white-space:nowrap}.cat-btn:hover{border-color:#0f0f12;color:#0f0f12}.cat-btn.active{background:#0f0f12;color:#fff;border-color:#0f0f12}.cat-count{font-size:11px;font-weight:600;padding:1px 6px;background:#0000000f;border-radius:100px}.cat-btn.active .cat-count{background:#ffffff26}.blog-grid-section{padding:0 40px 60px}.blog-grid-inner{max-width:1200px;margin:0 auto}.search-results-text{font-size:14px;color:#9090a0;margin:20px 0 0}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-top:32px}.blog-card{background:#fff;border-radius:16px;overflow:hidden;border:1px solid #EDEDF0;text-decoration:none;color:inherit;transition:.25s;display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #00000014;border-color:transparent}.blog-card-cover{height:160px;display:flex;align-items:center;justify-content:center;position:relative}.card-emoji{font-size:48px;filter:drop-shadow(0 2px 10px rgba(0,0,0,.15))}.blog-card-body{padding:20px;flex:1;display:flex;flex-direction:column}.blog-card-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.card-cat{font-size:12px;font-weight:600}.card-time{display:flex;align-items:center;gap:4px;font-size:12px;color:#9090a0}.blog-card-body h3{font-family:Outfit;font-size:17px;font-weight:700;line-height:1.35;color:#0f0f12;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card-body p{font-size:13px;color:#5a5a65;line-height:1.5;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.blog-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid #F0F0F3;margin-top:auto}.card-author{display:flex;align-items:center;gap:8px}.card-av{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#ff6b35,#e55a2b);color:#fff;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center}.card-author span{font-size:12px;font-weight:500;color:#5a5a65}.card-date{font-size:11px;color:#9090a0}.blog-empty{text-align:center;padding:80px 20px;color:#9090a0}.blog-empty svg{margin-bottom:16px;opacity:.3}.blog-empty h3{font-family:Outfit;font-size:20px;color:#0f0f12;margin:0 0 8px}.blog-empty p{margin:0 0 20px}.blog-empty button{padding:10px 20px;background:#ff6b35;color:#fff;border:none;border-radius:100px;font-family:DM Sans;font-size:14px;font-weight:600;cursor:pointer}.blog-cta-section{padding:0 40px 80px}.blog-cta-inner{max-width:1200px;margin:0 auto}.blog-cta-card{background:linear-gradient(135deg,#ff6b35,#e55a2b);border-radius:24px;padding:60px;text-align:center;color:#fff}.blog-cta-card svg{margin-bottom:16px;opacity:.9}.blog-cta-card h2{font-family:Outfit;font-size:32px;font-weight:700;margin:0 0 12px}.blog-cta-card p{font-size:16px;opacity:.9;margin:0 0 24px}.blog-cta-features{display:flex;justify-content:center;gap:24px;margin-bottom:28px;font-size:14px;font-weight:500}.btn-blog-cta-main{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;background:#fff;color:#ff6b35;font-family:DM Sans;font-size:15px;font-weight:700;border-radius:100px;text-decoration:none;transition:.2s}.btn-blog-cta-main:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.blog-footer{background:#0f0f12;padding:40px}.blog-footer-inner{max-width:1200px;margin:0 auto;text-align:center}.blog-footer-brand span{font-family:Outfit;font-size:18px;font-weight:700;color:#fff}.blog-footer-brand p{font-size:13px;color:#9090a0;margin:8px 0 20px}.blog-footer-links{display:flex;justify-content:center;gap:24px;margin-bottom:20px}.blog-footer-links a{font-size:13px;color:#9090a0;text-decoration:none;transition:.15s}.blog-footer-links a:hover{color:#ff6b35}.blog-footer-copy{font-size:12px;color:#5a5a65;margin:0}@media(max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}.featured-card{grid-template-columns:1fr}.featured-visual{min-height:220px}.featured-content{padding:28px}.featured-content h2{font-size:24px}}@media(max-width:768px){.blog-nav-inner{padding:12px 20px}.blog-nav-links,.blog-nav-actions{display:none}.blog-mobile-toggle{display:block}.blog-mobile-menu{display:flex}.blog-hero{padding:60px 20px 30px}.blog-hero h1{font-size:32px}.blog-hero p{font-size:15px}.blog-featured{padding:10px 20px 30px}.blog-categories{padding:0 20px 20px}.blog-categories-inner{overflow-x:auto;flex-wrap:nowrap;padding-bottom:12px}.blog-grid-section{padding:0 20px 40px}.blog-grid{grid-template-columns:1fr;gap:16px}.blog-cta-section{padding:0 20px 60px}.blog-cta-card{padding:40px 24px}.blog-cta-card h2{font-size:24px}.blog-cta-features{flex-direction:column;gap:8px}.blog-footer{padding:30px 20px}}@media(max-width:480px){.blog-hero h1{font-size:28px}.blog-card-cover{height:130px}.card-emoji{font-size:36px}}.bp-page{min-height:100vh;background:#fafafa;font-family:DM Sans,-apple-system,sans-serif;color:#0f0f12}.accent{color:#ff6b35}.bp-progress-bar{position:fixed;top:0;left:0;width:var(--read-progress, 0%);height:3px;background:linear-gradient(90deg,#ff6b35,#ff8c5a);z-index:200;transition:width .1s linear}.bp-nav{position:sticky;top:0;z-index:100;background:#ffffffeb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid #EDEDF0}.bp-nav-inner{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:12px 40px}.bp-logo{display:flex;align-items:center;gap:8px;text-decoration:none;font-family:Outfit,sans-serif;font-size:17px;font-weight:700;color:#0f0f12}.bp-logo-icon{width:30px;height:30px;background:linear-gradient(135deg,#ff6b35,#e55a2b);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.bp-nav-links{display:flex;gap:24px}.bp-nav-links a{font-size:14px;font-weight:500;color:#5a5a65;text-decoration:none;transition:.15s}.bp-nav-links a:hover{color:#ff6b35}.btn-bp-cta{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#ff6b35;color:#fff;font-size:13px;font-weight:600;border-radius:100px;text-decoration:none;transition:.2s}.btn-bp-cta:hover{background:#e55a2b}.bp-header{padding:40px 40px 0;background:#fff}.bp-header-inner{max-width:760px;margin:0 auto}.bp-back{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#9090a0;text-decoration:none;margin-bottom:20px;transition:.15s}.bp-back:hover{color:#ff6b35}.bp-breadcrumb{display:flex;align-items:center;gap:6px;font-size:13px;color:#9090a0;margin-bottom:16px}.bp-breadcrumb a{color:#9090a0;text-decoration:none}.bp-breadcrumb a:hover{color:#ff6b35}.bp-breadcrumb svg{color:#ededf0}.bp-title{font-family:Outfit,sans-serif;font-size:40px;font-weight:800;line-height:1.2;color:#0f0f12;margin:0 0 16px;letter-spacing:-.5px}.bp-subtitle{font-size:18px;color:#5a5a65;line-height:1.6;margin:0 0 28px}.bp-meta-row{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-top:1px solid #F0F0F3;border-bottom:1px solid #F0F0F3;flex-wrap:wrap;gap:16px}.bp-author{display:flex;align-items:center;gap:12px}.bp-author-av{width:42px;height:42px;border-radius:50%;color:#fff;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center}.bp-author-name{display:block;font-size:14px;font-weight:600;color:#0f0f12}.bp-author-role{display:block;font-size:12px;color:#9090a0}.bp-meta-right{display:flex;align-items:center;gap:16px}.bp-date,.bp-read-time{display:flex;align-items:center;gap:5px;font-size:13px;color:#9090a0}.bp-tags{display:flex;flex-wrap:wrap;gap:6px;padding:16px 0 0}.bp-tag{padding:4px 10px;background:#f0f0f3;border-radius:6px;font-size:12px;font-weight:500;color:#5a5a65;text-decoration:none;transition:.15s}.bp-tag:hover{background:#ff6b351a;color:#ff6b35}.bp-cover{height:280px;display:flex;align-items:center;justify-content:center;border-radius:0 0 24px 24px;max-width:760px;margin:0 auto}.bp-cover-emoji{font-size:80px;filter:drop-shadow(0 4px 20px rgba(0,0,0,.2));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.bp-article{padding:48px 40px 0}.bp-article-inner{max-width:760px;margin:0 auto;position:relative}.bp-share-bar{position:sticky;top:80px;float:left;margin-left:-80px;display:flex;flex-direction:column;gap:8px}.bp-share-bar button{width:40px;height:40px;border-radius:10px;border:1px solid #EDEDF0;background:#fff;color:#5a5a65;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s}.bp-share-bar button:hover{border-color:#ff6b35;color:#ff6b35;background:#ff6b350d}.bp-content{font-size:17px;line-height:1.8;color:#2a2a30}.bp-content h2{font-family:Outfit,sans-serif;font-size:26px;font-weight:700;color:#0f0f12;margin:48px 0 16px;line-height:1.3}.bp-content h3{font-family:Outfit,sans-serif;font-size:20px;font-weight:600;color:#0f0f12;margin:32px 0 12px;line-height:1.3}.bp-content p{margin:0 0 20px}.bp-content ul,.bp-content ol{margin:0 0 24px;padding-left:24px}.bp-content li{margin-bottom:10px;line-height:1.7}.bp-content strong{color:#0f0f12;font-weight:600}.bp-content code{padding:2px 8px;background:#f0f0f3;border-radius:4px;font-size:14px;color:#e55a2b}.bp-content table{width:100%;border-collapse:collapse;margin:24px 0;font-size:14px;overflow-x:auto;display:block}.bp-content th,.bp-content td{padding:12px 16px;text-align:left;border:1px solid #EDEDF0}.bp-content th{background:#f8f8fa;font-weight:600;color:#0f0f12;white-space:nowrap}.bp-content td{color:#5a5a65}.bp-content a{color:#ff6b35;text-decoration:underline;text-underline-offset:2px}.bp-content a:hover{color:#e55a2b}.bp-cta{padding:60px 40px}.bp-cta-inner{max-width:760px;margin:0 auto}.bp-cta-card{background:linear-gradient(135deg,#0f0f12,#1a1a1f);border-radius:20px;padding:48px;text-align:center;color:#fff}.bp-cta-card h2{font-family:Outfit;font-size:28px;font-weight:700;margin:0 0 12px}.bp-cta-card p{font-size:15px;color:#ffffffa6;margin:0 0 28px}.bp-cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn-bp-primary{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:#ff6b35;color:#fff;font-family:DM Sans;font-size:15px;font-weight:600;border-radius:100px;text-decoration:none;transition:.2s}.btn-bp-primary:hover{background:#e55a2b;transform:translateY(-2px);box-shadow:0 8px 24px #ff6b354d}.btn-bp-secondary{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;font-family:DM Sans;font-size:15px;font-weight:600;border-radius:100px;text-decoration:none;transition:.2s}.btn-bp-secondary:hover{background:#ffffff26}.bp-related{padding:0 40px 60px}.bp-related-inner{max-width:760px;margin:0 auto}.bp-related h2{font-family:Outfit;font-size:24px;font-weight:700;color:#0f0f12;margin:0 0 24px}.bp-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.bp-related-card{background:#fff;border-radius:14px;overflow:hidden;border:1px solid #EDEDF0;text-decoration:none;color:inherit;transition:.25s}.bp-related-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000000f}.bp-related-cover{height:100px;display:flex;align-items:center;justify-content:center;font-size:32px}.bp-related-body{padding:14px}.bp-related-cat{font-size:11px;font-weight:600;display:block;margin-bottom:6px}.bp-related-body h3{font-family:Outfit;font-size:14px;font-weight:600;color:#0f0f12;line-height:1.35;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bp-related-meta{font-size:11px;color:#9090a0}.bp-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:40px}.bp-not-found h1{font-family:Outfit;font-size:28px;font-weight:700;margin:0 0 8px}.bp-not-found p{color:#5a5a65;margin:0 0 24px}.btn-back-blog{padding:10px 24px;background:#ff6b35;color:#fff;border-radius:100px;text-decoration:none;font-weight:600;font-size:14px}.bp-footer{background:#0f0f12;padding:28px 40px}.bp-footer-inner{max-width:760px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.bp-footer-inner p{font-size:12px;color:#5a5a65;margin:0}.bp-footer-links{display:flex;gap:20px}.bp-footer-links a{font-size:12px;color:#9090a0;text-decoration:none}.bp-footer-links a:hover{color:#ff6b35}@media(max-width:1024px){.bp-share-bar{display:none}.bp-related-grid{grid-template-columns:1fr 1fr}}@media(max-width:768px){.bp-nav-links,.btn-bp-cta{display:none}.bp-nav-inner{padding:12px 20px}.bp-header{padding:30px 20px 0}.bp-title{font-size:28px}.bp-subtitle{font-size:16px}.bp-meta-row{flex-direction:column;align-items:flex-start}.bp-cover{height:200px;margin:0 20px;border-radius:0 0 16px 16px}.bp-cover-emoji{font-size:56px}.bp-article{padding:32px 20px 0}.bp-content{font-size:16px}.bp-content h2{font-size:22px;margin-top:36px}.bp-content h3{font-size:18px}.bp-cta{padding:40px 20px}.bp-cta-card{padding:32px 20px}.bp-cta-card h2{font-size:22px}.bp-cta-btns{flex-direction:column}.btn-bp-primary,.btn-bp-secondary{width:100%;justify-content:center}.bp-related{padding:0 20px 40px}.bp-related-grid{grid-template-columns:1fr}.bp-footer{padding:20px}.bp-footer-inner{flex-direction:column;gap:12px;text-align:center}}@media(max-width:480px){.bp-title{font-size:24px}}