.landing-platform-float:nth-child(3){top:60%;left:8%}.landing-platform-float:nth-child(5){top:42%;left:5%}.landing-pricing-features{list-style:none;padding:0;margin:0 0 2rem;text-align:left;columns:2;column-gap:2rem}.landing-pricing-features li{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;font-size:.95rem;color:var(--text-secondary);border-bottom:1px solid var(--border-secondary);break-inside:avoid}.auth-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-primary);color:var(--text-primary);gap:16px}.auth-loading-spinner{width:48px;height:48px;border:4px solid rgba(245,158,11,.2);border-top-color:#f59e0b;border-radius:50%;animation:auth-spin 1s linear infinite}.auth-loading-inline{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px;color:var(--text-secondary)}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-back-link{position:fixed;top:24px;left:24px;display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--text-secondary);font-size:.9rem;cursor:pointer;padding:0;transition:color .2s;z-index:100}.auth-field input::placeholder{color:var(--text-tertiary)}.auth-success-icon{width:64px;height:64px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:#fff}.auth-success-icon svg{width:32px;height:32px}@media (max-width: 480px){.auth-page{padding:16px}.auth-card{padding:24px}.auth-header h1{font-size:1.5rem}.auth-theme-toggle{top:16px;right:16px}}.auth-referral-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;margin-bottom:16px;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid rgba(99,102,241,.25);border-radius:8px;font-size:14px;font-weight:500;color:#4f46e5}[data-theme=dark] .auth-referral-banner{color:#a5b4fc;border-color:#a5b4fc33;background:#6366f114}.auth-referral-banner svg{width:18px;height:18px;flex-shrink:0;stroke:currentColor}.auth-social-buttons{display:flex;flex-direction:column;gap:10px;margin-bottom:4px}.auth-social-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 16px;border-radius:10px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid var(--border-primary)}.auth-social-btn:disabled{opacity:.6;cursor:not-allowed}.auth-social-btn svg{flex-shrink:0}.auth-google-btn{background:var(--bg-card);color:var(--text-primary)}.auth-google-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent-primary)}.auth-passkey-btn{background:var(--bg-secondary);color:var(--text-secondary)}.auth-passkey-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--accent-primary)}.top-bar-content{max-width:1352px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.top-bar-text{min-width:0;flex-shrink:1}.top-bar-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.email-counter{display:flex;align-items:center;justify-content:center;gap:6px;height:44px;padding:12px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:12px;cursor:pointer;transition:all .2s ease;color:var(--text-secondary)}.email-counter:hover{background:var(--bg-hover);color:var(--text-primary)}.email-counter:hover,.email-counter:focus-visible{box-shadow:0 0 0 3px var(--accent-light);border-color:var(--accent-primary)!important;outline:none}.email-icon{width:18px;height:18px;color:var(--text-secondary)}.email-count{font-size:.875rem;color:var(--text-secondary);white-space:nowrap}.email-count strong{color:var(--text-primary);font-weight:700}.email-counter-success .email-icon{color:var(--success)}.email-counter-success:hover{border-color:var(--success)}.email-counter-warning .email-icon,.email-counter-warning .email-count strong{color:var(--warning)}.email-counter-warning:hover{border-color:var(--warning)}.email-counter-danger .email-icon,.email-counter-danger .email-count strong{color:var(--danger)}.email-counter-danger:hover{border-color:var(--danger)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:12px;cursor:pointer;transition:all .2s ease;color:var(--text-secondary)}.theme-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.theme-toggle svg{width:20px;height:20px}.theme-toggle:hover,.theme-toggle:focus-visible{box-shadow:0 0 0 3px var(--accent-light);border-color:var(--accent-primary);outline:none}.user-menu{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:10px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:12px;padding:8px 10px;height:44px;cursor:pointer;transition:all .2s ease;color:var(--text-primary)}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;flex-shrink:0}.user-name{font-size:.9375rem;font-weight:500;color:var(--text-primary);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-trigger:hover{background:var(--bg-hover);border-color:var(--border-primary)}.user-menu-trigger:hover,.user-menu-trigger:focus-visible{box-shadow:0 0 0 3px var(--accent-light);border-color:var(--accent-primary);outline:none}.user-menu-trigger[aria-expanded=true]{background:var(--bg-hover);border-color:var(--accent-primary)}.user-menu-trigger svg{width:18px;height:18px}.user-menu-trigger .chevron{width:14px;height:14px;transition:transform .2s}.user-menu-trigger[aria-expanded=true] .chevron{transform:rotate(180deg)}.user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:280px;background:var(--dropdown-bg);border:1px solid var(--dropdown-border);border-radius:12px;box-shadow:var(--dropdown-shadow);overflow:hidden;z-index:1000}.user-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;border:none;background:transparent;color:var(--text-primary);font-size:.9rem;text-align:left;cursor:pointer;transition:background .2s ease;text-decoration:none}.user-menu-item svg{width:18px;height:18px;color:var(--text-secondary);flex-shrink:0}.user-menu-danger{color:#ef4444}.user-menu-danger svg{color:#ef4444}.user-menu-danger:hover{background:var(--danger-light, rgba(239, 68, 68, .1))}.user-menu-add-account{color:var(--text-secondary);font-size:.875rem}.user-menu-add-account:hover{color:var(--text-primary)}.user-menu-add-account-form{padding:12px 16px;border-bottom:1px solid var(--border-primary)}.user-menu-add-input{width:100%;padding:8px 10px;margin-bottom:8px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);font-size:.875rem;box-sizing:border-box}.user-menu-add-input:focus{outline:none;border-color:var(--accent-primary, #3b82f6)}.user-menu-add-error{color:var(--danger, #ef4444);font-size:.8rem;margin:0 0 8px}.user-menu-add-actions{display:flex;gap:8px;justify-content:flex-end}.user-menu-add-cancel{padding:6px 12px;background:none;border:1px solid var(--border-primary);border-radius:6px;color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:background .2s ease}.user-menu-add-cancel:hover{background:var(--bg-hover)}.user-menu-add-submit{padding:6px 12px;background:var(--accent-primary, #3b82f6);border:none;border-radius:6px;color:#fff;font-size:.85rem;cursor:pointer;transition:opacity .2s ease}.user-menu-add-submit:hover{opacity:.9}.user-menu-add-submit:disabled{opacity:.6;cursor:not-allowed}.user-menu-section-label{padding:6px 16px 2px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary)}.user-menu-account-row{display:flex;align-items:center}.user-menu-account{flex:1;display:flex;align-items:center;gap:10px}.user-avatar-sm{width:28px;height:28px;font-size:.75rem}.user-menu-account-info{display:flex;flex-direction:column;min-width:0}.user-menu-account-name{font-size:.8125rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu-account-email{font-size:.6875rem;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu-account-remove{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px 12px;font-size:1.1rem;line-height:1;border-radius:4px;flex-shrink:0}.user-menu-account-remove:hover{color:#ef4444;background:var(--danger-light, rgba(239, 68, 68, .1))}@media (max-width: 768px){.top-bar-content{padding:0 16px}.top-bar-text h1{font-size:1.25rem}.top-bar-text p{display:none}.email-count{font-size:.8125rem}.email-count strong:after{content:"k"}.user-name{display:none}.user-menu-trigger{padding:4px}}@media (max-width: 480px){.top-bar-actions{gap:8px}.email-count{font-size:0}.email-count strong{font-size:.8125rem}.email-icon{width:16px;height:16px}}.account-overview{display:flex;align-items:center;gap:32px;padding:20px 24px;background:var(--bg-card);border-radius:16px;border:1px solid var(--border-primary);box-shadow:var(--shadow-sm)}.overview-stat{display:flex;align-items:center;gap:12px;width:33%}.overview-icon{width:40px;height:40px;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0}.overview-icon svg{width:20px;height:20px}.overview-icon-lists,.overview-icon-subscribers,.overview-icon-automations{background:#f59e0b1a;color:#f59e0b}[data-theme=dark] .overview-icon-lists,[data-theme=dark] .overview-icon-subscribers,[data-theme=dark] .overview-icon-automations{background:#f59e0b33}.overview-content{display:flex;flex-direction:column;gap:2px}.overview-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1}.overview-label{font-size:.875rem;color:var(--text-secondary);line-height:1.2}.overview-divider{width:1px;height:40px;background:var(--border-primary)}.account-overview-loading{padding:16px 0;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.account-overview{gap:16px;overflow-x:auto}.overview-stat{gap:10px}.overview-icon{width:36px;height:36px;min-width:36px;min-height:36px}.overview-icon svg{width:18px;height:18px}.overview-value{font-size:1.25rem}.overview-label{font-size:.8125rem}.overview-divider{height:36px}}@media (max-width: 480px){.account-overview{gap:12px}.overview-stat{gap:8px}.overview-icon{width:32px;height:32px;min-width:32px;min-height:32px}.overview-value{font-size:1.125rem}.overview-label{font-size:.75rem;display:none}}.gsc-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:20px 20px 16px}.gsc-card--complete{border-color:#10b98166;background:linear-gradient(135deg,rgba(16,185,129,.04) 0%,var(--bg-secondary) 100%)}.gsc-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.gsc-header-left{display:flex;align-items:center;gap:12px}.gsc-icon{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--accent-light);color:var(--accent-primary);border-radius:10px}.gsc-card--complete .gsc-icon{background:#10b9811f;color:#10b981}.gsc-icon svg{width:20px;height:20px}.gsc-title{font-size:.9375rem;font-weight:700;color:var(--text-primary);margin:0 0 2px;line-height:1.3}.gsc-subtitle{font-size:.8125rem;color:var(--text-secondary);margin:0}.gsc-dismiss{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;border-radius:6px;transition:background .15s,color .15s;padding:0}.gsc-dismiss:hover{background:var(--bg-hover);color:var(--text-secondary)}.gsc-dismiss svg{width:15px;height:15px}.gsc-progress{height:4px;background:var(--border-primary);border-radius:2px;overflow:hidden;margin-bottom:16px}.gsc-progress-bar{height:100%;background:var(--accent-primary);border-radius:2px;transition:width .4s ease}.gsc-card--complete .gsc-progress-bar{background:#10b981}.gsc-steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.gsc-step{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:8px;transition:background .1s}.gsc-step:hover{background:var(--bg-hover)}.gsc-step-check{width:20px;height:20px;flex-shrink:0;border-radius:50%;border:2px solid var(--border-primary);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.gsc-step-check--done{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.gsc-step-check svg{width:11px;height:11px}.gsc-step-label{flex:1;font-size:.875rem;color:var(--text-primary);line-height:1.4}.gsc-step--done .gsc-step-label{color:var(--text-tertiary);text-decoration:line-through;text-decoration-color:var(--text-muted)}.gsc-step-cta{flex-shrink:0;font-size:.75rem;font-weight:600;color:var(--accent-primary);background:var(--accent-light);border:none;border-radius:5px;padding:4px 10px;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.gsc-step-cta:hover{background:var(--accent-primary);color:#fff}@media (max-width: 480px){.gsc-card{padding:16px 16px 12px}.gsc-step{flex-wrap:wrap;gap:6px}.gsc-step-cta{margin-left:30px}}.collapsible-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none;padding-bottom:16px;transition:padding-bottom .3s ease,margin-bottom .3s ease,border-color .3s ease}.collapsible-header.collapsed{border-bottom-color:transparent;padding-bottom:0;margin-bottom:0;transition:padding-bottom .15s ease .15s,margin-bottom .15s ease .15s,border-color .15s ease .1s}.collapsible-header:focus{outline:none}.collapsible-title{display:flex;align-items:center;gap:10px;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.title-accent{width:4px;height:24px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:2px;flex-shrink:0}.card-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;background:var(--accent-light);color:var(--accent-primary);font-size:.8125rem;font-weight:600;border-radius:6px}.collapsible-header-actions,.header-actions-buttons{display:flex;align-items:center;gap:8px}.collapse-icon{width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.collapse-icon:hover{background:var(--bg-hover);color:var(--text-primary)}.collapse-icon svg{width:20px;height:20px;transition:transform .2s ease}.collapse-icon.expanded svg{transform:rotate(180deg)}.collapsible-content{max-height:10000px;overflow:hidden;transition:max-height .3s ease,opacity .3s ease;opacity:1}.collapsible-content.collapsed{max-height:0;opacity:0}@media (max-width: 768px){.collapsible-title{font-size:1.125rem}.title-accent{width:3px;height:20px}.collapsible-header{padding-bottom:12px;margin-bottom:16px}}.lists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;width:100%}.list-card{position:relative;display:flex;flex-direction:column;padding:16px;background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:12px;cursor:pointer;transition:all .15s ease}.list-card:hover{border-color:var(--accent-primary);background:var(--bg-primary)}.list-card.selected{border-color:var(--accent-primary);background:#f59e0b14}.list-card.selected:hover{background:#f59e0b1f}.list-card-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.list-icon{width:40px;height:40px;min-width:40px;display:flex;align-items:center;justify-content:center;background:var(--accent-primary);border-radius:10px}.list-icon svg{width:20px;height:20px;color:#fff}.list-name{flex:1;font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.btn-icon-minimal{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:6px;color:var(--text-tertiary);cursor:pointer;transition:all .15s ease;flex-shrink:0}.btn-icon-minimal:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-icon-minimal svg{width:16px;height:16px}.list-actions{display:flex;flex-direction:column;margin:auto -16px -16px}.list-action-btn{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:transparent;border:none;border-top:1px solid var(--border-primary);color:var(--text-primary);font-size:.875rem;font-weight:500;text-align:left;cursor:pointer;transition:background .15s ease}.list-action-btn:last-child{border-radius:0 0 10px 10px}.list-action-btn:hover{background:var(--bg-hover)}.list-card.selected .list-action-btn{border-top-color:#f59e0b59}.list-card.selected:hover .list-action-btn{border-top-color:#f59e0b73}.list-card.selected .list-action-btn:hover{background:#f59e0b26}.list-action-btn svg{width:18px;height:18px;flex-shrink:0;color:var(--text-secondary)}.list-action-btn span{flex:1}.list-action-btn .chevron{width:16px;height:16px;color:var(--text-tertiary)}a.list-action-btn{text-decoration:none;color:var(--text-primary)}.list-action-btn.copied,.list-card.selected .list-action-btn.copied,.list-card.selected .list-action-btn.copied:hover{background:#16a34a;color:#fff}.list-action-btn.copied svg,.list-card.selected .list-action-btn.copied svg{color:#fff}.list-menu-container{position:relative}.list-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;box-shadow:var(--shadow-lg);z-index:100;min-width:160px;overflow:hidden;padding:4px 0}.dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;background:transparent;border:none;color:var(--text-primary);font-size:.8125rem;font-weight:500;text-align:left;cursor:pointer;transition:all .1s ease}.dropdown-item:hover{background:var(--bg-hover)}.dropdown-item svg{width:15px;height:15px;flex-shrink:0;color:var(--text-secondary)}.dropdown-divider{height:1px;background:var(--border-primary);margin:4px 0}.dropdown-item-danger{color:#ef4444}.dropdown-item-danger svg{color:#ef4444}.dropdown-item-danger:hover{background:#ef44441a}.lists-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:16px}.lists-loading p{color:var(--text-secondary);font-size:.875rem;margin:0}.lists-onboarding-empty{display:flex;gap:28px;padding:36px 24px;align-items:flex-start}.lists-onboarding-icon{width:72px;height:72px;min-width:72px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f59e0b1f,#d9770614);border:2px solid rgba(245,158,11,.25);border-radius:16px}.lists-onboarding-icon svg{width:36px;height:36px;color:var(--accent-primary)}.lists-onboarding-content{flex:1;min-width:0}.lists-onboarding-title{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0 0 8px;line-height:1.3}.lists-onboarding-description{font-size:.875rem;color:var(--text-secondary);margin:0 0 20px;line-height:1.6;max-width:560px}.lists-onboarding-features{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:10px}.lists-onboarding-features li{display:flex;align-items:center;gap:10px;font-size:.875rem;color:var(--text-secondary);line-height:1.4}.lists-onboarding-features li strong{color:var(--text-primary)}.lists-feature-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;border-radius:6px;background:var(--bg-tertiary);flex-shrink:0}.lists-feature-icon svg{width:14px;height:14px;color:var(--accent-primary)}.lists-onboarding-cta{margin-top:4px}@media (max-width: 600px){.lists-onboarding-empty{flex-direction:column;gap:20px;padding:28px 16px}.lists-onboarding-icon{width:56px;height:56px;min-width:56px;border-radius:12px}.lists-onboarding-icon svg{width:28px;height:28px}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px;min-height:240px}.empty-state-icon{width:64px;height:64px;border-radius:12px;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.empty-state-icon svg{width:32px;height:32px;color:var(--text-tertiary)}.empty-state-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 8px}.empty-state-text{font-size:.875rem;color:var(--text-secondary);max-width:320px;margin:0 0 20px;line-height:1.5}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:8px;font-size:.875rem;font-weight:600;line-height:1;text-decoration:none;border:none;cursor:pointer;transition:all .15s ease;white-space:nowrap}.btn-primary{background:var(--accent-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--accent-secondary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-icon{width:36px;height:36px;min-width:36px;min-height:36px;padding:0;border-radius:8px;background:transparent;border:1px solid var(--border-primary);color:var(--text-secondary);cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:var(--bg-hover);border-color:var(--text-muted);color:var(--text-primary)}.btn-icon.btn-primary{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.btn-icon.btn-primary:hover{background:var(--accent-secondary);border-color:var(--accent-secondary)}.btn-icon svg{width:18px;height:18px;stroke-width:2}@media (max-width: 768px){.lists-grid{grid-template-columns:1fr;gap:12px}.list-card{padding:14px}.list-card-header{margin-bottom:12px}.list-icon{width:36px;height:36px;min-width:36px;border-radius:8px}.list-icon svg{width:18px;height:18px}.list-actions{margin-left:-14px;margin-right:-14px;margin-bottom:-14px}.list-action-btn{padding:10px 14px}.empty-state{padding:32px 16px;min-height:200px}.empty-state-icon{width:56px;height:56px}.empty-state-icon svg{width:28px;height:28px}}@media (max-width: 480px){.list-name{font-size:.9375rem}.list-action-btn{padding:10px 14px;font-size:.8125rem}}.no-list-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px;min-height:300px}.no-list-icon{width:80px;height:80px;border-radius:16px;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;margin-bottom:20px}.no-list-icon svg{width:40px;height:40px;color:var(--text-tertiary)}.no-list-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 8px}.no-list-text{font-size:.9375rem;color:var(--text-secondary);max-width:400px;margin:0;line-height:1.6}.tab-header-actions{display:flex;align-items:center;gap:8px}.btn-icon.btn-active{color:var(--accent-primary);border-color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 10%,transparent)}.filter-btn-wrapper{position:relative}.filter-active-dot{position:absolute;top:2px;right:2px;width:9px;height:9px;border-radius:50%;background:var(--accent-primary);border:2px solid var(--bg-card);pointer-events:none}.filter-btn-wrapper[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%);background:var(--bg-tooltip, #1e2130);color:#fff;font-size:.75rem;font-weight:500;padding:4px 9px;border-radius:6px;white-space:nowrap;pointer-events:none;z-index:200;box-shadow:0 2px 8px #0003}.filter-panel{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:14px;margin-bottom:4px}.filter-panel-header{display:flex;justify-content:space-between;align-items:center}.filter-panel-title{font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em}.filter-panel-clear{font-size:.8125rem;color:var(--accent-primary);background:none;border:none;cursor:pointer;padding:2px 8px;border-radius:6px;transition:background .15s ease}.filter-panel-clear:hover{background:color-mix(in srgb,var(--accent-primary) 10%,transparent)}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group-label{font-size:.8rem;font-weight:500;color:var(--text-secondary)}.filter-options{display:flex;flex-wrap:wrap;gap:6px}.filter-option-btn{padding:4px 12px;font-size:.8125rem;border:1px solid var(--border-primary);border-radius:20px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;white-space:nowrap}.filter-option-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 8%,transparent)}.filter-option-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;font-weight:500}.btn-create{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.btn-create:hover{background:var(--accent-secondary);border-color:var(--accent-secondary);transform:scale(1.1)}.search-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;margin-bottom:20px}.search-bar svg{width:20px;height:20px;color:var(--text-tertiary);flex-shrink:0}.search-bar input{flex:1;border:none;background:transparent;font-size:.9375rem;color:var(--text-primary);outline:none}.search-bar input::placeholder{color:var(--text-tertiary)}.tabs-container{display:flex;flex-direction:column;gap:16px}.tabs-row{display:flex;align-items:center;gap:12px}.tabs-nav{display:flex;gap:4px;padding:4px;background:var(--bg-tertiary);border-radius:10px;border:1px solid var(--border-primary);flex:1}.tab-button{flex:1;padding:10px 20px;background:transparent;border:none;border-radius:8px;font-size:1rem;font-weight:600;color:var(--text-tertiary);cursor:pointer;transition:all .2s ease;white-space:nowrap}.tab-button:hover{color:var(--text-primary);background:var(--bg-hover)}.tab-button.active{background:var(--bg-card);color:var(--accent-primary)}.view-toggle{display:flex;gap:2px;padding:4px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:10px;flex-shrink:0}.view-toggle-btn{display:flex;align-items:center;justify-content:center;padding:8px 10px;background:transparent;border:none;border-radius:6px;cursor:pointer;color:var(--text-tertiary);transition:all .15s ease}.view-toggle-btn:hover{color:var(--text-secondary);background:var(--bg-secondary)}.view-toggle-btn.active{background:var(--bg-card);color:var(--accent-primary)}.view-toggle-btn svg{width:18px;height:18px}.tab-content{min-height:200px}@media (max-width: 768px){.no-list-selected{padding:32px 16px;min-height:250px}.no-list-icon{width:64px;height:64px}.no-list-icon svg{width:32px;height:32px}.tabs-row{gap:8px}.tabs-nav{gap:2px;padding:3px}.tab-button{padding:8px 12px;font-size:.875rem}.view-toggle{padding:3px}.view-toggle-btn{padding:6px 8px}.view-toggle-btn svg{width:16px;height:16px}.search-bar{padding:10px 12px;margin-bottom:16px}}@media (max-width: 480px){.tabs-row{flex-direction:column;gap:10px}.tabs-nav{width:100%}.view-toggle{align-self:flex-end}.tab-button{padding:8px 10px;font-size:.8125rem}}.period-selector{display:flex;gap:4px;padding:3px;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border-primary)}.period-button{padding:6px 12px;background:transparent;border:none;border-radius:6px;font-size:.8125rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;white-space:nowrap}.period-button:hover{color:var(--text-primary);background:var(--bg-hover)}.period-button.active{background:var(--bg-primary);color:var(--accent-primary);box-shadow:var(--shadow-sm)}.analytics-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.analytics-metric{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:12px;transition:all .2s ease}.analytics-metric:hover{border-color:var(--text-muted);box-shadow:var(--shadow-sm)}.analytics-icon{width:48px;height:48px;min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center;border-radius:10px;flex-shrink:0}.analytics-icon svg{width:24px;height:24px}.analytics-icon-sent{background:#f59e0b1a;color:#f59e0b}.analytics-icon-open{background:#10b9811a;color:#10b981}.analytics-icon-click{background:#8b5cf61a;color:#8b5cf6}.analytics-icon-unsub{background:#ef44441a;color:#ef4444}[data-theme=dark] .analytics-icon-sent{background:#f59e0b33}[data-theme=dark] .analytics-icon-open{background:#10b98133}[data-theme=dark] .analytics-icon-click{background:#8b5cf633}[data-theme=dark] .analytics-icon-unsub{background:#ef444433}.analytics-metric-content{flex:1;min-width:0}.analytics-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1.2;margin:0 0 4px}.analytics-label{font-size:.875rem;color:var(--text-secondary);line-height:1.4;margin:0}.top-performers{padding-top:24px;border-top:1px solid var(--border-primary)}.top-performers-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 16px}.top-performers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.top-performer-card{padding:16px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:10px;transition:all .2s ease}.top-performer-card:hover{border-color:var(--text-muted);box-shadow:var(--shadow-sm)}.top-performer-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.top-performer-header svg{width:16px;height:16px;color:var(--accent-primary)}.top-performer-type{font-size:.8125rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.top-performer-name{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-performer-stats{display:flex;gap:12px;flex-wrap:wrap}.top-performer-stat{font-size:.8125rem;color:var(--text-secondary)}.analytics-split-container{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.analytics-section{padding:20px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:12px;transition:all .2s ease}.analytics-section:hover{border-color:var(--text-muted);box-shadow:var(--shadow-sm)}.analytics-section-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border-primary)}.analytics-section-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#8b5cf61a;color:var(--accent-primary)}.analytics-section-icon svg{width:18px;height:18px}[data-theme=dark] .analytics-section-icon{background:#8b5cf626}.analytics-section-header .analytics-section-title{font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0;line-height:1}.analytics-section-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.analytics-section-metric{text-align:center}.analytics-section-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1.2;margin-bottom:4px}.analytics-value-open{color:#10b981}.analytics-value-click{color:#8b5cf6}.analytics-section-label{font-size:.75rem;font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.analytics-no-data{display:flex;flex-direction:column;gap:16px}.analytics-no-data-message{font-size:.875rem;color:var(--text-secondary);margin:0;text-align:center;padding:4px 0}.analytics-ghost-split .analytics-ghost-section{opacity:.4;pointer-events:none;-webkit-user-select:none;user-select:none}.analytics-ghost-value{color:var(--text-tertiary)!important;font-size:1.25rem!important}.analytics-no-data-cta{display:flex;justify-content:center;padding-top:4px}.analytics-cta-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:1px solid var(--border-primary);border-radius:8px;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.analytics-cta-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#f59e0b0d}.analytics-cta-btn svg{width:14px;height:14px}.analytics-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:16px}.analytics-loading p{color:var(--text-secondary);font-size:.9375rem;margin:0}@media (max-width: 768px){.analytics-split-container{grid-template-columns:1fr;gap:16px}.analytics-section{padding:16px}.analytics-section-header{margin-bottom:16px;padding-bottom:10px}.analytics-section-metrics{gap:12px}.analytics-section-value{font-size:1.25rem}.analytics-metrics{grid-template-columns:1fr;gap:12px;margin-bottom:24px}.analytics-metric{padding:16px}.analytics-icon{width:40px;height:40px;min-width:40px;min-height:40px}.analytics-icon svg{width:20px;height:20px}.analytics-value{font-size:1.5rem}.top-performers{padding-top:20px}.top-performers-grid{grid-template-columns:1fr;gap:12px}.period-selector{flex-wrap:wrap}.period-button{padding:5px 10px;font-size:.75rem}}.email-health-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:.8125rem;font-weight:600;white-space:nowrap}.email-health-badge:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:currentColor}.health-status-excellent{background:#10b9811a;color:#10b981}.health-status-good{background:#f59e0b1a;color:#f59e0b}.health-status-at-risk{background:#f973161a;color:#f97316}.health-status-critical{background:#ef44441a;color:#ef4444}[data-theme=dark] .health-status-excellent{background:#10b98126}[data-theme=dark] .health-status-good{background:#f59e0b26}[data-theme=dark] .health-status-at-risk{background:#f9731626}[data-theme=dark] .health-status-critical{background:#ef444426}.email-health-body{display:flex;flex-direction:column;gap:0}.email-health-section{padding:4px 0 20px}.email-health-section:first-child{padding-top:0}.email-health-section-title{font-size:.8125rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px}.email-health-section-subtitle{text-transform:none;letter-spacing:0;font-weight:400;color:var(--text-tertiary)}.email-health-divider{height:1px;background:var(--border-primary);margin:0 0 20px}.email-health-engagement-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.email-health-stat{padding:14px 16px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:10px;text-align:center;transition:all .2s ease}.email-health-stat:hover{border-color:var(--text-muted);box-shadow:var(--shadow-sm)}.email-health-stat-value{font-size:1.5rem;font-weight:700;line-height:1.2;margin-bottom:4px}.email-health-engaged{color:#10b981}.email-health-inactive{color:#f59e0b}.email-health-cold{color:#ef4444}.email-health-new{color:var(--text-secondary)}.email-health-stat-label{font-size:.8125rem;font-weight:600;color:var(--text-secondary);margin-bottom:2px}.email-health-stat-hint{font-size:.6875rem;color:var(--text-tertiary);line-height:1.3}.email-health-bar{display:flex;height:8px;border-radius:4px;overflow:hidden;background:var(--bg-tertiary);border:1px solid var(--border-primary);gap:1px}.email-health-bar-segment{height:100%;transition:width .4s ease;min-width:2px}.bar-engaged{background:#10b981}.bar-new{background:#94a3b8}.bar-inactive{background:#f59e0b}.bar-cold{background:#ef4444}.email-health-delivery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.email-health-delivery-stat{padding:14px 16px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:10px;text-align:center;transition:all .2s ease}.email-health-delivery-stat:hover{border-color:var(--text-muted);box-shadow:var(--shadow-sm)}.delivery-good{border-left:3px solid #10b981}.delivery-warning{border-left:3px solid #f59e0b}.delivery-critical{border-left:3px solid #ef4444}.email-health-delivery-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1.2;margin-bottom:4px}.delivery-good .email-health-delivery-value{color:#10b981}.delivery-warning .email-health-delivery-value{color:#f59e0b}.delivery-critical .email-health-delivery-value{color:#ef4444}.email-health-delivery-label{font-size:.8125rem;font-weight:600;color:var(--text-secondary);margin-bottom:2px}.email-health-delivery-threshold{font-size:.6875rem;color:var(--text-tertiary)}.email-health-no-data{font-size:.875rem;color:var(--text-secondary);padding:16px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:10px;margin:0;line-height:1.5}.email-health-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:16px}.email-health-loading p{color:var(--text-secondary);font-size:.9375rem;margin:0}@media (max-width: 768px){.email-health-engagement-grid,.email-health-delivery-grid{grid-template-columns:repeat(2,1fr)}.email-health-delivery-grid>:last-child{grid-column:1 / -1}.email-health-stat-value,.email-health-delivery-value{font-size:1.25rem}}.week-calendar{display:flex;flex-direction:column;gap:20px}.calendar-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;background:var(--bg-tertiary);border-radius:10px}.calendar-view-toggle{display:flex;gap:4px;padding:4px;background:var(--bg-secondary);border-radius:8px}.view-toggle-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:none;border-radius:6px;font-size:.875rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.view-toggle-btn svg{width:16px;height:16px}.view-toggle-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.view-toggle-btn.active{background:var(--bg-primary);color:var(--accent-primary);box-shadow:var(--shadow-sm)}.calendar-navigation{display:flex;align-items:center;gap:12px}.nav-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.nav-btn:hover{background:var(--bg-hover);border-color:var(--text-muted);color:var(--text-primary)}.nav-btn svg{width:20px;height:20px}.calendar-date-range{display:flex;align-items:center;gap:12px;font-size:1rem;font-weight:600;color:var(--text-primary)}.btn-today{padding:6px 12px;background:var(--accent-light);color:var(--accent-primary);border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-today:hover{background:var(--accent-primary);color:#fff}.week-grid-container{overflow-x:auto;border-radius:10px;border:1px solid var(--border-primary)}.week-grid{min-width:800px;background:var(--bg-primary)}.week-header{display:grid;grid-template-columns:80px repeat(7,1fr);border-bottom:2px solid var(--border-primary);background:var(--bg-tertiary)}.time-column-header{padding:12px}.day-header{padding:12px;text-align:center;border-left:1px solid var(--border-primary)}.day-header.today{background:var(--accent-light)}.day-name{font-size:.75rem;font-weight:600;color:var(--text-secondary);margin-bottom:4px}.day-header.today .day-name{color:var(--accent-primary)}.day-number{width:32px;height:32px;margin:0 auto;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;color:var(--text-primary);border-radius:50%}.day-header.today .day-number{background:var(--accent-primary);color:#fff}.week-body{display:grid;grid-template-columns:80px repeat(7,1fr)}.time-column{border-right:1px solid var(--border-primary)}.time-label{height:54px;padding:8px 12px;font-size:.75rem;color:var(--text-tertiary);border-bottom:1px solid var(--border-primary);display:flex;align-items:flex-start}.day-column{position:relative;border-left:1px solid var(--border-primary)}.day-column.today{background:#f59e0b05}.time-slot{height:54px;min-height:54px;max-height:54px;padding:0;border-bottom:1px solid var(--border-primary);position:relative;overflow:hidden}.time-slot-content{position:absolute;top:2px;left:2px;right:2px;bottom:2px;overflow:hidden;display:flex;flex-direction:column;gap:1px}.calendar-event{padding:2px 4px;background:var(--accent-light);border-left:3px solid var(--accent-primary);border-radius:4px;cursor:pointer;transition:all .2s ease;overflow:hidden;flex-shrink:0}.calendar-event:hover{background:var(--accent-primary);color:#fff;transform:translate(2px)}.event-time{font-size:.625rem;font-weight:600;color:var(--accent-primary)}.calendar-event:hover .event-time{color:#fff}.event-title{font-size:.6875rem;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.calendar-event:hover .event-title{color:#fff}.event-more{font-size:.5625rem;color:var(--text-secondary);font-weight:500;padding:0 4px;flex-shrink:0}.month-grid-container{border-radius:10px;border:1px solid var(--border-primary);overflow:hidden}.month-grid{background:var(--bg-primary)}.month-weekdays{display:grid;grid-template-columns:repeat(7,1fr);background:var(--bg-tertiary);border-bottom:2px solid var(--border-primary)}.month-weekday{padding:12px;text-align:center;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase}.month-days{display:grid;grid-template-columns:repeat(7,1fr)}.month-day{min-height:100px;padding:8px;border-right:1px solid var(--border-primary);border-bottom:1px solid var(--border-primary);background:var(--bg-primary);transition:all .2s ease}.month-day:nth-child(7n){border-right:none}.month-day.empty{background:var(--bg-tertiary);cursor:default}.month-day.today{background:var(--accent-light)}.month-day.past{background:#0000000d}.month-day.past .month-day-number{color:var(--text-tertiary);opacity:.6}.month-day.has-broadcasts{cursor:pointer}.month-day.has-broadcasts:hover{box-shadow:inset 0 0 0 2px var(--accent-primary)}.month-day-number{font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.month-day.today .month-day-number{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--accent-primary);color:#fff;border-radius:50%}.month-day-indicators{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:6px}.month-indicator{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;font-size:.65rem;font-weight:700;color:#fff}.month-indicator.scheduled{background:linear-gradient(135deg,#f59e0b,#d97706)}.month-indicator.sent{background:linear-gradient(135deg,#10b981,#059669)}.month-day-preview{display:flex;flex-direction:column;gap:3px}.month-broadcast-preview{display:flex;align-items:center;gap:6px;padding:3px 6px;background:var(--bg-tertiary);border-radius:4px;cursor:pointer;transition:all .2s ease;overflow:hidden}.month-broadcast-preview:hover{background:var(--bg-hover);transform:translate(2px)}.month-broadcast-preview.sent{opacity:.7}.month-broadcast-time{font-size:.65rem;color:var(--text-secondary);font-weight:500;white-space:nowrap}.month-broadcast-subject{font-size:.65rem;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.month-broadcast-more{font-size:.65rem;color:var(--text-secondary);font-weight:500;padding:2px 6px}@media (max-width: 1024px){.calendar-controls{flex-direction:column;align-items:stretch}.calendar-view-toggle,.calendar-navigation{justify-content:center}}@media (max-width: 768px){.week-grid{min-width:600px}.week-header,.week-body{grid-template-columns:60px repeat(7,1fr)}.time-label{font-size:.6875rem;padding:6px 8px}.day-header{padding:8px 4px}.day-number{width:28px;height:28px;font-size:.875rem}.month-day{min-height:80px;padding:4px}.month-day-number{font-size:.8rem}.month-indicator{font-size:.55rem;min-width:16px;height:16px;padding:0 3px}.month-day-preview{display:none}}.broadcasts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-auto-rows:130px;gap:14px}.broadcast-card{display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:12px 14px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-bottom:3px solid var(--border-primary);border-radius:10px;cursor:pointer;transition:all .15s ease;position:relative;overflow:visible}.broadcast-card-draft{border-bottom-color:#9ca3af}.broadcast-card-scheduled{border-bottom-color:#f59e0b}.broadcast-card-sent{border-bottom-color:#11e079}.broadcast-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.broadcast-card-draft:hover{border-color:#6b728059;border-bottom-color:#9ca3af}.broadcast-card-scheduled:hover{border-color:#f59e0b59;border-bottom-color:#f59e0b}.broadcast-card-sent:hover{border-color:#10b98159;border-bottom-color:#10b981}.broadcast-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.broadcast-card-top-left{display:flex;align-items:center;gap:7px}.broadcast-card-icon{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.broadcast-card-icon svg{width:15px;height:15px}.broadcast-card-draft .broadcast-card-icon{background:#6b72801f;color:#9ca3af}.broadcast-card-scheduled .broadcast-card-icon{background:#f59e0b1f;color:#f59e0b}.broadcast-card-sent .broadcast-card-icon{background:#10b9811f;color:#11e079}.broadcast-card-top-right{display:flex;align-items:center;gap:4px;flex-shrink:0}.broadcast-card-recipients{display:flex;align-items:center;gap:3px;font-size:.78rem;color:var(--text-tertiary)}.broadcast-card-recipients svg{width:12px;height:12px;flex-shrink:0}.broadcast-card-status-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.broadcast-card-status-label-draft{color:#9ca3af}.broadcast-card-status-label-scheduled{color:#f59e0b}.broadcast-card-status-label-sent{color:#11e079}.broadcast-card-date-sep{font-size:.68rem;color:var(--text-muted);opacity:.4}.broadcast-card-date{font-size:.71rem;color:var(--text-tertiary)}.status-badge{flex-shrink:0;padding:2px 8px;font-size:.68rem;font-weight:700;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.status-badge-draft{background:#6b72801f;color:#6b7280}.status-badge-scheduled{background:#f59e0b1f;color:#d97706}.status-badge-sent{background:#10b9811f;color:#059669}[data-theme=dark] .status-badge-draft{background:#6b728033}[data-theme=dark] .status-badge-scheduled{background:#f59e0b33}[data-theme=dark] .status-badge-sent{background:#10b98133}.broadcast-name{flex:1;font-size:.9rem;font-weight:600;color:var(--text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35}.broadcast-stats-footer{display:grid;grid-template-columns:1fr 1fr;margin:4px -14px -12px;border-top:1px solid var(--border-primary)}.broadcast-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:9px 8px 12px;text-align:center}.broadcast-stat+.broadcast-stat{border-left:1px solid var(--border-primary)}.broadcast-stat-value{font-size:.9rem;font-weight:700;color:var(--text-primary);line-height:1}.broadcast-stat-label{font-size:.62rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.broadcast-scheduled-footer{display:flex;align-items:center;gap:5px;margin:4px -14px 0;padding:10px 14px 0;border-top:1px solid var(--border-primary);font-size:.78rem;color:#d97706;font-weight:500}.broadcast-scheduled-footer svg{width:12px;height:12px;flex-shrink:0}.broadcasts-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:16px;min-height:200px}.broadcasts-loading p{color:var(--text-secondary);font-size:.9375rem;margin:0}.broadcasts-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px;min-height:300px}.broadcasts-empty-icon{width:80px;height:80px;border-radius:16px;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;margin-bottom:20px}.broadcasts-empty-icon svg{width:40px;height:40px;color:var(--text-tertiary)}.broadcasts-empty-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 8px}.broadcasts-empty-text{font-size:.9375rem;color:var(--text-secondary);max-width:400px;margin:0;line-height:1.6}.broadcasts-onboarding{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 32px;min-height:300px}.broadcasts-onboarding-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f59e0b1f,#d9770614);border:2px solid rgba(245,158,11,.25);border-radius:16px;margin-bottom:20px}.broadcasts-onboarding-icon svg{width:36px;height:36px;color:var(--accent-primary)}.broadcasts-onboarding-video{width:100%;max-width:480px;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;margin-bottom:24px;border:1px solid var(--border-primary)}.broadcasts-onboarding-video iframe{width:100%;height:100%;border:none}.broadcasts-onboarding-title{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0 0 8px;line-height:1.3}.broadcasts-onboarding-desc{font-size:.875rem;color:var(--text-secondary);max-width:440px;margin:0 0 16px;line-height:1.6}.broadcasts-onboarding-features{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:6px}.broadcasts-onboarding-features li{font-size:.8125rem;color:var(--text-secondary);line-height:1.4}.broadcasts-onboarding-features li:before{content:"·";margin-right:6px;color:var(--accent-primary);font-weight:700}.broadcasts-onboarding-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:center}.broadcasts-help-link{font-size:.875rem;color:var(--text-secondary);text-decoration:none;transition:color .15s ease}.broadcasts-help-link:hover{color:var(--accent-primary);text-decoration:underline}@media (max-width: 768px){.broadcasts-grid{grid-template-columns:1fr;gap:8px}.broadcast-card{padding:11px 13px}.broadcasts-empty{padding:32px 16px;min-height:250px}.broadcasts-empty-icon{width:64px;height:64px}.broadcasts-empty-icon svg{width:32px;height:32px}}@media (max-width: 480px){.broadcast-card-meta{flex-wrap:wrap;gap:3px}}.broadcasts-table-container{overflow:visible}.broadcasts-table{width:100%;border-collapse:collapse;border:1px solid var(--border-primary);border-radius:8px}.broadcasts-table thead tr:first-child th:first-child{border-top-left-radius:7px}.broadcasts-table thead tr:first-child th:last-child{border-top-right-radius:7px}.broadcasts-table tbody tr:last-child td:first-child{border-bottom-left-radius:7px}.broadcasts-table tbody tr:last-child td:last-child{border-bottom-right-radius:7px}.broadcasts-table th,.broadcasts-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-primary)}.broadcasts-table th{font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-tertiary)}.broadcasts-table tbody tr{cursor:pointer;transition:background .15s ease;background:#00000004}.broadcasts-table tbody tr:nth-child(2n){background:#0000000a}.broadcasts-table tbody tr:hover{background:var(--bg-hover)}.broadcasts-table tbody tr:last-child td{border-bottom:none}.broadcasts-table-subject{font-weight:500;color:var(--text-primary);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.broadcasts-table-date{color:var(--text-secondary);white-space:nowrap}.broadcasts-table-stat{color:var(--text-secondary);text-align:center}@media (max-width: 768px){.broadcasts-table th,.broadcasts-table td{padding:10px 12px}.broadcasts-table-subject{max-width:150px}.broadcasts-table th:nth-child(4),.broadcasts-table td:nth-child(4),.broadcasts-table th:nth-child(5),.broadcasts-table td:nth-child(5){display:none}}.broadcast-card-actions{position:relative}.broadcast-card-menu-btn{width:22px;height:22px;border-radius:5px;border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .15s ease,color .15s ease;flex-shrink:0}.broadcast-card-menu-btn:hover{background:var(--bg-hover);color:var(--text-secondary)}.broadcast-card-menu-btn svg{width:14px;height:14px}.broadcast-card-dropdown{position:absolute;top:calc(100% + 4px);right:0;z-index:200;min-width:130px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;box-shadow:var(--shadow-md);overflow:hidden;padding:4px 0}.broadcast-table-menu{position:relative;display:inline-flex}.broadcasts-table-actions-th{width:44px;padding:0 8px!important}.broadcasts-table-actions-cell{padding:6px 8px!important;text-align:center}.automation-calendar{display:flex;flex-direction:column;gap:20px}.automation-calendar-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.automation-stat-card{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-tertiary);border-radius:10px;border:1px solid var(--border-primary)}.automation-stat-card .stat-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;flex-shrink:0}.automation-stat-card .stat-icon svg{width:20px;height:20px}.automation-stat-card.active .stat-icon{background:#10b98126;color:#10b981}.automation-stat-card.inactive .stat-icon{background:#6b728026;color:var(--text-secondary)}.automation-stat-card.total .stat-icon{background:var(--accent-light);color:var(--accent-primary)}.automation-stat-card.emails .stat-icon{background:#f59e0b26;color:#f59e0b}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;font-weight:600}.automation-calendar-controls{display:flex;align-items:center;justify-content:center;padding:12px 16px;background:var(--bg-tertiary);border-radius:10px}.automation-calendar-controls .calendar-navigation{display:flex;align-items:center;gap:12px}.automation-calendar-controls .nav-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.automation-calendar-controls .nav-btn:hover{background:var(--bg-hover);border-color:var(--text-muted);color:var(--text-primary)}.automation-calendar-controls .nav-btn svg{width:20px;height:20px}.automation-calendar-controls .calendar-date-range{display:flex;align-items:center;gap:12px;font-size:1rem;font-weight:600;color:var(--text-primary)}.automation-calendar-controls .btn-today{padding:6px 12px;background:var(--accent-light);color:var(--accent-primary);border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.automation-calendar-controls .btn-today:hover{background:var(--accent-primary);color:#fff}.automation-month-grid-container{border-radius:10px;border:1px solid var(--border-primary);overflow:hidden}.automation-month-grid{background:var(--bg-primary)}.automation-month-grid .month-weekdays{display:grid;grid-template-columns:repeat(7,1fr);background:var(--bg-tertiary);border-bottom:2px solid var(--border-primary)}.automation-month-grid .month-weekday{padding:12px;text-align:center;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase}.automation-month-grid .month-days{display:grid;grid-template-columns:repeat(7,1fr)}.automation-month-grid .month-day{min-height:70px;padding:8px;border-right:1px solid var(--border-primary);border-bottom:1px solid var(--border-primary);background:var(--bg-primary)}.automation-month-grid .month-day:nth-child(7n){border-right:none}.automation-month-grid .month-day.empty{background:var(--bg-tertiary)}.automation-month-grid .month-day.today{background:var(--accent-light)}.automation-month-grid .month-day.past{background:#0000000d}.automation-month-grid .month-day-number{font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.automation-month-grid .month-day.today .month-day-number{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--accent-primary);color:#fff;border-radius:50%}.automation-month-grid .month-day.past .month-day-number{color:var(--text-tertiary);opacity:.6}.automation-month-grid .month-day-indicators{display:flex;gap:4px;margin-top:4px}.automation-month-grid .month-indicator.automation{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;font-size:.65rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.automation-month-grid .month-indicator.emails-sent{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;font-size:.65rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706)}.automation-month-grid .month-day.has-activity{background:#f59e0b0d}.automation-trigger-groups{background:var(--bg-tertiary);border-radius:10px;padding:16px}.trigger-groups-title{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:16px}.trigger-groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.trigger-group{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;overflow:hidden}.trigger-group-header{display:flex;align-items:center;gap:10px;padding:12px;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary)}.trigger-group-header .trigger-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--accent-light);border-radius:6px;color:var(--accent-primary)}.trigger-group-header .trigger-icon svg{width:14px;height:14px}.trigger-group-label{font-size:.8125rem;font-weight:600;color:var(--text-primary);flex:1}.trigger-group-count{font-size:.75rem;font-weight:600;color:var(--text-secondary);background:var(--bg-tertiary);padding:2px 8px;border-radius:10px}.trigger-group-items{padding:8px;display:flex;flex-direction:column;gap:4px}.trigger-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:var(--bg-secondary);border-radius:6px;cursor:pointer;transition:all .2s ease}.trigger-item:hover{background:var(--bg-hover);transform:translate(2px)}.trigger-item-name{font-size:.8125rem;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}.trigger-item-status{font-size:.625rem;font-weight:600;padding:2px 6px;border-radius:4px;text-transform:uppercase}.trigger-item-status.active{background:#10b98126;color:#10b981}.trigger-item-status.inactive{background:#6b728026;color:var(--text-secondary)}.trigger-item-more{font-size:.75rem;color:var(--text-secondary);text-align:center;padding:6px}@media (max-width: 768px){.automation-calendar-stats{grid-template-columns:repeat(3,1fr);gap:8px}.automation-stat-card{flex-direction:column;text-align:center;padding:12px 8px;gap:8px}.automation-stat-card .stat-icon{width:32px;height:32px}.automation-stat-card .stat-icon svg{width:16px;height:16px}.stat-value{font-size:1.25rem}.stat-label{font-size:.625rem}.automation-month-grid .month-day{min-height:60px;padding:4px}.automation-month-grid .month-day-number{font-size:.8rem}.trigger-groups-grid{grid-template-columns:1fr}}.automations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.automation-card{display:flex;flex-direction:column;gap:16px;padding:16px;background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:12px;cursor:pointer;transition:all .2s ease;position:relative}.automation-card:hover{border-color:var(--text-muted);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.automation-card.active{border-color:var(--accent-primary);background:var(--accent-light)}.automation-card.inactive{opacity:.7}.automation-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.automation-name{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;flex:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4}.status-toggle{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0;cursor:pointer}.status-toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border-primary);transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.status-toggle input:checked+.toggle-slider{background-color:var(--accent-primary)}.status-toggle input:checked+.toggle-slider:before{transform:translate(20px)}.status-toggle:hover .toggle-slider{box-shadow:0 0 0 3px var(--accent-light)}.automation-trigger{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-secondary);border-radius:8px}.trigger-icon{width:36px;height:36px;min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center;background:var(--accent-light);color:var(--accent-primary);border-radius:8px}.trigger-icon svg{width:20px;height:20px}.trigger-info{display:flex;flex-direction:column;gap:2px}.trigger-label{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.trigger-type{font-size:.875rem;font-weight:600;color:var(--text-primary)}.automation-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.automation-stat{display:flex;flex-direction:column;gap:4px;padding:10px;background:var(--bg-secondary);border-radius:8px}.automation-stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1}.automation-stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.automation-active-indicator{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;color:var(--accent-primary);text-transform:uppercase;letter-spacing:.5px;padding-top:12px;border-top:1px solid var(--accent-primary)}.automation-active-indicator svg{width:14px;height:14px}.automations-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:16px;min-height:200px}.automations-loading p{color:var(--text-secondary);font-size:.9375rem;margin:0}.automations-onboarding{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 32px;min-height:300px}.automations-onboarding-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f59e0b1f,#d9770614);border:2px solid rgba(245,158,11,.25);border-radius:16px;margin-bottom:20px}.automations-onboarding-icon svg{width:36px;height:36px;color:var(--accent-primary)}.automations-onboarding-title{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0 0 8px;line-height:1.3}.automations-onboarding-desc{font-size:.875rem;color:var(--text-secondary);max-width:460px;margin:0 0 16px;line-height:1.6}.automations-onboarding-features{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:6px}.automations-onboarding-features li{font-size:.8125rem;color:var(--text-secondary);line-height:1.4}.automations-onboarding-features li:before{content:"·";margin-right:6px;color:var(--accent-primary);font-weight:700}.automations-onboarding-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:center}.automations-help-link{font-size:.875rem;color:var(--text-secondary);text-decoration:none;transition:color .15s ease}.automations-help-link:hover{color:var(--accent-primary);text-decoration:underline}.automations-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px;min-height:300px}.automations-empty-icon{width:80px;height:80px;border-radius:16px;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;margin-bottom:20px}.automations-empty-icon svg{width:40px;height:40px;color:var(--text-tertiary)}.automations-empty-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 8px}.automations-empty-text{font-size:.9375rem;color:var(--text-secondary);max-width:400px;margin:0;line-height:1.6}.automations-table-container{overflow-x:auto}.automations-table{width:100%;border-collapse:collapse;border:1px solid var(--border-primary);border-radius:8px;overflow:hidden}.automations-table th,.automations-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-primary)}.automations-table th{font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-tertiary)}.automations-table tbody tr{cursor:pointer;transition:background .15s ease;background:#00000004}.automations-table tbody tr:nth-child(2n){background:#0000000a}.automations-table tbody tr:hover{background:var(--bg-hover)}.automations-table tbody tr:last-child td{border-bottom:none}.automations-table-name{font-weight:500;color:var(--text-primary);max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.automations-table-trigger{color:var(--text-secondary)}.automations-table-stat{color:var(--text-secondary);text-align:center}.status-toggle-sm{width:36px;height:20px}.status-toggle-sm .toggle-slider:before{height:14px;width:14px}.status-toggle-sm input:checked+.toggle-slider:before{transform:translate(16px)}.automations-calendar-placeholder{text-align:center;padding:24px 16px}.calendar-placeholder-icon{width:64px;height:64px;margin:0 auto 16px;background:var(--bg-tertiary);border-radius:12px;display:flex;align-items:center;justify-content:center}.calendar-placeholder-icon svg{width:32px;height:32px;color:var(--text-tertiary)}.automations-calendar-placeholder h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 8px}.automations-calendar-placeholder p{font-size:.9375rem;color:var(--text-secondary);margin:0}@media (max-width: 768px){.automations-grid{grid-template-columns:1fr;gap:12px}.automation-card{padding:14px}.automations-empty{padding:32px 16px;min-height:250px}.automations-empty-icon{width:64px;height:64px}.automations-empty-icon svg{width:32px;height:32px}.automations-table th,.automations-table td{padding:10px 12px}.automations-table-name{max-width:150px}.automations-table th:nth-child(3),.automations-table td:nth-child(3){display:none}}@media (max-width: 480px){.automation-name{font-size:.9375rem}.automation-stat-value{font-size:1.25rem}.automations-table th:nth-child(4),.automations-table td:nth-child(4),.automations-table th:nth-child(5),.automations-table td:nth-child(5){display:none}}.automation-card-menu{position:relative;flex-shrink:0}.automation-card-menu-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--text-tertiary);transition:background .15s,color .15s;padding:0}.automation-card-menu-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.automation-card-menu-btn svg{width:16px;height:16px}.automation-card-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;box-shadow:var(--shadow-md);min-width:140px;z-index:100;overflow:hidden}.automation-dropdown-item{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:.8125rem;color:var(--text-primary);cursor:pointer;background:none;border:none;width:100%;text-align:left;transition:background .15s}.automation-dropdown-item:hover{background:var(--bg-secondary)}.automation-dropdown-item svg{width:14px;height:14px;flex-shrink:0}.automation-dropdown-item-danger{color:#ef4444}.automation-dropdown-item-danger:hover{background:#fef2f2}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:110px 20px 20px;animation:fadeIn .2s ease;overscroll-behavior:contain}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{background:var(--bg-primary);border-radius:16px;box-shadow:var(--shadow-lg);max-height:calc(100vh - 150px);display:flex;flex-direction:column;animation:slideUp .3s ease;border:1px solid var(--border-primary);overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-small{width:100%;max-width:400px}.modal-medium{width:100%;max-width:600px}.modal-large{width:100%;max-width:800px}.modal-xlarge{width:100%;max-width:1200px}.modal-xlarge-sm{width:100%;max-width:960px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid var(--border-primary);flex-shrink:0}.modal-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-primary);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.modal-close:hover{background:var(--bg-hover);border-color:var(--text-muted);color:var(--text-primary)}.modal-close svg{width:20px;height:20px}.modal-body{padding:28px;overflow-y:auto;flex:1;min-height:0;overscroll-behavior:contain}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:20px 28px;border-top:1px solid var(--border-primary);flex-shrink:0}.modal-footer:has(.footer-left){justify-content:space-between}.modal-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:.9375rem;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;white-space:nowrap}.modal-btn-primary{background:var(--accent-primary);color:#fff;box-shadow:var(--shadow-sm)}.modal-btn-primary:hover{background:var(--accent-secondary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.modal-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.modal-btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary)}.modal-btn-secondary:hover{background:var(--bg-hover);border-color:var(--text-muted)}.modal-btn-danger{background:#ef4444;color:#fff;box-shadow:var(--shadow-sm)}.modal-btn-danger:hover{background:#dc2626;box-shadow:var(--shadow-md);transform:translateY(-1px)}@media (max-width: 768px){.modal-backdrop{padding:70px 16px 16px}.modal-container{max-height:calc(100vh - 106px)}.modal-header{padding:20px}.modal-title{font-size:1.25rem}.modal-body{padding:20px}.modal-footer{padding:16px 20px;flex-wrap:wrap}.modal-btn{flex:1;min-width:100px}}@media (max-width: 480px){.modal-backdrop{padding:70px 16px 16px;align-items:flex-start}.modal-container{max-height:calc(100vh - 90px);max-height:calc(100dvh - 90px);border-radius:12px}.modal-header{padding:16px}.modal-body{padding:16px;min-height:0}.modal-footer{padding:12px 16px}}/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor ul,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"•"}.ql-editor ul[data-checked=true],.ql-editor ul[data-checked=false]{pointer-events:none}.ql-editor ul[data-checked=true]>li *,.ql-editor ul[data-checked=false]>li *{pointer-events:all}.ql-editor ul[data-checked=true]>li:before,.ql-editor ul[data-checked=false]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"☑"}.ql-editor ul[data-checked=false]>li:before{content:"☐"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer: coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{white-space:pre-wrap;margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0px}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0px;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.image-picker-tabs{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:20px;gap:2px}.image-picker-tab{background:none;border:none;border-bottom:2px solid transparent;padding:8px 16px;font-size:.9rem;font-weight:500;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;gap:6px;transition:color .15s,border-color .15s;margin-bottom:-1px}.image-picker-tab:hover{color:var(--text-primary)}.image-picker-tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.image-picker-tab-count{background:var(--bg-tertiary);border-radius:10px;padding:1px 7px;font-size:.75rem;color:var(--text-secondary)}.image-picker-upload-tab{padding:4px 0 8px}.image-picker-dropzone{border:2px dashed var(--border-color);border-radius:12px;padding:48px 24px;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;transition:border-color .15s,background .15s;text-align:center}.image-picker-dropzone:hover,.image-picker-dropzone.dragging{border-color:var(--accent-primary);background:var(--accent-light)}.image-picker-dropzone.uploading{cursor:default;pointer-events:none}.image-picker-upload-icon{width:40px;height:40px;color:var(--text-secondary)}.image-picker-dropzone-text{font-size:.9375rem;font-weight:500;color:var(--text-primary);margin:0}.image-picker-dropzone-hint{font-size:.8125rem;color:var(--text-secondary);margin:0}.image-picker-progress{width:100%;display:flex;flex-direction:column;gap:10px;align-items:center}.image-picker-progress-bar{width:100%;max-width:300px;height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden}.image-picker-progress-fill{height:100%;background:var(--accent-primary);border-radius:3px;transition:width .1s}.image-picker-library-tab{min-height:200px}.image-picker-loading,.image-picker-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:48px 24px;color:var(--text-secondary);font-size:.9rem;text-align:center}.image-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;max-height:360px;overflow-y:auto;padding:2px}.image-picker-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color .15s,transform .1s;background:var(--bg-tertiary)}.image-picker-item:hover{border-color:var(--accent-primary);transform:scale(1.02)}.image-picker-item img{width:100%;height:100%;object-fit:cover;display:block}.image-picker-item-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#0009);padding:20px 6px 6px;display:flex;align-items:center;justify-content:space-between;opacity:0;transition:opacity .15s}.image-picker-item:hover .image-picker-item-overlay{opacity:1}.image-picker-item-size{font-size:.7rem;color:#ffffffd9}.image-picker-item-delete{background:#ef4444d9;border:none;border-radius:4px;color:#fff;font-size:1rem;line-height:1;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .15s}.image-picker-item-delete:hover{background:#ef4444}.image-picker-item-delete:disabled{opacity:.5;cursor:default}.image-picker-footer{display:flex;align-items:center;gap:16px;width:100%}.image-picker-storage{flex:1;display:flex;align-items:center;gap:10px;min-width:0}.image-picker-storage-bar{flex:1;height:5px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden;min-width:60px}.image-picker-storage-fill{height:100%;border-radius:3px;transition:width .3s}.image-picker-storage-label{font-size:.75rem;color:var(--text-secondary);white-space:nowrap}.variable-picker{display:inline-flex;align-items:center;flex-shrink:0}.variable-picker-btn{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:6px;font-size:.75rem;font-family:monospace;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap;letter-spacing:.02em}.variable-picker-btn:hover,.variable-picker-btn.active{background:var(--accent-light);border-color:var(--accent-primary);color:var(--accent-primary)}.variable-picker-dropdown{position:absolute;z-index:9999;width:260px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:10px;box-shadow:0 8px 24px #0000001f;overflow:hidden;padding:8px 0}.variable-picker-section{padding:0}.variable-picker-section+.variable-picker-section{border-top:1px solid var(--border-secondary, var(--border-primary));margin-top:4px;padding-top:4px}.variable-picker-section-label{padding:6px 14px 4px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted, var(--text-secondary))}.variable-picker-section-note{margin:0;padding:4px 14px 8px;font-size:.775rem;color:var(--text-secondary);line-height:1.4}.variable-picker-option{display:flex;flex-direction:column;align-items:flex-start;gap:1px;width:100%;padding:6px 14px;background:transparent;border:none;text-align:left;cursor:pointer;transition:background .1s}.variable-picker-option:hover{background:var(--bg-hover, var(--bg-tertiary))}.variable-picker-code{font-family:monospace;font-size:.8rem;color:var(--accent-primary);font-weight:600}.variable-picker-desc{font-size:.75rem;color:var(--text-muted, var(--text-secondary))}.variable-picker-footer{margin:4px 0 0;padding:8px 14px;border-top:1px solid var(--border-secondary, var(--border-primary));font-size:.72rem;color:var(--text-muted, var(--text-secondary));line-height:1.4}.variable-picker-footer code{font-family:monospace;font-size:.8em;color:var(--accent-primary)}.block-editor{display:flex;flex-direction:column;height:550px;min-height:400px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:10px;overflow:hidden}.block-editor-tabs{display:flex;gap:0;border-bottom:1px solid var(--border-primary);background:var(--bg-tertiary)}.block-editor-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:none;border-bottom:2px solid transparent;font-size:.875rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.block-editor-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.block-editor-tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary);background:var(--bg-primary)}.block-editor-tab svg{width:16px;height:16px}.tab-loading{margin-left:4px;color:var(--text-muted)}.block-editor-edit-panel{flex:1;display:flex;flex-direction:column;overflow:hidden}.block-editor-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-primary);background:var(--bg-primary)}.block-count{font-size:.8125rem;color:var(--text-muted)}.block-editor-panel-actions{display:flex;align-items:center;gap:8px}.add-block-wrapper{position:relative}.add-block-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--accent-primary);border:none;border-radius:6px;font-size:.8125rem;font-weight:600;color:#fff;cursor:pointer;transition:background .2s ease}.add-block-btn:hover{background:var(--accent-secondary)}.add-block-btn svg{width:16px;height:16px}.add-block-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9998}.block-editor-add-menu{position:fixed;width:180px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;box-shadow:0 8px 24px #00000026;z-index:9999;padding:6px}.block-editor-add-option{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;background:transparent;border:none;border-radius:6px;font-size:.875rem;color:var(--text-primary);cursor:pointer;transition:background .15s ease;text-align:left}.block-editor-add-option:hover{background:var(--bg-hover)}.block-editor-add-option-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--bg-tertiary);border-radius:6px}.block-editor-add-option-icon svg{width:16px;height:16px;color:var(--text-secondary)}.block-list{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px}.block-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:40px 20px;color:var(--text-muted)}.block-list-empty svg{width:48px;height:48px;margin-bottom:12px;opacity:.4}.block-list-empty p{margin:0 0 4px;font-size:.9375rem;font-weight:600;color:var(--text-secondary)}.block-list-empty span{font-size:.8125rem}.inline-block-item{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;margin-bottom:10px;overflow:hidden;cursor:pointer;transition:all .15s ease}.inline-block-item:hover{border-color:var(--accent-primary)}.inline-block-item.selected{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light)}.inline-block-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary)}.inline-block-type{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.inline-block-type svg{width:14px;height:14px}.inline-block-actions{display:flex;gap:4px;opacity:0;transition:opacity .15s ease}.inline-block-item:hover .inline-block-actions,.inline-block-item.selected .inline-block-actions{opacity:1}.inline-block-actions button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:4px;cursor:pointer;transition:all .15s ease}.inline-block-actions button:hover:not(:disabled){background:var(--bg-hover);border-color:var(--text-muted)}.inline-block-actions button:disabled{opacity:.4;cursor:not-allowed}.inline-block-actions button svg{width:12px;height:12px;color:var(--text-secondary)}.inline-block-actions button.delete-btn:hover{background:#fef2f2;border-color:#fca5a5}.inline-block-actions button.delete-btn:hover svg{color:#ef4444}.inline-block-actions button.settings-btn.active{background:var(--accent-light);border-color:var(--accent-primary)}.inline-block-variant-select{font-size:.7rem;font-weight:600;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:4px;padding:2px 6px;cursor:pointer;max-width:120px;margin-left:8px;outline:none;transition:border-color .15s ease}.inline-block-variant-select:hover,.inline-block-variant-select:focus{border-color:var(--accent-primary);color:var(--text-primary)}.inline-block-actions button.settings-btn.active svg{color:var(--accent-primary)}.block-settings-panel{border-top:1px solid var(--border-primary);background:var(--bg-secondary);padding:12px}.block-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.block-settings-field{display:flex;flex-direction:column;gap:5px}.block-settings-field.full-width{grid-column:1 / -1}.block-settings-label{font-size:.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.block-settings-align{display:flex;gap:3px}.block-settings-align button{flex:1;display:flex;align-items:center;justify-content:center;height:28px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:4px;cursor:pointer;color:var(--text-muted);transition:all .15s ease}.block-settings-align button svg{width:13px;height:13px}.block-settings-align button:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.block-settings-align button.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.block-settings-padding{display:flex;gap:3px;flex-wrap:wrap}.block-settings-padding button{flex:1;min-width:26px;height:26px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:4px;font-size:.7rem;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.block-settings-padding button:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.block-settings-padding button.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.block-settings-color{display:flex;align-items:center;gap:6px}.block-settings-color input[type=color]{width:28px;height:28px;padding:2px;border:1px solid var(--border-primary);border-radius:4px;cursor:pointer;background:var(--bg-primary)}.block-settings-color-none{font-size:.75rem;color:var(--text-muted);background:transparent;border:1px dashed var(--border-primary);border-radius:4px;padding:3px 7px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.block-settings-color-none:hover,.block-settings-color-none.active{border-color:var(--accent-primary);color:var(--accent-primary)}.block-settings-border{display:flex;gap:4px;align-items:center}.block-settings-border select,.block-settings-border input[type=text]{flex:1;height:28px;padding:0 8px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:4px;font-size:.75rem;color:var(--text-primary)}.block-settings-border select:focus,.block-settings-border input:focus{outline:none;border-color:var(--accent-primary)}.block-settings-fontsize{display:flex;gap:3px;flex-wrap:wrap}.block-settings-fontsize button{flex:1;min-width:30px;height:26px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:4px;font-size:.7rem;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.block-settings-fontsize button:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.block-settings-fontsize button.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.inline-block-content{padding:12px}.inline-block-content input[type=text],.inline-block-content input[type=url],.inline-block-content textarea,.inline-block-content select{width:100%;padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:6px;font-size:.875rem;color:var(--text-primary);transition:border-color .15s ease;margin-bottom:8px}.inline-block-content input:last-child,.inline-block-content textarea:last-child,.inline-block-content select:last-child{margin-bottom:0}.inline-block-content input:focus,.inline-block-content textarea:focus,.inline-block-content select:focus{outline:none;border-color:var(--accent-primary)}.inline-block-content textarea{resize:vertical;min-height:60px}.inline-edit-title{font-size:1.25rem!important;font-weight:600}.inline-edit-subtitle{font-size:.9375rem!important;color:var(--text-secondary)}.inline-preview-title{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.inline-preview-subtitle{font-size:.9375rem;color:var(--text-secondary);margin-top:4px}.inline-quill-wrapper .quill{background:var(--bg-tertiary);border-radius:6px}.inline-quill-wrapper .ql-toolbar{border:1px solid var(--border-primary);border-radius:6px 6px 0 0;background:var(--bg-secondary);padding:6px}.inline-quill-wrapper .ql-container{border:1px solid var(--border-primary);border-top:none;border-radius:0 0 6px 6px;font-size:.875rem;min-height:80px}.inline-quill-wrapper .ql-editor{min-height:80px;padding:10px 12px}.inline-preview-text{font-size:.9375rem;color:var(--text-primary);line-height:1.6}.inline-preview-text p{margin:0 0 8px}.inline-preview-text p:last-child{margin-bottom:0}.inline-preview-text .placeholder{color:var(--text-muted);font-style:italic}.inline-image-editor{display:flex;flex-direction:column;gap:8px}.inline-image-editor input{margin-bottom:0!important}.inline-image-preview-row{display:flex;align-items:center;gap:12px}.inline-image-thumb{width:80px;height:56px;object-fit:cover;border-radius:6px;border:1px solid var(--border-color);flex-shrink:0}.inline-preview-image{text-align:center}.inline-preview-image img{max-width:100%;max-height:150px;border-radius:6px;object-fit:contain}.inline-preview-image.full-width-variant{margin:0 -16px}.inline-preview-image.full-width-variant img{max-height:none;width:100%;border-radius:0;display:block}.inline-preview-image .image-caption{display:block;margin-top:8px;font-size:.8125rem;color:var(--text-muted);font-style:italic}.inline-preview-image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:var(--bg-tertiary);border:2px dashed var(--border-primary);border-radius:8px;color:var(--text-muted)}.inline-preview-image-placeholder svg{width:40px;height:40px;margin-bottom:8px;opacity:.5}.inline-preview-image-placeholder span{font-size:.875rem}.inline-button-editor{display:flex;flex-direction:column;gap:8px}.inline-button-editor input{margin-bottom:0!important}.inline-button-options{display:flex;align-items:center;gap:12px}.inline-button-options label{display:flex;align-items:center;gap:8px;font-size:.8125rem;color:var(--text-secondary)}.inline-button-options input[type=color]{width:32px;height:32px;padding:2px;border:1px solid var(--border-primary);border-radius:4px;cursor:pointer}.inline-preview-button-wrapper{text-align:center}.inline-preview-button{display:inline-block;padding:10px 24px;background:#f59e0b;color:#fff;font-size:.9375rem;font-weight:600;border-radius:6px}.inline-preview-divider{border:none;border-top:1px solid var(--border-primary);margin:8px 0}.inline-quote-editor{display:flex;flex-direction:column;gap:8px}.inline-quote-editor textarea,.inline-quote-editor input{margin-bottom:0!important}.inline-preview-quote{margin:0;padding:12px 16px;border-left:4px solid var(--accent-primary);background:var(--bg-tertiary);border-radius:0 6px 6px 0}.inline-preview-quote p{margin:0;font-size:.9375rem;color:var(--text-primary);font-style:italic}.inline-preview-quote cite{display:block;margin-top:8px;font-size:.8125rem;color:var(--text-secondary);font-style:normal}.inline-spacer-editor{display:flex;align-items:center;gap:8px}.inline-spacer-editor label{display:flex;align-items:center;gap:8px;font-size:.8125rem;color:var(--text-secondary)}.inline-spacer-editor select{width:auto;margin-bottom:0!important}.inline-preview-spacer{display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px dashed var(--border-primary);border-radius:4px;min-height:20px}.inline-preview-spacer span{font-size:.75rem;color:var(--text-muted)}.block-editor-preview-panel{flex:1;display:flex;flex-direction:column;overflow:hidden}.block-editor-preview-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-primary);background:var(--bg-primary)}.preview-device-toggle{display:flex;gap:4px;background:var(--bg-tertiary);padding:4px;border-radius:8px}.preview-device-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:none;border-radius:6px;font-size:.8125rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.preview-device-btn:hover{color:var(--text-primary)}.preview-device-btn.active{background:var(--bg-primary);color:var(--accent-primary);box-shadow:0 1px 3px #0000001a}.preview-device-btn svg{width:16px;height:16px}.preview-loading{font-size:.75rem;color:var(--text-muted);font-style:italic}.preview-sample-fields{display:flex;align-items:center;flex-wrap:wrap;gap:8px;flex:1;padding:0 12px}.preview-sample-field{display:flex;align-items:center;gap:5px}.preview-sample-label{font-size:.7rem;font-weight:600;color:var(--text-muted, var(--text-secondary));text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.preview-sample-input{padding:3px 7px;border:1px solid var(--border-primary);border-radius:5px;background:var(--bg-secondary, var(--bg-tertiary));color:var(--text-primary);font-size:.8rem;width:110px;transition:border-color .15s}.preview-sample-input:focus{outline:none;border-color:var(--accent-primary)}.block-editor-preview-frame{flex:1;background:var(--bg-tertiary);overflow:auto;display:flex;justify-content:center;padding:20px}.preview-container{background:#fff;box-shadow:0 4px 20px #00000026;border-radius:4px;overflow:hidden;transition:width .3s ease}.preview-container.desktop{width:100%;height:100%}.preview-container.mobile{width:375px;height:100%;border-radius:20px;border:8px solid #1c1917}.preview-container iframe{width:100%;height:100%;border:none}.preview-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:400px;text-align:center;padding:40px 20px;background:#fff;border-radius:8px;color:var(--text-muted)}.preview-empty svg{width:48px;height:48px;margin-bottom:12px;opacity:.4}.preview-empty p{margin:0 0 4px;font-size:.9375rem;font-weight:600;color:var(--text-secondary)}.preview-empty span{font-size:.8125rem}@media (max-width: 600px){.block-editor{height:400px}.block-editor-tabs{overflow-x:auto}.block-editor-tab{padding:10px 16px;font-size:.8125rem}.block-editor-panel-header{padding:10px 12px}.block-list{padding:8px}.inline-block-item{margin-bottom:8px}.inline-block-toolbar{padding:6px 10px}.inline-block-content{padding:10px}.inline-block-actions{opacity:1}.preview-device-toggle{flex-wrap:wrap}.preview-device-btn{font-size:.75rem;padding:4px 8px}.preview-device-btn span{display:none}.block-editor-preview-frame{padding:12px}.preview-container.mobile{width:100%;max-width:320px}}.inline-testimonial-editor{display:flex;flex-direction:column;gap:8px}.inline-testimonial-editor textarea{width:100%;padding:10px;border:1px solid var(--border-primary);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;line-height:1.5;resize:vertical;font-style:italic;box-sizing:border-box}.inline-testimonial-meta{display:flex;gap:6px;flex-wrap:wrap}.inline-testimonial-meta input{flex:1;min-width:120px;padding:7px 10px;border:1px solid var(--border-primary);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:.8125rem;box-sizing:border-box}.inline-testimonial-photo{margin-top:4px}.inline-testimonial-photo-thumb{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--border-primary)}.inline-preview-testimonial{border-left:3px solid var(--accent-primary);margin:0;padding:10px 14px;background:var(--bg-tertiary);border-radius:0 6px 6px 0}.inline-preview-testimonial p{margin:0 0 6px;font-style:italic;color:var(--text-primary);font-size:.9rem}.inline-preview-testimonial cite{font-style:normal;font-size:.8125rem;color:var(--text-secondary)}.inline-pricing-editor{display:flex;flex-direction:column;gap:10px}.inline-pricing-label{width:100%;padding:7px 10px;border:1px solid var(--border-primary);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;box-sizing:border-box}.inline-pricing-tiers{display:flex;flex-direction:column;gap:8px}.inline-pricing-tier{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:8px;background:var(--bg-tertiary);border-radius:6px}.inline-pricing-tier input[type=text]{flex:1;min-width:80px;padding:6px 8px;border:1px solid var(--border-primary);border-radius:5px;background:var(--bg-primary);color:var(--text-primary);font-size:.8125rem;box-sizing:border-box}.inline-pricing-highlight{display:flex;align-items:center;gap:4px;font-size:.8125rem;color:var(--text-secondary);white-space:nowrap;cursor:pointer}.inline-pricing-remove{width:22px;height:22px;border:none;background:var(--bg-danger, #fee2e2);color:var(--text-danger, #dc2626);border-radius:50%;font-size:1rem;line-height:1;cursor:pointer;flex:none;padding:0}.inline-preview-pricing{padding:4px 0}.inline-pricing-preview-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin:0 0 8px;text-align:center}.inline-pricing-preview-tiers{display:flex;gap:8px}.inline-pricing-preview-tier{flex:1;display:flex;flex-direction:column;align-items:center;padding:12px;border:1px solid var(--border-primary);border-radius:8px;background:var(--bg-primary);gap:2px}.inline-pricing-preview-tier.highlighted{background:var(--accent-primary);border-color:var(--accent-primary)}.inline-pricing-preview-tier.highlighted .tier-name,.inline-pricing-preview-tier.highlighted .tier-price,.inline-pricing-preview-tier.highlighted .tier-sub{color:#fff}.tier-name{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.tier-price{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.tier-sub{font-size:.75rem;color:var(--text-secondary)}.inline-block-placeholder{padding:16px;text-align:center;color:var(--text-secondary);font-size:.875rem;font-style:italic}.inline-media-editor{display:flex;flex-direction:column;gap:10px;padding:4px 0}.inline-media-url-row{display:flex;gap:8px;align-items:center}.inline-media-url-input{flex:1;padding:7px 10px;font-size:13px;border:1px solid var(--border-color, #e2e8f0);border-radius:6px;background:var(--input-bg, #fff);color:var(--text-primary);outline:none;min-width:0}.inline-media-url-input:focus{border-color:var(--accent-primary, #f59e0b);box-shadow:0 0 0 2px #f59e0b1f}.inline-media-preview{display:flex;flex-direction:column;gap:6px}.inline-media-title{margin:0;font-size:13px;color:var(--text-secondary);font-style:italic}.inline-media-style-toggle{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary)}.inline-style-btn{padding:3px 10px;font-size:12px;border:1px solid var(--border-color, #e2e8f0);border-radius:4px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .1s ease}.inline-style-btn:hover{border-color:var(--accent-primary, #f59e0b);color:var(--accent-primary, #f59e0b)}.inline-style-btn.active{background:var(--accent-primary, #f59e0b);border-color:var(--accent-primary, #f59e0b);color:#fff}.inline-music-preview{display:flex;align-items:center;gap:12px;padding:8px;background:var(--bg-secondary, #f8fafc);border-radius:8px}.inline-music-meta{display:flex;flex-direction:column;gap:3px;min-width:0}.inline-music-title{margin:0;font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inline-music-artist{margin:0;font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inline-music-platform{display:inline-block;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:700;color:#fff;margin-top:2px}.inline-store-links-editor{display:flex;flex-direction:column;gap:12px}.inline-store-links-label{font-size:12px;font-weight:600;color:var(--text-secondary);margin:0}.inline-store-links-list{display:flex;flex-direction:column;gap:6px}.inline-store-link-row{display:flex;align-items:center;gap:8px}.inline-store-link-toggle{display:flex;align-items:center;gap:6px;cursor:pointer;flex-shrink:0}.inline-store-link-badge{display:inline-block;padding:3px 10px;border-radius:4px;font-size:12px;font-weight:700;min-width:80px;text-align:center}.inline-store-link-url{flex:1;padding:4px 8px;border:1px solid var(--border-primary);border-radius:4px;font-size:12px;background:var(--bg-primary);color:var(--text-primary)}.inline-store-links-custom{display:flex;flex-direction:column;gap:8px;padding-top:4px;border-top:1px solid var(--border-primary)}.inline-store-link-custom-row{display:flex;gap:6px;align-items:center}.inline-store-link-custom-row input[type=text],.inline-store-link-custom-row input[type=url],.inline-store-link-custom-row select{flex:1;padding:5px 8px;border:1px solid var(--border-primary);border-radius:4px;font-size:12px;background:var(--bg-primary);color:var(--text-primary)}.inline-preview-store-links{padding:4px 0}.inline-store-links-preview{display:flex;flex-wrap:wrap;gap:6px}.inline-store-link-chip{display:inline-block;padding:4px 12px;border-radius:4px;font-size:12px;font-weight:700}.steam-preview{margin-top:8px}.inline-preview-steam{padding:4px 0}.inline-artwork-editor{display:flex;flex-direction:column;gap:8px}.inline-artwork-autofill-label{font-size:12px;font-weight:600;color:var(--text-secondary);margin:0}.inline-artwork-fields{display:flex;flex-direction:column;gap:6px}.inline-artwork-fields input{padding:6px 8px;border:1px solid var(--border-primary);border-radius:4px;font-size:13px;background:var(--bg-primary);color:var(--text-primary)}.inline-artwork-row{display:flex;gap:6px}.inline-artwork-row input,.inline-artwork-row select{flex:1;padding:6px 8px;border:1px solid var(--border-primary);border-radius:4px;font-size:13px;background:var(--bg-primary);color:var(--text-primary)}.inline-preview-artwork{padding:4px 0}.inline-commission-editor{display:flex;flex-direction:column;gap:8px}.inline-commission-status-row{display:flex;align-items:center;gap:8px}.inline-label{font-size:13px;font-weight:600;color:var(--text-secondary);flex-shrink:0}.inline-commission-status-btn{padding:5px 14px;border:1px solid var(--border-primary);border-radius:100px;font-size:12px;font-weight:700;cursor:pointer;background:var(--bg-secondary);color:var(--text-primary);transition:all .15s ease}.inline-commission-status-btn:hover{background:var(--bg-hover)}.inline-commission-editor input,.inline-commission-editor textarea{padding:6px 8px;border:1px solid var(--border-primary);border-radius:4px;font-size:13px;background:var(--bg-primary);color:var(--text-primary);resize:vertical}.inline-preview-commission{display:flex;flex-direction:column;gap:6px;padding:4px 0}.inline-commission-badge{display:inline-block;padding:5px 14px;border-radius:100px;font-size:12px;font-weight:700;color:#fff;align-self:flex-start}.inline-commission-desc{font-size:13px;color:var(--text-secondary);margin:0}.inline-event-editor{display:flex;flex-direction:column;gap:8px}.inline-event-name{font-size:15px;font-weight:700;padding:8px 10px;border:1px solid var(--border-primary);border-radius:4px;background:var(--bg-primary);color:var(--text-primary)}.inline-event-editor input,.inline-event-editor select{padding:6px 8px;border:1px solid var(--border-primary);border-radius:4px;font-size:13px;background:var(--bg-primary);color:var(--text-primary)}.inline-event-ctas{display:flex;flex-direction:column;gap:6px;padding-top:4px;border-top:1px solid var(--border-primary)}.inline-preview-event{padding:4px 0}.inline-event-preview-name{font-size:16px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.inline-event-preview-detail{font-size:13px;color:var(--text-secondary);margin:0 0 2px}.bg-editor-trigger{width:22px;height:22px;border-radius:4px;border:1.5px solid var(--border-color, #d1d5db);cursor:pointer;padding:0;flex-shrink:0;position:relative;background-color:#f8fafc}.bg-editor-trigger:hover{border-color:var(--accent-color, #6366f1);outline:2px solid var(--accent-color-alpha, rgba(99, 102, 241, .25))}.bg-editor-popover{position:fixed;z-index:9999;width:280px;background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:8px;box-shadow:0 8px 32px #00000026,0 2px 8px #00000014;overflow:hidden}.bg-editor-tabs{display:flex;border-bottom:1px solid var(--border-color, #e2e8f0)}.bg-editor-tab{flex:1;padding:8px 0;font-size:12px;font-weight:500;color:var(--text-muted, #6b7280);background:none;border:none;cursor:pointer;transition:color .15s,background .15s}.bg-editor-tab:hover{color:var(--text-primary, #0c0a09);background:var(--bg-secondary, #f9fafb)}.bg-editor-tab.active{color:var(--accent-color, #6366f1);border-bottom:2px solid var(--accent-color, #6366f1);margin-bottom:-1px;background:none}.bg-editor-panel{padding:12px;display:flex;flex-direction:column;gap:10px}.bg-editor-solid-row{display:flex;align-items:center;gap:8px}.bg-editor-color-input{width:28px;height:28px;padding:0;border:1.5px solid var(--border-color, #d1d5db);border-radius:4px;cursor:pointer;background:none;flex-shrink:0}.bg-editor-hex-input{flex:1;padding:5px 8px;font-size:12px;font-family:var(--font-mono, monospace);border:1px solid var(--border-color, #d1d5db);border-radius:4px;background:var(--bg-secondary, #f9fafb);color:var(--text-primary, #0c0a09)}.bg-editor-hex-input:focus{outline:none;border-color:var(--accent-color, #6366f1)}.bg-editor-preset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.bg-editor-preset-swatch{height:32px;border-radius:4px;border:1.5px solid transparent;cursor:pointer;padding:0;transition:border-color .15s,transform .1s}.bg-editor-preset-swatch:hover{border-color:var(--accent-color, #6366f1);transform:scale(1.05)}.bg-editor-custom-gradient{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.bg-editor-field-label{font-size:11px;color:var(--text-muted, #6b7280);white-space:nowrap}.bg-editor-angle-select{padding:3px 4px;font-size:12px;border:1px solid var(--border-color, #d1d5db);border-radius:4px;background:var(--bg-secondary, #f9fafb);color:var(--text-primary, #0c0a09);cursor:pointer}.bg-editor-gradient-preview{height:32px;border-radius:4px;border:1px solid var(--border-color, #e2e8f0)}.bg-editor-choose-btn{width:100%;padding:8px 12px;font-size:13px;font-weight:500;color:var(--accent-color, #6366f1);background:var(--bg-secondary, #f9fafb);border:1.5px dashed var(--accent-color, #6366f1);border-radius:6px;cursor:pointer;transition:background .15s}.bg-editor-choose-btn:hover{background:var(--accent-color-alpha, rgba(99, 102, 241, .08))}.bg-editor-image-preview-wrap{display:flex;align-items:center;gap:10px}.bg-editor-image-thumb{width:56px;height:40px;border-radius:4px;border:1px solid var(--border-color, #e2e8f0);background-size:cover;background-position:center;flex-shrink:0}.bg-editor-image-actions{display:flex;flex-direction:column;gap:4px;flex:1}.bg-editor-image-btn{padding:4px 10px;font-size:12px;font-weight:500;border-radius:4px;border:1px solid var(--border-color, #d1d5db);background:var(--bg-secondary, #f9fafb);color:var(--text-primary, #0c0a09);cursor:pointer;text-align:center}.bg-editor-image-btn:hover{background:var(--bg-primary, #fff)}.bg-editor-image-btn--clear{color:var(--text-muted, #6b7280)}.bg-editor-tile-modes{display:flex;gap:4px}.bg-editor-tile-btn{flex:1;padding:5px 0;font-size:12px;font-weight:500;border-radius:4px;border:1.5px solid var(--border-color, #d1d5db);background:var(--bg-secondary, #f9fafb);color:var(--text-muted, #6b7280);cursor:pointer;transition:border-color .15s,color .15s,background .15s}.bg-editor-tile-btn:hover{border-color:var(--accent-color, #6366f1);color:var(--text-primary, #0c0a09)}.bg-editor-tile-btn.active{border-color:var(--accent-color, #6366f1);background:var(--accent-color-alpha, rgba(99, 102, 241, .1));color:var(--accent-color, #6366f1)}.bg-editor-hint{font-size:11px;color:var(--text-muted, #6b7280);margin:0;line-height:1.4}.sdc-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;display:flex;align-items:stretch;justify-content:center;animation:sdc-fade .18s ease}@keyframes sdc-fade{0%{opacity:0}to{opacity:1}}.sdc-modal{display:flex;flex-direction:column;width:100%;max-width:1400px;margin:12px;background:var(--bg-primary, #ffffff);border-radius:16px;box-shadow:0 24px 80px #00000047;overflow:hidden;animation:sdc-slide .25s cubic-bezier(.22,1,.36,1)}@keyframes sdc-slide{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.sdc-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;border-bottom:1px solid var(--border-primary, #e2e8f0);background:var(--bg-secondary, #f8fafc);flex-shrink:0}.sdc-header-left{display:flex;align-items:center;gap:14px;min-width:0}.sdc-header-title{font-size:15px;font-weight:700;color:var(--text-primary, #1c1917);white-space:nowrap}.sdc-name-input{font-size:15px;font-weight:600;color:var(--text-primary, #1c1917);background:var(--bg-primary, #ffffff);border:1px solid var(--border-primary, #e2e8f0);border-radius:8px;padding:6px 12px;min-width:200px;max-width:340px;outline:none;transition:border-color .15s ease}.sdc-name-input:focus{border-color:var(--primary, #f59e0b);box-shadow:0 0 0 3px #f59e0b1f}.sdc-header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.sdc-public-toggle{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary, #64748b);cursor:pointer;white-space:nowrap}.sdc-public-toggle input[type=checkbox]{width:14px;height:14px;cursor:pointer}.sdc-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:background .15s ease,color .15s ease,opacity .15s ease;white-space:nowrap}.sdc-btn:disabled{opacity:.55;cursor:not-allowed}.sdc-btn-primary{background:var(--primary, #f59e0b);color:#fff;border-color:var(--primary, #f59e0b)}.sdc-btn-primary:hover:not(:disabled){filter:brightness(.92)}.sdc-btn-ghost{background:transparent;color:var(--text-secondary, #64748b);border-color:var(--border-primary, #e2e8f0)}.sdc-btn-ghost:hover:not(:disabled){background:var(--bg-hover, #f1f5f9);color:var(--text-primary, #1c1917)}.sdc-btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:7px;font-size:12px;font-weight:600;cursor:pointer;border:1px solid var(--border-primary, #e2e8f0);background:var(--bg-secondary, #f8fafc);color:var(--text-primary, #1c1917);white-space:nowrap;transition:background .15s ease}.sdc-btn-secondary:hover{background:var(--bg-hover, #f1f5f9)}.sdc-btn-ghost-sm{background:transparent;border:none;color:var(--text-secondary, #94a3b8);font-size:13px;cursor:pointer;padding:4px 6px;border-radius:4px;line-height:1}.sdc-btn-ghost-sm:hover{color:var(--text-primary, #1c1917);background:var(--bg-hover, #f1f5f9)}.sdc-image-pick-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sdc-logo-thumb{width:48px;height:32px;object-fit:contain;border:1px solid var(--border-primary, #e2e8f0);border-radius:5px;background:var(--bg-secondary, #f8fafc);flex-shrink:0}.sdc-close-btn{padding:7px 12px;font-size:16px}.sdc-body{display:flex;flex:1;overflow:hidden;min-height:0}.sdc-left-panel{width:380px;min-width:320px;max-width:420px;flex-shrink:0;overflow-y:auto;border-right:1px solid var(--border-primary, #e2e8f0);background:var(--bg-primary, #ffffff);padding-bottom:32px}.sdc-loading{padding:48px 24px;text-align:center;color:var(--text-secondary, #64748b);font-size:14px}.sdc-description-row{padding:14px 20px 0}.sdc-description-input{width:100%;font-size:13px;color:var(--text-secondary, #64748b);background:var(--bg-secondary, #f8fafc);border:1px solid var(--border-primary, #e2e8f0);border-radius:8px;padding:7px 12px;outline:none;box-sizing:border-box;transition:border-color .15s ease}.sdc-description-input:focus{border-color:var(--primary, #f59e0b)}.sdc-section{padding:12px 20px;border-bottom:1px solid var(--border-primary, #e2e8f0)}.sdc-section:last-child{border-bottom:none}.sdc-section-title{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-secondary, #64748b);margin-bottom:12px}.sdc-row{display:flex;align-items:flex-start;gap:8px;margin-bottom:10px}.sdc-label{font-size:13px;color:var(--text-secondary, #64748b);min-width:130px;padding-top:6px;flex-shrink:0}.sdc-control{flex:1;min-width:0}.sdc-width-pills{display:flex;gap:4px;flex-wrap:wrap}.sdc-pill{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;border:1px solid var(--border-primary, #e2e8f0);background:var(--bg-secondary, #f8fafc);color:var(--text-secondary, #64748b);cursor:pointer;transition:all .12s ease}.sdc-pill:hover{border-color:var(--primary, #f59e0b);color:var(--primary, #f59e0b)}.sdc-pill-active,.sdc-pill-active:hover{background:var(--primary, #f59e0b);border-color:var(--primary, #f59e0b);color:#fff}.sdc-struct-group{margin-bottom:14px}.sdc-struct-group:last-child{margin-bottom:0}.sdc-struct-label{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary, #64748b);margin-bottom:7px}.sdc-struct-row-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.sdc-struct-row-pair .sdc-struct-group{margin-bottom:0}.sdc-struct-row-pair .sdc-select{width:100%}.sdc-container-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.sdc-container-thumb{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 6px;border:1.5px solid var(--border-primary, #e2e8f0);border-radius:8px;background:var(--bg-secondary, #f8fafc);cursor:pointer;font-size:11px;font-weight:500;color:var(--text-secondary, #64748b);transition:all .12s ease}.sdc-container-thumb:hover{border-color:var(--primary, #f59e0b);color:var(--primary, #f59e0b)}.sdc-container-thumb-active{border-color:var(--primary, #f59e0b);background:#f59e0b14;color:var(--primary, #f59e0b)}.sdc-thumb-icon{width:36px;height:26px;border-radius:2px;background:#e2e8f0}.sdc-thumb-plain{background:#f1f5f9;border:1px dashed #cbd5e1}.sdc-thumb-card{background:#fff;border:1px solid #cbd5e1;box-shadow:0 2px 4px #0000001a;border-radius:4px}.sdc-thumb-boxed{background:#fff;border:1.5px solid #94a3b8;border-radius:2px}.sdc-thumb-floating{background:#fff;border:none;box-shadow:0 4px 12px #0000002e;border-radius:6px}.sdc-thumb-minimal{background:#fff;border:1px solid #e2e8f0;border-radius:3px}.sdc-thumb-raised{background:#f8fafc;border:none;box-shadow:0 2px 8px #0000001f,0 1px 2px #0000000f;border-radius:4px}.sdc-select{width:100%;padding:6px 10px;font-size:13px;color:var(--text-primary, #1c1917);background:var(--bg-primary, #ffffff);border:1px solid var(--border-primary, #e2e8f0);border-radius:8px;outline:none;cursor:pointer;transition:border-color .15s ease}.sdc-select:focus{border-color:var(--primary, #f59e0b)}.sdc-input{width:100%;padding:6px 10px;font-size:13px;color:var(--text-primary, #1c1917);background:var(--bg-primary, #ffffff);border:1px solid var(--border-primary, #e2e8f0);border-radius:8px;outline:none;box-sizing:border-box;transition:border-color .15s ease}.sdc-input:focus{border-color:var(--primary, #f59e0b)}.sdc-personality-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:8px}.sdc-personality-card[data-personality=plain]{--personality-accent: #94a3b8}.sdc-personality-card[data-personality=default]{--personality-accent: #f59e0b}.sdc-personality-card[data-personality=newsletter]{--personality-accent: #92400e}.sdc-personality-card[data-personality=magazine]{--personality-accent: #7c3aed}.sdc-personality-card[data-personality=minimal]{--personality-accent: #d1d5db}.sdc-personality-card[data-personality=bold]{--personality-accent: #0c0a09}.sdc-personality-card[data-personality=digest]{--personality-accent: #dc2626}.sdc-personality-card[data-personality=welcome]{--personality-accent: #0ea5e9}.sdc-personality-card[data-personality=announcement]{--personality-accent: #f59e0b}.sdc-personality-card{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 10px 8px;border:1.5px solid var(--border-primary, #e2e8f0);border-top:3px solid var(--personality-accent, #e2e8f0);border-radius:8px;background:var(--bg-secondary, #f8fafc);cursor:pointer;text-align:left;transition:all .12s ease}.sdc-personality-card:hover{border-color:var(--personality-accent, #f59e0b);border-top-color:var(--personality-accent, #f59e0b)}.sdc-personality-card-active{border-color:var(--personality-accent, #f59e0b);border-top-color:var(--personality-accent, #f59e0b);background:#f59e0b0f}.sdc-personality-name{font-size:12px;font-weight:600;color:var(--text-primary, #1c1917)}.sdc-personality-desc{font-size:11px;color:var(--text-secondary, #64748b);line-height:1.3}.sdc-color-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.sdc-color-swatch{width:32px;height:28px;border:1px solid var(--border-primary, #e2e8f0);border-radius:6px;cursor:pointer;padding:0;flex-shrink:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:none}.sdc-color-label{font-size:12px;color:var(--text-secondary, #64748b);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sdc-color-text{width:80px;font-size:12px;font-family:monospace;color:var(--text-primary, #1c1917);background:var(--bg-primary, #ffffff);border:1px solid var(--border-primary, #e2e8f0);border-radius:6px;padding:4px 8px;outline:none;flex-shrink:0;transition:border-color .15s ease}.sdc-color-text:focus{border-color:var(--primary, #f59e0b)}.sdc-bg-value-preview{font-style:italic;color:var(--text-muted, #6b7280);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:80px}.sdc-css-help{font-size:12px;color:var(--text-secondary, #64748b);line-height:1.5;margin:0 0 10px}.sdc-css-help code{font-family:monospace;background:var(--bg-secondary, #f1f5f9);padding:1px 4px;border-radius:3px;font-size:11px}.sdc-section-hint{font-size:12px;color:var(--text-secondary, #64748b);line-height:1.5;margin:0 0 10px}.sdc-css-textarea{width:100%;font-family:Fira Code,JetBrains Mono,Courier New,monospace;font-size:12px;color:var(--text-primary, #1c1917);background:var(--bg-secondary, #f8fafc);border:1px solid var(--border-primary, #e2e8f0);border-radius:8px;padding:10px 12px;outline:none;resize:vertical;box-sizing:border-box;line-height:1.6;-moz-tab-size:2;tab-size:2;transition:border-color .15s ease}.sdc-css-textarea:focus{border-color:var(--primary, #f59e0b);background:var(--bg-primary, #ffffff)}.sdc-css-reset{margin-top:6px;font-size:12px;color:var(--text-secondary, #64748b);background:none;border:none;cursor:pointer;padding:0;text-decoration:underline}.sdc-css-reset:hover{color:var(--danger, #ef4444)}.sdc-personality-color-strip{display:flex;gap:3px;margin-top:6px}.sdc-personality-color-dot{display:inline-block;width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.12);flex-shrink:0}.sdc-css-collapsible-header{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;cursor:pointer;padding:0;text-align:left;margin-bottom:0}.sdc-css-collapsible-header:hover .sdc-section-title{color:var(--primary, #f59e0b)}.sdc-css-collapse-icon{font-size:.6rem;color:var(--text-secondary, #64748b);opacity:.7;flex-shrink:0;margin-left:8px}.sdc-section-body{margin-top:10px;padding-bottom:4px}.sdc-css-body{margin-top:10px}.sdc-snippet-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px}.sdc-snippet-card{display:flex;flex-direction:column;gap:4px;padding:8px 10px;background:var(--bg-secondary, #f8fafc);border:1px solid var(--border-primary, #e2e8f0);border-radius:8px}.sdc-snippet-title{font-size:12px;font-weight:600;color:var(--text-primary, #1c1917)}.sdc-snippet-preview{font-size:10px;font-family:Fira Code,Courier New,monospace;color:var(--text-secondary, #64748b);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.sdc-snippet-insert-btn{align-self:flex-start;margin-top:2px;font-size:11px;font-weight:600;color:var(--primary, #f59e0b);background:none;border:1px solid var(--primary, #f59e0b);border-radius:4px;padding:2px 7px;cursor:pointer;transition:background .12s ease,color .12s ease}.sdc-snippet-insert-btn:hover{background:var(--primary, #f59e0b);color:#fff}.sdc-css-textarea-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.sdc-css-textarea-label{font-size:12px;font-weight:600;color:var(--text-secondary, #64748b)}.sdc-css-textarea-actions{display:flex;align-items:center;gap:8px}.sdc-css-help-icon{font-size:11px;color:var(--text-secondary, #64748b);cursor:help;font-family:monospace;border:1px solid var(--border-primary, #e2e8f0);border-radius:50%;padding:0 3px;line-height:1.4}.sdc-right-panel{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--bg-secondary, #f1f5f9);overflow:hidden}.sdc-preview-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 20px;border-bottom:1px solid var(--border-primary, #e2e8f0);background:var(--bg-primary, #ffffff);flex-shrink:0}.sdc-preview-controls{display:flex;align-items:center;gap:12px}.sdc-viewport-toggle{display:flex;border:1px solid var(--border-primary, #e2e8f0);border-radius:6px;overflow:hidden}.sdc-viewport-btn{padding:4px 12px;font-size:11px;font-weight:500;border:none;background:transparent;color:var(--text-secondary, #64748b);cursor:pointer;transition:background .12s,color .12s}.sdc-viewport-btn:hover{background:var(--bg-hover, #f1f5f9);color:var(--text-primary, #1c1917)}.sdc-viewport-btn.is-active{background:var(--primary, #f59e0b);color:#fff}.sdc-preview-label{font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary, #64748b)}.sdc-preview-updating{font-size:12px;color:var(--text-secondary, #94a3b8);font-style:italic}.sdc-preview-canvas{flex:1;overflow:auto;padding:32px 24px;background:#2e3440;display:flex;flex-direction:column;align-items:center}.sdc-email-frame{width:100%;max-width:860px;filter:drop-shadow(0 4px 20px rgba(0,0,0,.5));transition:max-width .2s ease}.sdc-email-frame.is-mobile{max-width:390px;background:#1a1a2e;border-radius:40px;padding:14px;filter:drop-shadow(0 8px 40px rgba(0,0,0,.7))}.sdc-preview-iframe{width:100%;min-height:400px;height:400px;border:none;display:block;border-radius:4px;background:#fff}.sdc-email-frame.is-mobile .sdc-preview-iframe{border-radius:28px}.sdc-preview-placeholder{display:flex;align-items:center;justify-content:center;width:100%;min-height:400px;border-radius:8px;border:2px dashed rgba(255,255,255,.15);color:#fff6;font-size:14px}.sdc-themes-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.sdc-theme-card{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:8px 8px 6px;border:1.5px solid var(--border-primary, #e2e8f0);border-radius:8px;background:var(--bg-secondary, #f8fafc);cursor:pointer;text-align:left;transition:all .12s ease;width:100%}.sdc-theme-card:hover{border-color:var(--primary, #f59e0b)}.sdc-theme-card-active{border-color:var(--primary, #f59e0b);background:#f59e0b12}.sdc-theme-swatches{display:flex;gap:3px}.sdc-theme-swatch{display:inline-block;width:14px;height:14px;border-radius:3px;border:1px solid rgba(0,0,0,.1);flex-shrink:0}.sdc-theme-card-name{font-size:11px;font-weight:600;color:var(--text-primary, #1c1917);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.sdc-themes-group{margin-bottom:12px}.sdc-themes-group:last-child{margin-bottom:0}.sdc-themes-group-label{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary, #94a3b8);margin-bottom:6px}.sdc-theme-save-row{display:flex;gap:6px;align-items:center;margin-bottom:12px}.sdc-theme-name-input{flex:1;min-width:0;padding:5px 10px;font-size:12px;color:var(--text-primary, #1c1917);background:var(--bg-primary, #ffffff);border:1px solid var(--border-primary, #e2e8f0);border-radius:7px;outline:none;transition:border-color .15s ease}.sdc-theme-name-input:focus{border-color:var(--primary, #f59e0b)}.sdc-theme-name-input::placeholder{color:var(--text-secondary, #94a3b8)}.sdc-theme-save-btn{flex-shrink:0;padding:5px 12px;font-size:12px;font-weight:600;background:var(--primary, #f59e0b);color:#fff;border:none;border-radius:7px;cursor:pointer;transition:opacity .15s ease;white-space:nowrap}.sdc-theme-save-btn:disabled{opacity:.45;cursor:not-allowed}.sdc-theme-save-btn:hover:not(:disabled){filter:brightness(.92)}.sdc-theme-update-btn{display:block;width:100%;margin-bottom:10px;padding:6px 12px;font-size:12px;font-weight:600;color:var(--primary, #f59e0b);background:#f59e0b14;border:1px solid var(--primary, #f59e0b);border-radius:7px;cursor:pointer;text-align:center;transition:background .15s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sdc-theme-update-btn:hover{background:#f59e0b24}.sp-root{display:flex;flex-direction:column;gap:8px}.sp-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:nowrap}.sp-clock-icon{color:var(--sp-text-tertiary, #9ca3af);flex-shrink:0;position:relative;top:1px}.sp-mode-tabs{display:flex;flex-shrink:0}.sp-mode-tab{padding:5px 14px;border:1.5px solid var(--sp-border, #e5e7eb);background:var(--sp-bg-secondary, #f3f4f6);color:var(--sp-text-secondary, #6b7280);font-size:.82rem;font-weight:500;margin-right:-1px;cursor:pointer;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.sp-mode-tab--left{border-radius:18px 0 0 18px}.sp-mode-tab--right{border-radius:0 18px 18px 0}.sp-mode-tab:hover{background-color:var(--sp-border, #e5e7eb);color:var(--sp-accent, #f59e0b)}.sp-mode-tab--active{background:var(--sp-accent, #f59e0b);color:#fff;border-color:var(--sp-accent, #f59e0b)}.sp-time-display{display:flex;align-items:center;gap:8px;min-width:0}.sp-time-display--clickable{cursor:pointer;border-radius:8px;padding:2px 4px;margin-left:-4px;transition:background .15s}.sp-time-display--clickable:hover{background:var(--sp-bg-secondary, #f3f4f6)}.sp-time-display--clickable:hover .sp-time-edit-hint{opacity:1}.sp-time-clock{font-size:2rem;font-weight:700;line-height:1.1;color:var(--sp-text-primary, #111827);letter-spacing:-.02em;white-space:nowrap}.sp-time-relative{font-size:.85rem;color:var(--sp-text-tertiary, #9ca3af);display:flex;align-items:center;gap:5px;white-space:nowrap}.sp-time-edit-hint{opacity:0;color:var(--sp-text-tertiary, #9ca3af);transition:opacity .15s;display:flex;align-items:center}.sp-time-edit-input{font-size:1.5rem;font-weight:600;color:var(--sp-text-primary, #111827);background:var(--sp-bg-secondary, #f3f4f6);border:1.5px solid var(--sp-accent, #f59e0b);border-radius:8px;padding:4px 10px;outline:none;box-shadow:0 0 0 3px #f59e0b26}.sp-slider-wrap{position:relative;height:30px}.sp-slider-wrap--custom{opacity:.4}.sp-slider-bg{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;border:1.5px solid var(--sp-border, #e5e7eb);background:var(--sp-bg-secondary, #f3f4f6);overflow:hidden;pointer-events:none}.sp-segment-label{position:absolute;top:50%;transform:translate(-50%,-50%);font-size:.6rem;font-weight:500;color:var(--sp-text-tertiary, #9ca3af);opacity:.45;pointer-events:none;white-space:nowrap;letter-spacing:.02em;-webkit-user-select:none;user-select:none}.sp-tick{position:absolute;top:25%;bottom:25%;width:1px;background:var(--sp-text-tertiary, #9ca3af);opacity:.35;transform:translate(-50%)}.sp-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;top:0;bottom:0;left:42px;right:54px;height:100%;background:transparent;cursor:pointer;outline:none;z-index:1}.sp-slider::-webkit-slider-runnable-track{height:30px;background:transparent}.sp-slider::-moz-range-track{height:30px;background:transparent;border:none}.sp-slider::-moz-range-progress{background:transparent}.sp-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--sp-bg-card, #fff);border:2.5px solid var(--sp-accent, #f59e0b);box-shadow:0 1px 5px #0000002e;cursor:pointer;margin-top:4px;transition:transform .1s}.sp-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.sp-slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--sp-bg-card, #fff);border:2.5px solid var(--sp-accent, #f59e0b);box-shadow:0 1px 5px #0000002e;cursor:pointer}.sp-slider-label{position:absolute;top:50%;transform:translateY(-50%);font-size:.72rem;font-weight:500;color:var(--sp-text-tertiary, #9ca3af);pointer-events:none;z-index:2;line-height:1}.sp-slider-label--left{left:10px}.sp-slider-label--right{right:10px}.composer-backdrop{padding:12px;align-items:stretch;z-index:1100}.composer-modal-container{width:100%;max-width:100%;height:100%;max-height:100%}.composer-modal-body{padding:0;overflow:hidden;display:flex;flex-direction:column;flex:1;min-height:0}.broadcast-composer{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;z-index:0}.composer-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;border-bottom:1px solid var(--border-primary);background:var(--bg-secondary);flex-shrink:0}.composer-header-left{display:flex;align-items:center;gap:8px;min-width:0;flex:1;overflow:visible}.composer-header-title{font-size:15px;font-weight:700;color:var(--text-primary);white-space:nowrap;flex-shrink:0}.composer-header-sep{color:var(--text-muted, var(--text-tertiary));flex-shrink:0;font-size:13px}.composer-header-subject{font-size:13px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.composer-header-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.composer-header-actions{display:flex;align-items:center;gap:6px}.composer-history-btns{display:flex;align-items:center;gap:2px}.composer-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--text-secondary);transition:background .15s,color .15s;flex-shrink:0}.composer-icon-btn svg{width:15px;height:15px}.composer-icon-btn:hover:not(:disabled){background:var(--bg-tertiary, rgba(0,0,0,.07));color:var(--text-primary)}.composer-icon-btn:disabled{opacity:.32;cursor:not-allowed}.composer-save-status{font-size:12px;font-weight:500;padding:0 6px;white-space:nowrap;min-width:70px;text-align:right;color:var(--text-muted, var(--text-tertiary));transition:color .2s}.composer-save-status.saved{color:var(--color-success, #22c55e)}.composer-save-status.saving,.composer-save-status.pending{color:var(--text-muted, var(--text-tertiary))}.composer-save-status.error{color:var(--color-danger, #ef4444)}.composer-schedule-tooltip-wrap{position:relative;display:inline-flex}.composer-schedule-tooltip-wrap[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 8px);right:0;min-width:200px;max-width:260px;padding:7px 11px;background:var(--bg-inverse, #1e2433);color:var(--text-inverse, #f1f5f9);font-size:.8rem;font-weight:400;line-height:1.4;border-radius:7px;box-shadow:0 4px 14px #0000002e;white-space:normal;z-index:600;pointer-events:none}.composer-schedule-tooltip-wrap[data-tooltip]:hover:before{content:"";position:absolute;top:calc(100% + 2px);right:20px;border:5px solid transparent;border-bottom-color:var(--bg-inverse, #1e2433);pointer-events:none;z-index:601}.composer-send-group{display:inline-flex;align-items:stretch;border-radius:8px;overflow:hidden;box-shadow:var(--shadow-sm)}.composer-send-group-test{padding:10px 16px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-right:none;border-radius:8px 0 0 8px;font-size:.875rem;font-weight:500;color:var(--text-primary);cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}.composer-send-group-test:hover:not(:disabled){background:var(--bg-hover)}.composer-send-group-test:disabled{opacity:.5;cursor:not-allowed}.composer-send-group-schedule{padding:10px 16px;background:var(--accent-primary);border:none;border-radius:0 8px 8px 0;font-size:.875rem;font-weight:500;color:#fff;cursor:pointer;white-space:nowrap;transition:background .15s}.composer-send-group-schedule:hover:not(:disabled){background:var(--accent-secondary)}.composer-send-group-schedule:disabled{opacity:.5;cursor:not-allowed}.composer-header-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;border-radius:6px;color:var(--text-secondary);transition:background .15s,color .15s;flex-shrink:0}.composer-header-close:hover{background:var(--bg-hover);color:var(--text-primary)}.composer-header-close svg{width:18px;height:18px}.theme-dropdown{position:relative;flex-shrink:0;margin-left:8px}.theme-dropdown-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 12px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;font-size:.875rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:border-color .15s,background .15s;white-space:nowrap}.theme-dropdown-btn:hover,.theme-dropdown-btn.is-open{border-color:var(--accent-primary);background:var(--accent-light);color:var(--accent-primary)}.theme-dropdown-label{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-dropdown-chevron{color:var(--text-muted);transition:transform .15s ease;flex-shrink:0}.theme-dropdown-chevron.is-open{transform:rotate(180deg)}.theme-dropdown-panel{position:absolute;top:calc(100% + 6px);left:0;min-width:220px;max-height:420px;overflow-y:auto;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:10px;box-shadow:0 8px 28px #00000024;z-index:500;padding:6px 0;animation:dropdown-appear .12s ease}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.theme-dropdown-section-label{padding:6px 14px 3px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted, var(--text-secondary))}.theme-dropdown-item{display:flex;align-items:center;gap:9px;width:100%;padding:6px 14px;background:none;border:none;font-size:.875rem;color:var(--text-primary);cursor:pointer;text-align:left;transition:background .1s}.theme-dropdown-item:hover{background:var(--bg-hover)}.theme-dropdown-item.is-active{color:var(--accent-primary);font-weight:600}.theme-dropdown-swatch{width:12px;height:12px;border-radius:50%;flex-shrink:0;border:1px solid rgba(0,0,0,.08)}.theme-dropdown-item-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-dropdown-check{color:var(--accent-primary);flex-shrink:0}.theme-dropdown-divider{height:1px;background:var(--border-primary);margin:5px 0}.theme-dropdown-loading{padding:6px 14px;font-size:.8125rem;color:var(--text-secondary);font-style:italic}.theme-dropdown-manage-link{display:block;width:100%;padding:6px 14px;background:none;border:none;font-size:.8125rem;color:var(--accent-primary);cursor:pointer;text-align:left;transition:background .1s}.theme-dropdown-manage-link:hover{background:var(--bg-hover)}.composer-split{display:flex;flex:1;min-height:0;overflow:hidden}.composer-sidebar{width:360px;min-width:300px;max-width:400px;flex-shrink:0;border-right:1px solid var(--border-primary);display:flex;flex-direction:column;overflow:hidden;background:var(--bg-primary)}.composer-sidebar-tabs{display:flex;border-bottom:1px solid var(--border-primary);background:var(--bg-secondary);flex-shrink:0}.composer-sidebar-tab{flex:1;padding:10px 12px;font-size:.875rem;font-weight:500;color:var(--text-secondary);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .12s,border-color .12s,background .12s;text-align:center}.composer-sidebar-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.composer-sidebar-tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary);background:var(--bg-primary)}.composer-sidebar-content{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.composer-sidebar-blocks{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.composer-sidebar-blocks .block-editor{flex:1;height:auto;min-height:0;border:none;border-radius:0;background:transparent}.composer-sidebar-template-row{flex-shrink:0;padding:10px 12px;border-top:1px solid var(--border-primary)}.composer-save-template-btn{width:100%;justify-content:center;font-size:.8125rem}.composer-sidebar-design{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column}.composer-preview-panel{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--bg-secondary);overflow:hidden}.composer-preview-meta{flex-shrink:0}.composer-meta{border-bottom:none}.composer-meta-row{display:flex;align-items:center;gap:12px;padding:0 14px;min-height:44px}.composer-meta-row+.composer-meta-row{border-top:1px solid var(--border-primary)}.composer-meta-label{flex-shrink:0;width:88px;font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.composer-meta-input{flex:1;padding:10px 0;background:transparent;border:none;outline:none;font-size:.9375rem;color:var(--text-primary)}.composer-meta-input::placeholder{color:var(--text-tertiary)}.composer-preview-meta .template-suggestion-banner{border-radius:0;border-left:none;border-right:none;border-top:none}.composer-input{padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;font-size:.9375rem;color:var(--text-primary);transition:all .2s ease}.composer-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light)}.composer-input::placeholder{color:var(--text-tertiary)}.composer-input:disabled{opacity:.6;cursor:not-allowed}.modal-btn-ghost{padding:10px 20px;background:transparent;border:none;border-radius:8px;font-size:.9375rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.modal-btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.modal-btn-ghost:disabled{opacity:.5;cursor:not-allowed}.schedule-modal{display:flex;flex-direction:column;gap:20px}.schedule-modal-options{display:flex;flex-direction:column;gap:12px}.schedule-modal-option{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:10px;cursor:pointer;transition:all .15s ease}.schedule-modal-option:hover{border-color:var(--accent-primary)}.schedule-modal-option:has(input:checked){border-color:var(--accent-primary);background:var(--accent-light)}.schedule-modal-option input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;min-width:20px;border-radius:50%;border:2px solid var(--border-primary);background:var(--bg-primary);cursor:pointer;flex-shrink:0;margin-top:2px;transition:border-color .15s,background .15s}.schedule-modal-option input[type=radio]:checked{border-color:var(--accent-primary);background:radial-gradient(circle,var(--accent-primary) 42%,transparent 42%)}.schedule-option-content{display:flex;flex-direction:column;gap:4px}.schedule-option-title{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.schedule-option-desc{font-size:.8125rem;color:var(--text-secondary)}.schedule-modal{--sp-accent: var(--accent-primary, #f59e0b);--sp-bg-secondary: var(--bg-tertiary);--sp-bg-card: var(--bg-primary);--sp-border: var(--border-primary);--sp-text-primary: var(--text-primary);--sp-text-secondary: var(--text-secondary);--sp-text-tertiary: var(--text-tertiary)}.schedule-modal-picker{padding:4px 2px}.schedule-modal-suppression{padding:12px 16px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-primary)}.suppression-checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer}.suppression-checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--accent-primary, #6366f1)}.suppression-info-icon{position:relative;display:inline-flex;align-items:center;margin-left:4px;flex-shrink:0;cursor:default}.suppression-info-icon svg{width:14px;height:14px;color:var(--text-tertiary);transition:color .15s}.suppression-info-icon:hover svg{color:var(--text-secondary)}.suppression-info-tooltip{display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);width:240px;padding:9px 11px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:6px;box-shadow:0 4px 14px #00000026;font-size:12px;line-height:1.5;color:var(--text-secondary);font-weight:400;white-space:normal;z-index:9999;pointer-events:none}.suppression-info-icon:hover .suppression-info-tooltip{display:block}.schedule-modal-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:8px;border-top:1px solid var(--border-primary)}.style-switcher-grid{display:flex;flex-wrap:wrap;gap:6px;padding:10px 12px}.style-swatch{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:2px solid transparent;border-radius:8px;padding:4px;cursor:pointer;transition:border-color .15s ease;min-width:62px}.style-swatch:hover{border-color:var(--border-secondary, #cbd5e1)}.style-swatch.selected{border-color:var(--accent-primary)}.style-swatch-preview{width:56px;height:40px;border-radius:4px;overflow:hidden;display:flex;flex-direction:column}.style-swatch-color-bar{height:14px;flex:none}.style-swatch-color-body{flex:1}.style-swatch-name{font-size:.7rem;font-weight:600;color:var(--text-secondary);text-align:center;white-space:nowrap}.style-swatch.selected .style-swatch-name{color:var(--accent-primary)}.style-swatch-check{position:absolute;top:2px;right:2px;background:var(--accent-primary);color:#fff;font-size:.65rem;width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.style-swatch-list-default{position:absolute;top:2px;left:2px;font-size:.7rem;color:var(--accent-primary);line-height:1}.style-swatch-user-wrap{position:relative;display:inline-flex;flex-direction:column;align-items:center;min-width:62px}.style-swatch-user{display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:2px solid var(--border-primary);border-radius:8px;padding:4px;cursor:pointer;transition:border-color .15s ease;width:100%}.style-swatch-user:hover{border-color:var(--accent-primary)}.style-swatch-base-label{font-size:.62rem;color:var(--text-muted, var(--text-secondary));font-style:italic;white-space:nowrap}.style-swatch-user-delete{position:absolute;top:-6px;right:-6px;width:16px;height:16px;border-radius:50%;background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-secondary);font-size:.65rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease;padding:0}.style-swatch-user-wrap:hover .style-swatch-user-delete,.style-swatch-user-wrap:hover .style-swatch-user-edit{opacity:1}.style-swatch-user-delete:hover{background:var(--color-danger, #ef4444);color:#fff;border-color:var(--color-danger, #ef4444)}.style-swatch-user-edit{position:absolute;top:-6px;left:-6px;width:16px;height:16px;border-radius:50%;background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-secondary);font-size:.65rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease;padding:0}.style-swatch-user-edit:hover{background:var(--accent-primary, #f59e0b);color:#fff;border-color:var(--accent-primary, #f59e0b)}.template-suggestion-banner{display:flex;align-items:center;gap:8px;padding:8px 12px;background:color-mix(in srgb,var(--accent-primary) 8%,var(--bg-primary));border:1px solid color-mix(in srgb,var(--accent-primary) 25%,transparent);border-radius:6px;font-size:13px}.template-suggestion-text{flex:1;color:var(--text-primary)}.template-banner-btn{flex-shrink:0;padding:3px 10px;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:opacity .15s}.template-banner-btn:hover{opacity:.8}.template-banner-apply{background:var(--accent-primary);color:#fff}.template-banner-skip{background:transparent;color:var(--text-secondary);border-color:var(--border-color)}.cdp-preview-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px;border-bottom:1px solid var(--border-primary);background:var(--bg-primary);flex-shrink:0}.cdp-preview-label{font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary)}.cdp-preview-controls{display:flex;align-items:center;gap:12px}.cdp-preview-updating{font-size:12px;color:var(--text-secondary);font-style:italic}.cdp-viewport-toggle{display:flex;border:1px solid var(--border-primary);border-radius:6px;overflow:hidden}.cdp-viewport-btn{padding:4px 12px;font-size:11px;font-weight:500;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .12s,color .12s}.cdp-viewport-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.cdp-viewport-btn.is-active{background:var(--accent-primary);color:#fff}.cdp-preview-canvas{flex:1;overflow:auto;padding:28px 20px;background:#2e3440;display:flex;flex-direction:column;align-items:center}.cdp-email-column{width:100%;max-width:860px;display:flex;flex-direction:column;box-shadow:0 4px 24px #0000008c;border-radius:8px 8px 4px 4px;transition:max-width .2s ease}.cdp-email-column.is-mobile{max-width:375px;box-shadow:0 8px 40px #000000b3}.cdp-email-column .composer-preview-meta{background:var(--bg-primary);border-radius:8px 8px 0 0;border-bottom:1px solid var(--border-primary)}.cdp-meta-mobile{background:var(--bg-primary);border-bottom:1px solid var(--border-primary);flex-shrink:0}.cdp-email-frame{width:100%}.cdp-email-frame.is-mobile{background:#1a1a2e;border-radius:40px;padding:14px}.cdp-preview-iframe{width:100%;height:400px;border:none;display:block;border-radius:0 0 8px 8px;background:#fff}.cdp-email-frame.is-mobile .cdp-preview-iframe{border-radius:28px}.cdp-preview-placeholder{display:flex;align-items:center;justify-content:center;width:100%;min-height:400px;border-radius:8px;border:2px dashed rgba(255,255,255,.15);color:#fff6;font-size:14px}.cdp-save-row{display:flex;gap:8px;align-items:center;padding:12px 16px 16px;border-top:1px solid var(--border-primary);margin-top:auto;flex-shrink:0;flex-wrap:wrap}.cdp-save-btn{background:var(--accent-primary);color:#fff;border:none;border-radius:7px;padding:7px 14px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s}.cdp-save-btn:hover{opacity:.85}.cdp-update-btn{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:7px;padding:7px 14px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s}.cdp-update-btn:hover{background:var(--bg-hover)}.composer-quick-save-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999}.composer-quick-save-modal{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;width:380px;max-width:calc(100vw - 32px);box-shadow:0 8px 32px #0000002e;display:flex;flex-direction:column}.composer-quick-save-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 10px;border-bottom:1px solid var(--border-primary)}.composer-quick-save-title{font-size:.9375rem;font-weight:700;color:var(--text-primary)}.composer-quick-save-close{background:none;border:none;font-size:1.25rem;line-height:1;cursor:pointer;color:var(--text-secondary);padding:0 2px;border-radius:3px}.composer-quick-save-close:hover{color:var(--text-primary)}.composer-quick-save-body{display:flex;flex-direction:column;gap:12px;padding:16px 18px}.composer-quick-save-label{display:flex;flex-direction:column;gap:5px;font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.composer-quick-save-label .required{color:#e53e3e}.composer-quick-save-label .optional{font-weight:400;color:var(--text-tertiary)}.composer-quick-save-input{width:100%;padding:7px 10px;border:1px solid var(--border-primary);border-radius:6px;font-size:.875rem;background:var(--bg-primary);color:var(--text-primary);box-sizing:border-box}.composer-quick-save-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-light)}.composer-quick-save-footer{display:flex;gap:8px;justify-content:flex-end;padding:12px 18px 16px;border-top:1px solid var(--border-primary)}.composer-quick-save-cancel{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-primary);border-radius:6px;padding:6px 14px;font-size:.875rem;cursor:pointer}.composer-quick-save-cancel:hover{background:var(--bg-hover)}.composer-quick-save-submit{background:var(--accent-primary);color:#fff;border:none;border-radius:6px;padding:6px 16px;font-size:.875rem;font-weight:600;cursor:pointer}.composer-quick-save-submit:disabled{opacity:.5;cursor:not-allowed}.composer-quick-save-submit:not(:disabled):hover{opacity:.85}@media (max-width: 767px){.composer-modal-container{height:calc(100vh - 40px);height:calc(100dvh - 40px);max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px)}.composer-split{flex-direction:column}.composer-sidebar{width:100%;max-width:100%;min-width:0;border-right:none;border-bottom:1px solid var(--border-primary)}.composer-preview-panel{flex:1}.composer-toolbar{gap:6px;padding:6px 10px}.composer-toolbar-actions{gap:6px}.schedule-modal-datetime{flex-direction:column}}.template-picker{padding:4px 0}.template-picker-tabs{display:flex;gap:2px;border-bottom:2px solid var(--border-color, #e2e8f0);margin-bottom:20px}.template-picker-tab{padding:8px 18px;font-size:14px;font-weight:500;color:var(--text-secondary, #64748b);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:color .15s ease,border-color .15s ease;border-radius:6px 6px 0 0}.template-picker-tab:hover{color:var(--text-primary, #1c1917);background:var(--bg-secondary, #f8fafc)}.template-picker-tab-active{color:var(--primary, #f59e0b);border-bottom-color:var(--primary, #f59e0b);font-weight:600}.template-picker-subtitle{margin:0 0 20px;font-size:14px;color:var(--text-secondary);line-height:1.5}.template-picker-tab-content{min-height:180px}.template-picker-loading{padding:48px 0;text-align:center;font-size:14px;color:var(--text-secondary, #64748b)}.template-picker-empty{padding:48px 24px;text-align:center;color:var(--text-secondary, #64748b)}.template-picker-empty-icon{font-size:36px;margin-bottom:12px;line-height:1}.template-picker-empty p{margin:0 0 6px;font-size:14px;font-weight:500;color:var(--text-primary, #1c1917)}.template-picker-empty-hint{font-size:13px!important;font-weight:400!important;color:var(--text-secondary, #64748b)!important;max-width:360px;margin:0 auto!important;line-height:1.5}.template-picker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width: 640px){.template-picker-grid{grid-template-columns:repeat(2,1fr)}}.template-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:16px;background:var(--card-bg, #fff);border:2px solid var(--border-color, #e2e8f0);border-radius:10px;cursor:pointer;text-align:left;transition:border-color .15s ease,box-shadow .15s ease,transform .1s ease;min-height:110px}.template-card:hover{border-color:var(--primary, #f59e0b);box-shadow:0 2px 8px #f59e0b1f;transform:translateY(-1px)}.template-card:active{transform:translateY(0)}.template-card-blank{border-style:dashed;background:var(--bg-secondary, #f8fafc)}.template-card-blank:hover{border-style:dashed}.template-card-saved,.template-card-community{cursor:default}.template-card-saved:hover,.template-card-community:hover{border-color:var(--border-color, #e2e8f0);box-shadow:none;transform:none}.template-card-emoji{font-size:24px;line-height:1;margin-bottom:4px}.template-card-name{font-size:14px;font-weight:600;color:var(--text-primary, #1c1917);line-height:1.3}.template-card-desc{font-size:12px;color:var(--text-secondary, #64748b);line-height:1.4;flex:1}.template-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:8px}.template-card-style-badge{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--primary, #f59e0b);background:color-mix(in srgb,var(--primary, #f59e0b) 10%,transparent);padding:2px 6px;border-radius:4px;flex-shrink:0}.template-card-date{font-size:11px;color:var(--text-secondary, #64748b)}.template-card-creator{font-size:11px;color:var(--text-secondary, #64748b);font-style:italic}.template-card-use-count{font-size:11px;color:var(--text-secondary, #64748b);margin-top:2px}.template-card-actions{display:flex;gap:8px;margin-top:10px;width:100%}.template-card-use-btn{flex:1;padding:5px 10px;font-size:12px;font-weight:600;color:#fff;background:var(--primary, #f59e0b);border:none;border-radius:6px;cursor:pointer;transition:background .15s ease;text-align:center}.template-card-use-btn:hover{background:var(--primary-dark, #d97706)}.template-card-delete-btn{padding:5px 10px;font-size:12px;font-weight:500;color:var(--text-secondary, #64748b);background:none;border:1px solid var(--border-color, #e2e8f0);border-radius:6px;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease;white-space:nowrap}.template-card-delete-btn:hover{color:#ef4444;border-color:#ef4444;background:#ef44440d}.broadcast-analytics-modal{min-height:300px}.analytics-tabs{display:flex;gap:2px;border-bottom:1px solid var(--border-primary);margin-bottom:20px}.analytics-tab{padding:8px 18px;font-size:14px;font-weight:500;color:var(--text-secondary, #6b7280);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;transition:color .15s,border-color .15s}.analytics-tab:hover{color:var(--text-primary, #0c0a09)}.analytics-tab--active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.recipients-tab{display:flex;flex-direction:column;gap:12px}.recipients-filter-bar{display:flex;flex-wrap:wrap;gap:6px}.recipients-filter-btn{padding:4px 12px;font-size:12px;font-weight:500;border-radius:20px;border:1px solid var(--border-primary);background:var(--bg-secondary, #f9fafb);color:var(--text-secondary, #6b7280);cursor:pointer;transition:all .15s}.recipients-filter-btn:hover{background:var(--bg-hover, #f3f4f6);color:var(--text-primary, #0c0a09)}.recipients-filter-btn--active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.recipients-count{font-size:13px;color:var(--text-secondary, #6b7280)}.recipients-table-wrap{overflow-x:auto;max-height:400px;overflow-y:auto;border:1px solid var(--border-primary);border-radius:8px}.recipients-table{width:100%;border-collapse:collapse;font-size:13px}.recipients-table thead{position:sticky;top:0;z-index:1;background:var(--bg-secondary, #f9fafb)}.recipients-table th{padding:8px 12px;text-align:left;font-weight:600;color:var(--text-secondary, #6b7280);font-size:11px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-primary);white-space:nowrap}.recipients-table th:not(:first-child){text-align:center;width:42px}.recipients-table td{padding:8px 12px;border-bottom:1px solid var(--bg-tertiary);vertical-align:middle}.recipients-table tbody tr:last-child td{border-bottom:none}.recipients-table tbody tr:hover{background:var(--bg-hover, #f9fafb)}.recipients-row--deleted{opacity:.55}.recipients-identity{display:flex;flex-direction:column;gap:1px}.recipients-name{font-weight:500;color:var(--text-primary, #0c0a09)}.recipients-email{color:var(--text-secondary, #6b7280);font-size:12px}.recipients-deleted-label{font-style:italic;color:var(--text-secondary, #9ca3af);font-size:12px}.recipients-stat-cell{text-align:center}.recipients-status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--border-primary)}.recipients-pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:4px 0}.recipients-page-btn{padding:6px 14px;font-size:13px;border:1px solid var(--border-primary);border-radius:6px;background:var(--bg-secondary, #f9fafb);color:var(--text-primary, #0c0a09);cursor:pointer;transition:background .15s}.recipients-page-btn:disabled{opacity:.4;cursor:not-allowed}.recipients-page-btn:not(:disabled):hover{background:var(--bg-hover, #f3f4f6)}.recipients-page-info{font-size:13px;color:var(--text-secondary, #6b7280)}.recipients-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:60px 20px;color:var(--text-secondary, #6b7280);text-align:center}.recipients-empty svg{width:40px;height:40px;opacity:.4;margin-bottom:4px}.recipients-empty p{font-size:15px;font-weight:500;color:var(--text-primary, #292524);margin:0}.recipients-empty span{font-size:13px}.analytics-modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 20px;color:var(--text-secondary)}.analytics-modal-loading .loading-spinner{width:32px;height:32px;border:3px solid var(--border-primary);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}.analytics-modal-error{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;color:var(--text-secondary);text-align:center}.analytics-modal-empty{padding:40px 20px;text-align:center;color:var(--text-secondary)}.analytics-modal-sent-date{font-size:.875rem;color:var(--text-tertiary);margin-bottom:20px}.analytics-modal-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px}.analytics-stat-card{padding:20px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:12px;text-align:center}.analytics-stat-value{font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1.2}.analytics-stat-opens{color:#10b981}.analytics-stat-clicks{color:#8b5cf6}.analytics-stat-label{font-size:.875rem;color:var(--text-secondary);margin-top:4px}.analytics-stat-percent{font-size:.8125rem;color:var(--text-tertiary);margin-top:6px}.deliverability-section{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:12px;padding:18px 20px;margin-bottom:24px}.deliverability-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.deliverability-header .analytics-section-title{margin:0}.deliverability-badge{font-size:.75rem;font-weight:600;padding:3px 10px;border-radius:20px;letter-spacing:.3px}.deliverability-badge-good{background:#10b98126;color:#10b981}.deliverability-badge-at-risk{background:#f59e0b26;color:#f59e0b}.deliverability-badge-critical{background:#ef444426;color:#ef4444}.deliverability-tracking-notice{display:flex;align-items:flex-start;gap:12px;color:var(--text-secondary);font-size:.875rem}.deliverability-tracking-notice svg{width:20px;height:20px;flex-shrink:0;opacity:.6;margin-top:2px}.deliverability-tracking-notice strong{display:block;color:var(--text-primary);margin-bottom:2px}.deliverability-tracking-notice p{margin:0;color:var(--text-tertiary);line-height:1.5}.deliverability-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.deliverability-metric{text-align:center}.deliverability-metric-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1.2}.deliverability-delivered{color:#10b981}.deliverability-warn{color:#ef4444}.deliverability-metric-label{font-size:.8rem;color:var(--text-secondary);margin-top:3px}.deliverability-metric-sub{font-size:.75rem;color:var(--text-tertiary);margin-top:2px}.analytics-section-title{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}.click-breakdown-section{margin-bottom:28px}.click-breakdown-table{width:100%;border-collapse:collapse}.click-breakdown-table th,.click-breakdown-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border-primary)}.click-breakdown-table th{font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.click-breakdown-table th:nth-child(2),.click-breakdown-table th:nth-child(3),.click-breakdown-count{text-align:center;width:80px}.click-breakdown-url{max-width:350px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.click-breakdown-url a{color:var(--accent-primary);text-decoration:none}.click-breakdown-url a:hover{text-decoration:underline}.activity-feed-section{margin-bottom:16px}.activity-feed{max-height:280px;overflow-y:auto;border:1px solid var(--border-primary);border-radius:8px}.activity-item{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border-primary)}.activity-item:last-child{border-bottom:none}.activity-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-icon svg{width:16px;height:16px}.activity-icon-open{background:#10b9811a;color:#10b981}.activity-icon-click{background:#8b5cf61a;color:#8b5cf6}.activity-content{flex:1;min-width:0}.activity-subscriber{font-weight:500;color:var(--text-primary)}.activity-action{color:var(--text-secondary);margin-left:4px}.activity-url{font-size:.8125rem;color:var(--text-tertiary);margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-time{font-size:.8125rem;color:var(--text-tertiary);flex-shrink:0}.analytics-modal-empty-state{display:flex;flex-direction:column;align-items:center;padding:40px 20px;text-align:center;color:var(--text-secondary)}.analytics-modal-empty-state svg{width:48px;height:48px;margin-bottom:16px;opacity:.5}.analytics-modal-empty-state p{font-size:1rem;font-weight:500;margin:0 0 8px}.analytics-modal-empty-state span{font-size:.875rem;color:var(--text-tertiary)}@media (max-width: 640px){.analytics-modal-stats{grid-template-columns:1fr}.analytics-stat-card{padding:16px}.analytics-stat-value{font-size:1.5rem}.click-breakdown-url{max-width:150px}.deliverability-grid{grid-template-columns:repeat(2,1fr)}}.resend-section{margin-top:24px;padding-top:20px;border-top:1px solid var(--border-primary)}.resend-section-content{display:flex;align-items:center;justify-content:space-between;gap:16px}.resend-section-title{font-size:14px;font-weight:600;color:var(--text-primary, #0c0a09);margin-bottom:4px}.resend-section-desc{font-size:13px;color:var(--text-secondary, #6b7280)}.resend-btn{white-space:nowrap;flex-shrink:0}.resend-modal-count{font-size:14px;color:var(--text-secondary, #6b7280);background:var(--bg-secondary, #f9fafb);border:1px solid var(--border-primary);border-radius:8px;padding:12px 14px;margin-bottom:16px;line-height:1.5}.resend-modal-count strong{color:var(--text-primary, #0c0a09)}.resend-count-loading{color:var(--text-tertiary, #9ca3af)}.resend-all-opened{margin:8px 0 0;color:var(--text-tertiary, #9ca3af);font-style:italic}.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #777;--xy-background-pattern-lines-color-default: #777;--xy-background-pattern-cross-color-default: #777;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}.automation-canvas-wrapper{display:flex;height:520px;border:1px solid var(--border-primary);border-radius:10px;overflow:hidden;background:var(--bg-primary)}.canvas-sidebar-panel{width:140px;flex-shrink:0;background:var(--bg-secondary);border-right:1px solid var(--border-primary);padding:16px 10px;display:flex;flex-direction:column;gap:10px}.sidebar-title{font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 4px}.sidebar-node-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;border-radius:8px;border:2px dashed transparent;cursor:grab;font-size:.8125rem;font-weight:600;color:var(--text-secondary);transition:all .15s ease;-webkit-user-select:none;user-select:none}.sidebar-node-item svg{width:22px;height:22px}.sidebar-node-item:active{cursor:grabbing}.sidebar-item-email{background:var(--accent-light);border-color:var(--accent-primary);color:var(--accent-secondary)}.sidebar-item-email:hover{background:#fde68a}.sidebar-item-condition{background:var(--warning-light);border-color:var(--warning);color:#d97706}.sidebar-item-condition:hover{background:#fde68a}.sidebar-hint{margin-top:auto;font-size:.6875rem;color:var(--text-tertiary);line-height:1.5;display:flex;flex-direction:column;gap:6px}.sidebar-hint p{margin:0}.hint-yes{color:var(--success);font-weight:600}.hint-no{color:var(--danger);font-weight:600}.canvas-react-flow-area{flex:1;min-width:0}.canvas-react-flow-area .react-flow{background:var(--bg-primary)}.canvas-react-flow-area .react-flow__controls{bottom:12px;left:12px;box-shadow:var(--shadow-md);border-radius:8px;overflow:hidden;border:1px solid var(--border-primary)}.canvas-react-flow-area .react-flow__controls-button{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);color:var(--text-secondary);width:28px;height:28px}.canvas-react-flow-area .react-flow__controls-button:hover{background:var(--bg-hover)}.canvas-react-flow-area .react-flow__minimap{bottom:12px;right:12px;border-radius:8px;border:1px solid var(--border-primary);overflow:hidden}.canvas-node{display:flex;flex-direction:column;min-width:240px;max-width:280px;border-radius:10px;border:2px solid transparent;box-shadow:var(--shadow-md);font-size:.8125rem;overflow:visible;background:var(--bg-card);transition:border-color .15s ease}.canvas-node.selected{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light)}.canvas-node-start{border-color:var(--success);background:var(--success-light);min-width:200px}.canvas-node-start .canvas-node-header{background:var(--success);color:#fff}.canvas-node-email{border-color:var(--border-primary)}.canvas-node-email .canvas-node-header{background:var(--accent-primary);color:#fff}.canvas-node-condition{border-color:var(--warning)}.canvas-node-condition .canvas-node-header{background:var(--warning);color:#fff}.canvas-node-header{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px 8px 0 0;font-weight:600;font-size:.8125rem}.canvas-node-header svg{width:15px;height:15px;flex-shrink:0}.canvas-node-header span{flex:1}.canvas-node-delete{background:none;border:none;cursor:pointer;padding:2px;border-radius:4px;color:#fffc;display:flex;align-items:center;transition:color .15s,background .15s}.canvas-node-delete:hover{color:#fff;background:#fff3}.canvas-node-delete svg{width:13px;height:13px}.canvas-node-body{padding:12px;display:flex;flex-direction:column;gap:8px}.canvas-node-input{width:100%;padding:6px 10px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:6px;font-size:.8125rem;color:var(--text-primary);box-sizing:border-box}.canvas-node-input:focus{outline:none;border-color:var(--accent-primary)}.canvas-node-input-sm{width:60px;text-align:center;padding:4px 6px}.canvas-node-textarea{width:100%;padding:6px 10px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:6px;font-size:.75rem;color:var(--text-primary);resize:vertical;font-family:inherit;box-sizing:border-box;min-height:60px}.canvas-node-textarea:focus{outline:none;border-color:var(--accent-primary)}.canvas-node-select{width:100%;padding:6px 30px 6px 10px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:6px;font-size:.8125rem;color:var(--text-primary);cursor:pointer;appearance:none;-webkit-appearance:none;-moz-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='%236b7280' stroke-width='2.5' 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 10px center}.canvas-node-select:focus{outline:none;border-color:var(--accent-primary)}.canvas-node-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);display:block}.canvas-node-delay,.canvas-node-wait{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-secondary)}.canvas-node-delay label,.canvas-node-wait label{font-weight:600;color:var(--text-secondary)}.canvas-node-broadcast-count{display:flex;align-items:center;gap:6px;font-size:.8125rem;color:var(--text-secondary)}.canvas-node-count-input{width:48px;padding:5px 6px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:6px;font-size:.8125rem;color:var(--text-primary);text-align:center}.canvas-node-count-input:focus{outline:none;border-color:var(--accent-primary)}.canvas-node-branches{display:flex;justify-content:center;gap:12px;padding-top:4px}.branch-label{font-size:.75rem;font-weight:700;padding:3px 10px;border-radius:12px}.branch-yes{background:var(--success-light);color:var(--success-text)}.branch-no{background:var(--danger-light);color:var(--danger-text)}.canvas-handle{width:12px!important;height:12px!important;border:2px solid var(--bg-card)!important}.canvas-handle-top{background:var(--text-tertiary)!important;top:-6px!important}.canvas-handle-bottom{background:var(--accent-primary)!important;bottom:-6px!important}.canvas-handle-yes{background:var(--success)!important;bottom:-6px!important}.canvas-handle-no{background:var(--danger)!important;bottom:-6px!important}.start-node-trigger-section{position:relative}.start-node-trigger-btn{width:100%;display:flex;align-items:center;gap:8px;padding:7px 10px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:6px;font-size:.8125rem;color:var(--text-primary);cursor:pointer;text-align:left;transition:border-color .15s,background .15s}.start-node-trigger-btn:hover{border-color:var(--success);background:var(--bg-secondary)}.start-node-trigger-btn.open{border-color:var(--success)}.trigger-btn-icon{display:flex;flex-shrink:0;color:var(--success-text)}.trigger-btn-icon svg{width:14px;height:14px}.trigger-btn-label{flex:1;font-weight:600}.trigger-btn-chevron{width:12px;height:12px;flex-shrink:0;color:var(--text-tertiary);transition:transform .15s}.start-node-trigger-btn.open .trigger-btn-chevron{transform:rotate(180deg)}.start-node-popover{margin-top:6px;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:8px;box-shadow:var(--shadow-md);overflow:hidden;display:flex;flex-direction:column}.trigger-option{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;background:none;border:none;cursor:pointer;text-align:left;transition:background .1s;border-bottom:1px solid var(--border-secondary)}.trigger-option:last-child{border-bottom:none}.trigger-option:hover{background:var(--bg-hover)}.trigger-option.active{background:var(--success-light)}.trigger-option-icon{display:flex;flex-shrink:0;color:var(--text-secondary)}.trigger-option-icon svg{width:14px;height:14px}.trigger-option.active .trigger-option-icon{color:var(--success-text)}.trigger-option-text{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.trigger-option-label{font-size:.8125rem;font-weight:600;color:var(--text-primary);display:block}.trigger-option-desc{font-size:.6875rem;color:var(--text-tertiary);display:block;line-height:1.3}.trigger-option-check{width:14px;height:14px;flex-shrink:0;color:var(--success)}.start-node-date-field,.start-node-api-info{margin-top:8px;display:flex;flex-direction:column;gap:4px}.start-node-api-note{font-size:.6875rem;color:var(--text-secondary);line-height:1.4;margin:0 0 6px}.start-node-api-note code{font-family:monospace;font-size:.6875rem;color:var(--text-primary)}.start-node-api-row{display:flex;align-items:center;gap:6px}.start-node-api-code{flex:1;min-width:0;font-size:.6875rem;padding:6px 8px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:5px;color:var(--text-secondary);word-break:break-all;font-family:monospace}.start-node-copy-btn{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:5px;color:var(--text-secondary);cursor:pointer;padding:0;transition:color .15s,border-color .15s}.start-node-copy-btn svg{width:13px;height:13px}.start-node-copy-btn:hover{color:var(--accent-primary);border-color:var(--accent-primary)}.start-node-test-data{margin-top:8px;display:flex;flex-direction:column;gap:4px}.test-data-row{display:flex;gap:4px;align-items:center}.test-data-key{flex:2;font-family:monospace;font-size:.75rem!important}.test-data-value{flex:3;font-size:.75rem!important}.test-data-remove-btn{flex-shrink:0;width:22px;height:22px;padding:0;background:transparent;border:1px solid var(--border-primary);border-radius:4px;color:var(--text-muted, var(--text-secondary));font-size:.9rem;line-height:1;cursor:pointer;transition:background .15s,color .15s}.test-data-remove-btn:hover{background:var(--error-light, #fee2e2);border-color:var(--error, #ef4444);color:var(--error, #ef4444)}.test-data-add-btn{margin-top:2px;padding:4px 8px;background:transparent;border:1px dashed var(--border-primary);border-radius:5px;font-size:.75rem;color:var(--accent-primary);cursor:pointer;text-align:left;transition:background .15s,border-color .15s}.test-data-add-btn:hover{background:var(--accent-light);border-color:var(--accent-primary)}.start-node-toggle{margin-top:8px;padding-top:8px;border-top:1px solid var(--border-primary);display:flex;flex-direction:column;gap:3px}.start-node-toggle-label{display:flex;align-items:center;gap:6px;font-size:.8125rem;color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none}.start-node-toggle-label input[type=checkbox]{width:13px;height:13px;flex-shrink:0;accent-color:var(--success);cursor:pointer}.start-node-toggle-hint{font-size:.6875rem;color:var(--text-tertiary);padding-left:19px}.start-node-info-icon{position:relative;display:inline-flex;align-items:center;margin-left:3px;flex-shrink:0;cursor:default}.start-node-info-icon svg{width:12px;height:12px;color:var(--text-tertiary);transition:color .15s}.start-node-info-icon:hover svg{color:var(--text-secondary)}.start-node-info-tooltip{display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);width:220px;padding:8px 10px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:6px;box-shadow:0 4px 12px #00000026;font-size:.6875rem;line-height:1.45;color:var(--text-secondary);font-weight:400;white-space:normal;z-index:9999;pointer-events:none}.start-node-info-icon:hover .start-node-info-tooltip{display:block}.email-node-subject{font-size:.8125rem;font-weight:600;color:var(--text-primary);padding:6px 10px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:6px;line-height:1.4}.email-node-subject.empty{color:var(--text-tertiary);font-style:italic;font-weight:400}.email-node-template-badge{font-size:.6875rem;font-weight:600;color:var(--accent-secondary);background:var(--accent-light);border-radius:10px;padding:2px 8px;display:inline-block;align-self:flex-start}.email-node-edit-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:6px;font-size:.8125rem;font-weight:600;color:var(--text-secondary);cursor:pointer;width:100%;justify-content:center;transition:background .15s,border-color .15s,color .15s}.email-node-edit-btn:hover{background:var(--accent-light);border-color:var(--accent-primary);color:var(--accent-secondary)}.email-node-edit-btn svg{width:13px;height:13px;flex-shrink:0}.canvas-node.canvas-node-delay{border-color:#0d9488;flex-direction:column;align-items:stretch}.canvas-node.canvas-node-delay .canvas-node-header{background:#0d9488;color:#fff}.delay-node-row{display:flex;flex-direction:column;gap:6px}.delay-node-inputs{display:flex;gap:6px;align-items:center}.delay-node-unit{flex:1;min-width:0}.delay-node-summary{font-size:.75rem;color:var(--text-tertiary);font-style:italic}.sidebar-item-delay{background:#ccfbf1;border-color:#0d9488;color:#0f766e}.sidebar-item-delay:hover{background:#99f6e4}.canvas-node-webhook{border-color:#7c3aed}.canvas-node-webhook .canvas-node-header{background:#7c3aed;color:#fff}.webhook-node-hint{font-size:.75rem;color:var(--text-tertiary);font-style:italic}.sidebar-item-webhook{background:#ede9fe;border-color:#7c3aed;color:#5b21b6}.sidebar-item-webhook:hover{background:#ddd6fe}.edge-delete-hint{background:#ef4444;color:#fff;font-size:.6875rem;font-weight:700;padding:3px 9px;border-radius:10px;white-space:nowrap;box-shadow:0 2px 6px #ef444466;-webkit-user-select:none;user-select:none;letter-spacing:.01em}.canvas-react-flow-area .react-flow__edge-path{stroke:var(--border-primary)}[data-theme=dark] .canvas-react-flow-area .react-flow{background:var(--bg-primary)}[data-theme=dark] .canvas-react-flow-area .react-flow__controls-button{background:var(--bg-secondary);border-color:var(--border-primary);color:var(--text-secondary);fill:var(--text-secondary)}[data-theme=dark] .canvas-react-flow-area .react-flow__edge .react-flow__edge-path{stroke:var(--text-tertiary)}[data-theme=dark] .sidebar-item-delay{background:#0d948826;border-color:#0d9488;color:#5eead4}[data-theme=dark] .sidebar-item-delay:hover{background:#0d948840}[data-theme=dark] .sidebar-item-webhook{background:#7c3aed26;border-color:#7c3aed;color:#c4b5fd}[data-theme=dark] .sidebar-item-webhook:hover{background:#7c3aed40}.automation-builder-toolbar{display:flex;align-items:center;gap:4px}.automation-history-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;background:none;border:1px solid transparent;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.automation-history-btn svg{width:15px;height:15px}.automation-history-btn:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-primary);color:var(--text-primary)}.automation-history-btn:disabled{opacity:.35;cursor:default}.automation-save-status{font-size:.8125rem;padding:0 6px;color:var(--text-tertiary);min-width:70px}.automation-save-status.saving,.automation-save-status.pending{color:var(--text-secondary)}.automation-save-status.saved{color:var(--success-color, #16a34a)}.automation-save-status.error{color:var(--error-color, #dc2626)}.automation-builder{display:flex;flex-direction:column;gap:24px}.builder-list-context{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--accent-light);border:1px solid var(--accent-primary);border-radius:8px;font-size:.9375rem;color:var(--text-secondary)}.builder-list-context svg{width:18px;height:18px;color:var(--accent-primary);flex-shrink:0}.builder-list-context strong{color:var(--accent-primary);font-weight:600}.builder-field{display:flex;flex-direction:column;gap:8px}.builder-field label{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.builder-input{padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;font-size:.9375rem;color:var(--text-primary);transition:all .2s ease}.builder-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light)}.builder-input::placeholder{color:var(--text-tertiary)}.builder-select{padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;font-size:.9375rem;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.builder-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light)}.builder-textarea{padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;font-size:.875rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;color:var(--text-primary);resize:vertical;transition:all .2s ease}.builder-textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light)}.builder-textarea::placeholder{color:var(--text-tertiary)}.automation-flow{display:flex;flex-direction:column;gap:0;padding:20px;background:var(--bg-tertiary);border-radius:12px;border:1px solid var(--border-primary)}.flow-header{margin-bottom:24px}.flow-header h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 4px}.flow-header p{font-size:.875rem;color:var(--text-secondary);margin:0}.flow-block{padding:16px;background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:10px;display:flex;flex-direction:column;gap:12px}.block-header{display:flex;align-items:center;gap:10px}.block-header svg{width:20px;height:20px;flex-shrink:0}.block-label{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;flex:1}.btn-remove-block{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-primary);border-radius:6px;color:var(--text-tertiary);cursor:pointer;transition:all .2s ease}.btn-remove-block:hover{background:#ef4444;border-color:#ef4444;color:#fff}.btn-remove-block svg{width:14px;height:14px}.block-content{display:flex;flex-direction:column;gap:10px}.flow-trigger{border-color:var(--accent-primary)}.flow-trigger .block-header svg{color:var(--accent-primary)}.flow-trigger .block-label{color:var(--accent-primary)}.flow-email{border-color:#10b981}.flow-email .block-header svg{color:#10b981}.flow-email .block-label{color:#10b981}.flow-delay{border-color:#f59e0b}.flow-delay .block-header svg{color:#f59e0b}.flow-delay .block-label{color:#f59e0b}.delay-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.delay-input-group{display:flex;align-items:center;gap:8px}.builder-input-small{width:80px;padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:6px;font-size:.9375rem;color:var(--text-primary);transition:all .2s ease}.builder-input-small:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light)}.delay-input-group span{font-size:.875rem;color:var(--text-secondary)}.flow-end{flex-direction:row;align-items:center;gap:10px;border-color:#6b7280;border-style:dashed}.flow-end svg{width:20px;height:20px;color:#6b7280}.flow-end span{font-size:.875rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.flow-connector{position:relative;display:flex;align-items:center;justify-content:center;height:40px}.connector-line{position:absolute;left:50%;transform:translate(-50%);width:2px;height:100%;background:var(--border-primary)}.btn-add-block{position:relative;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--accent-primary);color:#fff;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease;z-index:1}.btn-add-block:hover{background:var(--accent-secondary);transform:scale(1.1)}.btn-add-block svg{width:18px;height:18px}.add-block-menu{position:absolute;top:40px;left:50%;transform:translate(-50%);display:none;flex-direction:column;gap:4px;padding:8px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;box-shadow:var(--shadow-lg);z-index:10}.add-block-menu.visible{display:flex}.add-block-menu button{padding:8px 16px;background:transparent;border:none;border-radius:6px;font-size:.875rem;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .2s ease;white-space:nowrap}.add-block-menu button:hover{background:var(--bg-hover);color:var(--accent-primary)}@media (max-width: 768px){.automation-builder{gap:20px}.automation-flow{padding:16px}.flow-block{padding:12px}.delay-inputs{grid-template-columns:1fr}.builder-input-small{width:100%}}@media (max-width: 480px){.automation-builder{gap:16px}.automation-flow{padding:12px}.flow-header{margin-bottom:16px}.flow-block{padding:10px}}.embed-modal-content{display:flex;flex-direction:column;gap:16px}.embed-instructions{font-size:.9375rem;color:var(--text-secondary);margin:0;line-height:1.5}.embed-code-textarea{padding:14px;font-size:.8125rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;resize:vertical;min-height:200px;line-height:1.5}.embed-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:48px 24px;color:var(--text-secondary)}.embed-loading .loading-spinner{width:32px;height:32px;border:3px solid var(--border-primary);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}.embed-error{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px 24px;text-align:center}.embed-error p{color:var(--text-secondary);margin:0}.btn-retry{padding:8px 16px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-retry:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.modal-btn-primary.copied{background:#10b981}.modal-btn-primary.copied:hover{background:#059669}.modal-btn svg{width:18px;height:18px}@media (max-width: 480px){.embed-code-textarea{min-height:150px;font-size:.75rem}}.import-declaration{display:flex;flex-direction:column;gap:18px}.import-declaration-rules{display:flex;flex-direction:column;gap:8px;padding:14px 16px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:10px}.import-declaration-rule{display:flex;align-items:flex-start;gap:10px;font-size:.875rem;line-height:1.5}.import-declaration-rule svg{width:15px;height:15px;flex-shrink:0;margin-top:2px}.import-declaration-rule--ok{color:var(--text-secondary)}.import-declaration-rule--ok svg{color:#10b981}.import-declaration-rule--no{color:var(--text-secondary)}.import-declaration-rule--no svg{color:#ef4444}.import-declaration-field{display:flex;flex-direction:column;gap:6px}.import-declaration-label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.import-declaration-required{color:#ef4444}.import-declaration-optional{font-weight:400;color:var(--text-tertiary);font-size:.8125rem}.import-declaration-textarea{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid var(--border-primary);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:.9375rem;font-family:inherit;line-height:1.5;resize:vertical;transition:border-color .15s}.import-declaration-textarea:focus{outline:none;border-color:var(--accent-primary)}.import-declaration-charcount{font-size:.75rem;color:var(--text-tertiary);align-self:flex-end}.import-declaration-charcount--ok{color:#10b981}.import-declaration-input{width:100%;box-sizing:border-box;padding:9px 12px;border:1px solid var(--border-primary);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:.9375rem;font-family:inherit;transition:border-color .15s}.import-declaration-input:focus{outline:none;border-color:var(--accent-primary)}.import-declaration-proof-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px dashed var(--border-primary);border-radius:8px;background:var(--bg-tertiary);color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:border-color .15s,color .15s;align-self:flex-start}.import-declaration-proof-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.import-declaration-proof-btn--loading{cursor:default;opacity:.7}.import-declaration-proof-btn svg{width:15px;height:15px;flex-shrink:0}.import-declaration-proof-uploaded{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(16,185,129,.35);border-radius:8px;background:#10b9810f;align-self:flex-start}.import-declaration-proof-uploaded svg{width:15px;height:15px;color:#10b981;flex-shrink:0}.import-declaration-proof-name{font-size:.875rem;color:var(--text-primary);font-family:Monaco,Menlo,monospace;word-break:break-all}.import-declaration-proof-remove{background:none;border:none;cursor:pointer;font-size:.8125rem;color:var(--text-tertiary);padding:0;margin-left:4px;text-decoration:underline;text-underline-offset:2px}.import-declaration-proof-remove:hover{color:#ef4444}.import-declaration-checkboxes{display:flex;flex-direction:column;gap:10px}.import-declaration-checkbox{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.import-declaration-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-primary);cursor:pointer;flex-shrink:0;margin-top:2px}.import-declaration-checkbox span{font-size:.875rem;color:var(--text-primary);line-height:1.5}.import-declaration-legal{font-size:.8125rem;color:var(--text-tertiary);line-height:1.6;margin:0;padding-top:4px;border-top:1px solid var(--border-primary)}.import-declaration-legal a{color:var(--accent-primary);text-decoration:none}.import-declaration-legal a:hover{text-decoration:underline}.import-compliance{display:flex;flex-direction:column;gap:20px}.import-compliance-intro{font-size:.9375rem;color:var(--text-primary);line-height:1.6;margin:0}.import-compliance-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 600px){.import-compliance-columns{grid-template-columns:1fr}}.import-compliance-section{border-radius:10px;padding:16px}.import-compliance-allowed{background:#10b9810f;border:1px solid rgba(16,185,129,.3)}.import-compliance-denied{background:#ef44440f;border:1px solid rgba(239,68,68,.3)}[data-theme=dark] .import-compliance-allowed{background:#10b9811a}[data-theme=dark] .import-compliance-denied{background:#ef44441a}.import-compliance-section-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:.875rem;font-weight:700}.import-compliance-allowed .import-compliance-section-header{color:#10b981}.import-compliance-denied .import-compliance-section-header{color:#ef4444}.import-compliance-section-header svg{width:16px;height:16px;flex-shrink:0}.import-compliance-list{margin:0;padding:0 0 0 16px;display:flex;flex-direction:column;gap:6px}.import-compliance-list li{font-size:.875rem;color:var(--text-secondary);line-height:1.5}.import-compliance-note{display:flex;gap:12px;padding:14px 16px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-left:3px solid #f59e0b;border-radius:8px}.import-compliance-note svg{width:18px;height:18px;color:#f59e0b;flex-shrink:0;margin-top:2px}.import-compliance-note p{margin:0;font-size:.8125rem;color:var(--text-secondary);line-height:1.6}.import-compliance-confirm{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:10px;cursor:pointer;transition:border-color .2s ease}.import-compliance-confirm:has(input:checked){border-color:var(--accent-primary);background:var(--accent-light)}.import-compliance-confirm input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-primary);cursor:pointer;flex-shrink:0;margin-top:2px}.import-compliance-confirm span{font-size:.875rem;color:var(--text-primary);line-height:1.6;font-weight:500}.import-upload{display:flex;flex-direction:column;gap:20px}.import-upload-intro{font-size:.9375rem;color:var(--text-secondary);line-height:1.6;margin:0}.import-upload-intro code{font-family:Monaco,Menlo,monospace;font-size:.875rem;background:var(--bg-tertiary);padding:2px 6px;border-radius:4px;color:var(--accent-primary)}.import-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px 24px;border:2px dashed var(--border-primary);border-radius:12px;background:var(--bg-tertiary);cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease;position:relative;text-align:center}.import-dropzone:hover{border-color:var(--accent-primary);background:var(--accent-light)}.import-dropzone--selected{border-color:var(--accent-primary);background:var(--accent-light);border-style:solid}.import-dropzone--dragging{border-color:var(--accent-primary);background:var(--accent-light);border-style:dashed;transform:scale(1.01)}.import-dropzone-icon{width:40px;height:40px;color:var(--text-tertiary)}.import-dropzone-icon--selected{color:var(--accent-primary)}.import-dropzone-label{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.import-dropzone-filename{font-size:.9375rem;font-weight:600;color:var(--accent-primary);font-family:Monaco,Menlo,monospace;word-break:break-all}.import-dropzone-hint,.import-dropzone-change{font-size:.8125rem;color:var(--text-tertiary)}.import-file-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.import-progress{display:flex;flex-direction:column;gap:8px}.import-progress-bar{height:4px;background:var(--border-primary);border-radius:4px;overflow:hidden}.import-progress-bar-fill{height:100%;background:var(--accent-primary);border-radius:4px;width:100%;animation:import-progress-pulse 1.5s ease-in-out infinite}@keyframes import-progress-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.import-progress-label{font-size:.875rem;color:var(--text-secondary);text-align:center;margin:0}.import-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;margin-right:6px;vertical-align:middle}.import-upload-note{font-size:.8125rem;color:var(--text-tertiary);line-height:1.6;margin:0;text-align:center}.import-upload-migrate-link{color:var(--accent-primary);text-decoration:none;font-weight:500}.import-upload-migrate-link:hover{text-decoration:underline}.import-preview{display:flex;flex-direction:column;gap:16px}.import-preview-summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.import-preview-count-badge{display:flex;align-items:center;gap:8px;background:var(--accent-light);border:1px solid var(--accent-primary);border-radius:20px;padding:6px 14px;font-size:.9375rem;font-weight:700;color:var(--accent-primary)}.import-preview-count-badge svg{width:16px;height:16px;flex-shrink:0}.import-preview-filename{font-size:.8125rem;color:var(--text-tertiary);font-family:Monaco,Menlo,monospace;word-break:break-all}.import-preview-warning{display:flex;gap:12px;padding:14px 16px;background:#f59e0b0f;border:1px solid rgba(245,158,11,.35);border-left:3px solid #f59e0b;border-radius:8px}.import-preview-warning svg{width:18px;height:18px;color:#f59e0b;flex-shrink:0;margin-top:2px}.import-preview-warning p{margin:0;font-size:.875rem;color:var(--text-primary);line-height:1.6}.import-preview-list{border:1px solid var(--border-primary);border-radius:10px;overflow:hidden}.import-preview-list-header{display:grid;grid-template-columns:1fr auto;gap:12px;padding:8px 14px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);font-size:.75rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.import-preview-list-body{max-height:300px;overflow-y:auto}.import-preview-row{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:9px 14px;border-bottom:1px solid var(--border-primary);font-size:.875rem}.import-preview-row:last-child{border-bottom:none}.import-preview-email{font-family:Monaco,Menlo,monospace;font-size:.8125rem;color:var(--text-primary);word-break:break-all;min-width:0}.import-preview-name{font-size:.8125rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.import-preview-empty{color:var(--text-tertiary)}.import-preview-row--more{justify-content:center;color:var(--text-tertiary);font-size:.8125rem;font-style:italic;background:var(--bg-tertiary);grid-template-columns:1fr;text-align:center}.import-results{display:flex;flex-direction:column;gap:20px}.import-results-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.import-results-stat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:20px 12px;border-radius:10px;text-align:center}.import-results-stat--added{background:#10b98114;border:1px solid rgba(16,185,129,.25)}.import-results-stat--skipped{background:#f59e0b14;border:1px solid rgba(245,158,11,.25)}.import-results-stat--errors{background:#ef444414;border:1px solid rgba(239,68,68,.25)}.import-results-count{font-size:2rem;font-weight:800;line-height:1}.import-results-stat--added .import-results-count{color:#10b981}.import-results-stat--skipped .import-results-count{color:#f59e0b}.import-results-stat--errors .import-results-count{color:#ef4444}.import-results-label{font-size:.8125rem;color:var(--text-secondary);font-weight:500;line-height:1.3}.import-results-message--success{padding:14px 16px;background:#10b9810f;border:1px solid rgba(16,185,129,.25);border-radius:8px;font-size:.9375rem;color:var(--text-primary);line-height:1.6;margin:0}.import-results-errors{display:flex;flex-direction:column;gap:10px}.import-results-errors-title{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0}.import-results-errors-list{border:1px solid var(--border-primary);border-radius:8px;overflow:hidden;max-height:180px;overflow-y:auto}.import-results-error-row{display:grid;grid-template-columns:70px 1fr auto;gap:12px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border-primary);font-size:.875rem}.import-results-error-row:last-child{border-bottom:none}.import-results-error-row-num{color:var(--text-tertiary);font-size:.8125rem}.import-results-error-email{font-family:Monaco,Menlo,monospace;font-size:.8125rem;color:var(--text-primary);word-break:break-all}.import-results-error-reason{color:#ef4444;font-size:.8125rem;white-space:nowrap}.import-results-errors-hint{font-size:.8125rem;color:var(--text-tertiary);margin:0}.import-results-pending{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:20px 0}.import-results-pending-icon{width:64px;height:64px;background:#f59e0b1a;border:2px solid rgba(245,158,11,.3);border-radius:50%;display:flex;align-items:center;justify-content:center}.import-results-pending-icon svg{width:32px;height:32px;color:#f59e0b}.import-results-pending-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.import-results-pending-message{font-size:1rem;color:var(--text-primary);line-height:1.6;margin:0}.import-results-contact-icon{background:#6366f11a;border-color:#6366f14d}.import-results-contact-icon svg{color:#6366f1}.import-contact-link{display:inline-block;padding:10px 24px;background:#6366f1;color:#fff;border-radius:8px;font-size:.9375rem;font-weight:600;text-decoration:none;transition:opacity .15s ease}.import-contact-link:hover{opacity:.88}.import-results-pending-note{font-size:.875rem;color:var(--text-secondary);line-height:1.6;margin:0;max-width:400px}.clean-list-modal-body{display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden}.clean-modal-tabs{display:flex;border-bottom:1px solid var(--border-primary);background:var(--bg-primary);padding:0 20px;flex-shrink:0}.clean-modal-tab{display:flex;align-items:center;gap:8px;padding:12px 16px;font-size:13px;font-weight:500;color:var(--text-secondary);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .15s,border-color .15s;margin-bottom:-1px;white-space:nowrap}.clean-modal-tab:hover{color:var(--text-primary)}.clean-modal-tab.active{color:var(--accent-primary, #6366f1);border-bottom-color:var(--accent-primary, #6366f1)}.clean-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;font-size:11px;font-weight:600;background:var(--bg-secondary);color:var(--text-secondary);transition:background .15s,color .15s}.clean-tab-badge.has-items{background:#fef3c7;color:#92400e}[data-theme=dark] .clean-tab-badge.has-items{background:#fbbf2426;color:#fbbf24}.clean-modal-description{padding:12px 20px;font-size:13px;color:var(--text-secondary);background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);flex-shrink:0}.clean-modal-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:48px 20px;color:var(--text-secondary);font-size:14px}.clean-modal-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;gap:12px;color:var(--text-secondary)}.clean-modal-empty svg{width:32px;height:32px;color:#22c55e;stroke:#22c55e}.clean-modal-empty p{font-size:14px;margin:0}.clean-modal-select-row{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-bottom:1px solid var(--border-primary);background:var(--bg-secondary);flex-shrink:0}.clean-select-all-label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.clean-select-all-label input[type=checkbox]{width:15px;height:15px;cursor:pointer;accent-color:var(--accent-primary, #6366f1)}.clean-selected-count{font-size:12px;font-weight:600;color:var(--accent-primary, #6366f1)}.clean-modal-list{flex:1;overflow-y:auto}.clean-modal-row{display:flex;align-items:center;gap:12px;padding:10px 20px;border-bottom:1px solid var(--border-primary);cursor:pointer;transition:background .1s}.clean-modal-row:hover{background:var(--bg-secondary)}.clean-modal-row.selected{background:#6366f10f}[data-theme=dark] .clean-modal-row.selected{background:#6366f11f}.clean-modal-row input[type=checkbox]{width:15px;height:15px;cursor:pointer;flex-shrink:0;accent-color:var(--accent-primary, #6366f1)}.clean-row-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.clean-row-email{font-size:13px;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clean-row-name{font-size:12px;color:var(--text-secondary)}.clean-row-meta{display:flex;align-items:center;gap:10px;flex-shrink:0}.clean-row-stat{font-size:11px;color:var(--text-secondary);white-space:nowrap}.clean-modal-total-hint{font-size:12px;color:var(--text-secondary)}.clean-modal-footer-right{display:flex;align-items:center;gap:10px}.clean-confirm-body{margin:0;font-size:.9375rem;color:var(--text-secondary);line-height:1.6}@media (max-width: 640px){.clean-modal-tabs{padding:0 12px;overflow-x:auto}.clean-modal-row{flex-wrap:wrap;padding:10px 12px}.clean-row-meta{width:100%;padding-left:27px}}.modal-body.subscriber-modal-body{overflow:hidden;display:flex;flex-direction:column}.subscriber-list{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px}.subscriber-list-header{flex-shrink:0;display:flex;flex-direction:column;gap:12px}.pending-import-notice{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:#f59e0b0f;border:1px solid rgba(245,158,11,.35);border-left:3px solid #f59e0b;border-radius:8px;font-size:.875rem;color:var(--text-primary);line-height:1.5}.pending-import-notice svg{width:16px;height:16px;color:#f59e0b;flex-shrink:0;margin-top:2px}.pending-import-notice-text{min-width:0}.subscriber-stats-compact{display:flex;align-items:center;gap:16px;padding:14px 16px;background:var(--bg-tertiary);border-radius:8px}.stat-item{display:flex;align-items:baseline;gap:6px}.stat-item .stat-value{font-size:1.125rem;font-weight:700;color:var(--text-primary)}.stat-item .stat-value.confirmed{color:#10b981}.stat-item .stat-value.pending{color:#f59e0b}.stat-item .stat-label{font-size:.875rem;color:var(--text-secondary)}.stat-divider{color:var(--border-primary);font-weight:300}.add-subscriber-modal-body{display:flex;flex-direction:column;gap:16px}.form-row{display:grid;grid-template-columns:2fr 1fr;gap:12px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.subscriber-input{padding:10px 14px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;font-size:.9375rem;color:var(--text-primary);transition:all .2s ease}.subscriber-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light)}.subscriber-input::placeholder{color:var(--text-tertiary)}.add-subscriber-consent-notice{display:flex;gap:12px;padding:14px 16px;background:#ef44440d;border:1px solid rgba(239,68,68,.25);border-left:3px solid #ef4444;border-radius:8px;font-size:.85rem;color:var(--text-primary);line-height:1.55}.add-subscriber-consent-notice svg{width:18px;height:18px;color:#ef4444;flex-shrink:0;margin-top:1px}.add-subscriber-consent-text>strong{display:block;margin-bottom:6px;font-size:.875rem;color:var(--text-primary)}.add-subscriber-consent-text p strong{font-size:inherit;color:var(--text-primary)}.add-subscriber-consent-text p{margin:0 0 8px;color:var(--text-secondary)}.add-subscriber-consent-text p:last-child{margin-bottom:0}.add-subscriber-consent-check{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;cursor:pointer;font-size:.875rem;color:var(--text-primary);line-height:1.5}.add-subscriber-consent-check input[type=checkbox]{width:17px;height:17px;flex-shrink:0;margin-top:2px;accent-color:var(--accent-primary);cursor:pointer}.field-optional{font-weight:400;color:var(--text-tertiary);font-size:.8125rem}.form-row-inline{display:flex;align-items:center}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.875rem}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-primary);cursor:pointer}.checkbox-text{color:var(--text-primary);font-weight:500}.checkbox-hint{color:var(--text-tertiary);font-size:.8125rem}.delete-confirm-content{text-align:center}.delete-confirm-content>p{margin:0 0 16px;color:var(--text-primary);font-size:.9375rem}.delete-confirm-details{display:flex;flex-direction:column;gap:4px;padding:16px;background:var(--bg-tertiary);border-radius:8px;margin-bottom:16px}.delete-confirm-details strong{color:var(--text-primary);font-family:Monaco,Menlo,monospace;font-size:.875rem}.delete-confirm-details span{color:var(--text-secondary);font-size:.875rem}.delete-confirm-warning{color:var(--text-tertiary);font-size:.8125rem;margin:0}.subscriber-search-row{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch}.subscriber-search{flex:1;display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px}.subscriber-status-filter{padding:0 12px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;font-size:.875rem;color:var(--text-primary);cursor:pointer;outline:none;white-space:nowrap}.subscriber-status-filter:focus{border-color:var(--accent-primary)}.subscriber-search svg{width:20px;height:20px;color:var(--text-tertiary);flex-shrink:0}.subscriber-search input{flex:1;border:none;background:transparent;font-size:.9375rem;color:var(--text-primary);outline:none}.subscriber-search input::placeholder{color:var(--text-tertiary)}.subscriber-table-container{flex:1;min-height:200px;overflow:auto;border:1px solid var(--border-primary);border-radius:10px}.subscriber-table-container::-webkit-scrollbar{width:6px}.subscriber-table-container::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.subscriber-table-container::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}.subscriber-table-container::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.subscriber-table{width:100%;border-collapse:collapse}.subscriber-table thead{background:var(--bg-tertiary)}.subscriber-table th{padding:12px 16px;text-align:left;font-size:.8125rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-primary)}.subscriber-table tbody tr{border-bottom:1px solid var(--border-primary);transition:background .2s ease;cursor:pointer}.subscriber-table tbody tr:last-child{border-bottom:none}.subscriber-table tbody tr:hover{background:var(--bg-tertiary)}.subscriber-table tbody tr.selected{background:var(--accent-light);border-left:3px solid var(--accent-primary)}.subscriber-table td{padding:14px 16px;font-size:.9375rem;color:var(--text-primary)}.subscriber-email{font-family:Monaco,Menlo,monospace;font-size:.875rem}.subscriber-date{color:var(--text-tertiary);font-size:.875rem}.status-badge{display:inline-block;padding:4px 10px;font-size:.75rem;font-weight:600;border-radius:6px;text-transform:uppercase;letter-spacing:.5px}.status-badge.bounced,.status-badge.complained{background:#ef44441a;color:#ef4444}[data-theme=dark] .status-badge.unsubscribed{background:#6b728033}[data-theme=dark] .status-badge.bounced,[data-theme=dark] .status-badge.complained{background:#ef444433}.engagement-badge{display:inline-block;padding:3px 8px;font-size:.72rem;font-weight:600;border-radius:5px;text-transform:uppercase;letter-spacing:.4px}.engagement-badge.engaged{background:#10b9811a;color:#10b981}.engagement-badge.inactive{background:#f59e0b1a;color:#d97706}.engagement-badge.cold{background:#ef44441a;color:#ef4444}.engagement-badge.new{background:#6366f11a;color:#6366f1}.engagement-badge.none{color:var(--text-tertiary);font-size:.85rem;font-weight:400;padding:0;background:none}[data-theme=dark] .engagement-badge.engaged{background:#10b9812e}[data-theme=dark] .engagement-badge.inactive{background:#f59e0b2e}[data-theme=dark] .engagement-badge.cold{background:#ef44442e}[data-theme=dark] .engagement-badge.new{background:#6366f12e}.btn-remove-subscriber{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-primary);border-radius:6px;color:var(--text-tertiary);cursor:pointer;transition:all .2s ease}.btn-remove-subscriber:hover{background:#ef4444;border-color:#ef4444;color:#fff}.btn-remove-subscriber svg{width:16px;height:16px}.subscribers-empty{padding:48px 24px;text-align:center}.subscribers-empty p{font-size:.9375rem;color:var(--text-secondary);margin:0}.footer-left{display:flex;gap:8px;margin-right:auto}.footer-right{display:flex;gap:12px}.btn-footer-action{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-footer-action:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.btn-footer-action.copied{background:#10b981;border-color:#10b981;color:#fff}.btn-footer-action svg{width:16px;height:16px}.subscriber-pagination{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:12px;padding:6px 0 2px}.pagination-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.pagination-btn svg{width:16px;height:16px}.pagination-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.pagination-btn:disabled{opacity:.35;cursor:not-allowed}.pagination-info{font-size:.875rem;color:var(--text-secondary);min-width:160px;text-align:center;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.subscriber-stats-compact{flex-wrap:wrap;gap:12px}.stat-divider{display:none}.stat-item{flex:1;min-width:80px;justify-content:center;flex-direction:column;text-align:center;gap:2px}.form-row{grid-template-columns:1fr}.add-subscriber-form{padding:16px}.subscriber-table{min-width:500px}.subscriber-table th,.subscriber-table td{padding:10px 12px}.footer-left,.footer-right{gap:8px}.btn-footer-action{padding:8px 10px;font-size:.75rem}.btn-footer-action span{display:none}}@media (max-width: 480px){.subscriber-stats-compact{padding:10px 12px}.stat-item .stat-value{font-size:1rem}.stat-item .stat-label{font-size:.75rem}.add-subscriber-form{padding:12px}.subscriber-search{padding:10px 12px}}.consent-details-panel{margin-top:16px;padding:20px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:10px;border-left:3px solid var(--accent-primary)}.consent-details-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-primary)}.consent-details-header h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:8px}.consent-details-header h4:before{content:"";display:inline-block;width:8px;height:8px;background:var(--accent-primary);border-radius:50%}.btn-close-details{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-primary);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.btn-close-details:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-close-details svg{width:14px;height:14px}.consent-details-loading{display:flex;align-items:center;gap:12px;color:var(--text-secondary);font-size:.9375rem;padding:8px 0}.loading-spinner-small{width:18px;height:18px;border:2px solid var(--border-primary);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}.consent-details-content{display:flex;flex-direction:column;gap:12px}.consent-detail-row{display:flex;flex-wrap:wrap;gap:8px}.consent-label{font-size:.8125rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;min-width:140px}.consent-value{font-size:.9375rem;color:var(--text-primary);flex:1}.consent-value.consent-url{font-family:Monaco,Menlo,monospace;font-size:.8125rem;word-break:break-all;color:var(--text-muted)}.consent-value.consent-text{font-style:italic;color:var(--text-secondary)}.consent-details-empty{text-align:center;padding:12px}.consent-details-empty p{color:var(--text-secondary);font-size:.9375rem;margin:0 0 8px}.consent-details-empty .consent-note{font-size:.8125rem;color:var(--text-muted)}@media (max-width: 640px){.consent-details-panel{padding:16px}.consent-detail-row{flex-direction:column;gap:4px}.consent-label{min-width:auto}}.usage-dashboard{display:flex;flex-direction:column;gap:28px}.usage-overview{display:flex;flex-direction:column;gap:16px}.usage-card{padding:24px;background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:12px;display:flex;flex-direction:column;gap:16px}.usage-label{font-size:.9375rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.usage-value{font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1}.usage-progress{width:100%;height:12px;background:var(--bg-secondary);border-radius:6px;overflow:hidden}.usage-progress-bar{height:100%;border-radius:6px;transition:width .3s ease}.usage-normal{background:linear-gradient(90deg,#10b981,#059669)}.usage-warning{background:linear-gradient(90deg,#f59e0b,#d97706)}.usage-danger{background:linear-gradient(90deg,#ef4444,#dc2626)}.usage-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}.usage-stat{display:flex;flex-direction:column;gap:4px}.usage-stat .stat-label{font-size:.8125rem;color:var(--text-tertiary)}.usage-stat .stat-value{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.usage-stat .stat-value.text-danger{color:#ef4444}.usage-alert{display:flex;gap:14px;padding:16px;border-radius:10px;border:2px solid}.usage-alert svg{width:24px;height:24px;flex-shrink:0;margin-top:2px}.usage-alert strong{display:block;font-size:.9375rem;font-weight:600;margin-bottom:4px}.usage-alert p{font-size:.875rem;margin:0;line-height:1.5}.usage-alert-danger{background:#ef44441a;border-color:#ef4444;color:#dc2626}.usage-alert-danger svg{color:#ef4444}.usage-alert-warning{background:#f59e0b1a;border-color:#f59e0b;color:#d97706}.usage-alert-warning svg{color:#f59e0b}[data-theme=dark] .usage-alert-danger{background:#ef444433}[data-theme=dark] .usage-alert-warning{background:#f59e0b33}.usage-section{display:flex;flex-direction:column;gap:16px}.usage-section h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.usage-breakdown{display:flex;flex-direction:column;gap:16px;padding:20px;background:var(--bg-tertiary);border-radius:10px}.breakdown-item{display:flex;flex-direction:column;gap:8px}.breakdown-header{display:flex;align-items:center;justify-content:space-between}.breakdown-list-name{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.breakdown-count{font-size:.875rem;font-weight:600;color:var(--accent-primary)}.breakdown-bar{width:100%;height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden}.breakdown-bar-fill{height:100%;background:var(--accent-primary);border-radius:4px;transition:width .3s ease}.usage-history{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:20px;background:var(--bg-tertiary);border-radius:10px;height:200px}.history-bar-container{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;height:100%}.history-month{font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase}.history-bar-wrapper{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.history-bar{width:100%;max-width:40px;background:var(--accent-primary);border-radius:4px 4px 0 0;min-height:4px;transition:height .3s ease}.history-count{font-size:.75rem;font-weight:600;color:var(--text-secondary)}@media (max-width: 768px){.usage-dashboard{gap:24px}.usage-card{padding:20px}.usage-value{font-size:1.75rem}.usage-stats{grid-template-columns:1fr;gap:12px}.usage-breakdown{padding:16px}.usage-history{padding:16px;height:180px}}@media (max-width: 480px){.usage-card{padding:16px;gap:12px}.usage-value{font-size:1.5rem}.usage-alert{padding:12px;gap:10px}.usage-alert svg{width:20px;height:20px}.usage-history{height:150px;gap:8px}.history-bar{max-width:24px}.history-month,.history-count{font-size:.625rem}}.billing-modal{display:flex;flex-direction:column;gap:28px}.billing-subtitle{font-size:.9375rem;color:var(--text-secondary);margin:0;text-align:center}.billing-interval-toggle{display:flex;gap:8px;background:var(--bg-tertiary);padding:6px;border-radius:12px;border:1px solid var(--border-primary)}.billing-interval-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;background:transparent;color:var(--text-secondary);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.billing-interval-btn:hover{color:var(--text-primary);background:var(--bg-secondary)}.billing-interval-btn.active{background:var(--accent-primary);color:#fff;font-weight:600;box-shadow:0 2px 8px #00000026}.billing-interval-badge{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;padding:2px 6px;border-radius:4px;background:#ffffff40;color:inherit;line-height:1.4}.billing-interval-btn:not(.active) .billing-interval-badge{background:var(--accent-light);color:var(--accent-primary)}.billing-price-display{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;background:var(--accent-light);border:2px solid var(--accent-primary);border-radius:16px}.billing-price-amount{display:flex;align-items:baseline;justify-content:center;gap:4px;line-height:1}.billing-price-currency{font-size:1.75rem;font-weight:700;color:var(--accent-primary);align-self:flex-start;margin-top:8px}.billing-price-value{font-size:4rem;font-weight:800;color:var(--accent-primary);letter-spacing:-2px}.billing-price-period{font-size:1.125rem;font-weight:500;color:var(--text-secondary);margin-bottom:4px}.billing-price-note{margin:10px 0 0;font-size:.875rem;color:var(--text-secondary)}.billing-features-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}.billing-feature-item{display:flex;align-items:flex-start;gap:10px}.billing-feature-item svg{width:17px;height:17px;color:var(--accent-primary);flex-shrink:0;margin-top:2px}.billing-feature-item span{font-size:.9rem;color:var(--text-secondary);line-height:1.4}.billing-stepper-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:12px}.billing-stepper-info{display:flex;flex-direction:column;gap:2px}.billing-stepper-label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.billing-stepper-emails{font-size:.8125rem;color:var(--accent-primary);font-weight:600}.billing-stepper-controls{display:flex;align-items:center;gap:12px}.billing-stepper-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-primary);border-radius:8px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .15s;line-height:1;padding:0}.billing-stepper-btn:hover:not(:disabled){background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.billing-stepper-btn:disabled{opacity:.35;cursor:not-allowed}.billing-stepper-value{font-size:1.25rem;font-weight:700;color:var(--text-primary);min-width:36px;text-align:center}.billing-stepper-note{margin:-16px 0 0;font-size:.8125rem;color:var(--text-secondary);text-align:center;padding:8px 12px;background:color-mix(in srgb,var(--accent-primary) 8%,var(--bg-secondary));border-radius:0 0 10px 10px;border:1px solid color-mix(in srgb,var(--accent-primary) 20%,var(--border-primary));border-top:none}@media (max-width: 640px){.billing-features-grid{grid-template-columns:1fr;gap:10px}.billing-interval-toggle{flex-direction:column;gap:4px}.billing-price-value{font-size:3rem}.billing-price-display{padding:18px 16px}}.account-settings-modal{height:820px;max-width:960px!important}.account-settings-modal .modal-body{padding:0!important;overflow:hidden!important}.account-settings{display:flex;flex-direction:row;height:100%;min-height:0}.settings-nav{width:196px;flex-shrink:0;border-right:1px solid var(--border-primary);padding:20px 10px;display:flex;flex-direction:column;gap:2px;overflow-y:auto;background:var(--bg-secondary)}.settings-nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;background:transparent;border:none;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:background .15s ease,color .15s ease;text-align:left;width:100%;line-height:1.3}.settings-nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.settings-nav-divider{height:1px;background:var(--border-primary);margin:8px -10px}.settings-nav-item.active{background:var(--accent-light, rgba(59, 130, 246, .1));color:var(--accent-primary)}.settings-nav-item svg{width:17px;height:17px;flex-shrink:0}.settings-nav-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-badge{width:18px;height:18px;border-radius:50%;font-size:.6875rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;margin-left:auto;flex-shrink:0}.nav-badge.warning{background:#fbbf24;color:#000}.settings-content{flex:1;padding:20px 28px;overflow-y:auto;overflow-x:hidden;min-width:0;overscroll-behavior:contain}.section-header{display:flex;flex-direction:column;gap:10px;margin:0 -28px 20px;padding:0 28px 20px;border-bottom:1px solid var(--border-primary)}.section-header h3{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin:0;text-align:center}.settings-divider{height:1px;background:var(--border-primary);margin:4px -28px}.settings-message{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;font-size:.9375rem}.settings-message svg{width:20px;height:20px;flex-shrink:0}.settings-message.success{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.settings-message.error{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.settings-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:48px;color:var(--text-secondary)}.loading-spinner{width:32px;height:32px;border:3px solid var(--border-primary);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}.settings-section{display:flex;flex-direction:column;gap:14px}.section-description{font-size:.875rem;color:var(--text-secondary);line-height:1.5;margin:0}.country-search-wrapper{position:relative}.country-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-primary);border:1px solid var(--accent-primary);border-radius:8px;max-height:200px;overflow-y:auto;z-index:200;box-shadow:var(--shadow-lg)}.country-option{padding:7px 12px;font-size:.9375rem;color:var(--text-primary);cursor:pointer}.country-option:hover{background:var(--accent-light);color:var(--accent-primary)}.country-option.selected{background:var(--accent-light);color:var(--accent-primary);font-weight:500}.country-no-results{padding:8px 12px;font-size:.875rem;color:var(--text-muted);font-style:italic}.settings-form{display:flex;flex-direction:column;gap:18px}.form-group{display:flex;flex-direction:column;gap:4px}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.form-group .required{color:#ef4444}.form-group input,.form-group select{padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-size:.9375rem;transition:border-color .2s ease,box-shadow .2s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light)}.form-group input::placeholder{color:var(--text-muted)}.form-group input:disabled,.form-group select:disabled{opacity:.6;cursor:not-allowed}.form-group select{cursor:pointer}.form-hint{font-size:.8125rem;color:var(--text-muted);margin:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-actions{display:flex;justify-content:flex-start;padding-top:4px}.form-actions .modal-btn{padding:10px 24px}.address-preview{padding:16px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px}.address-preview h4{font-size:.875rem;font-weight:600;color:var(--text-secondary);margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.preview-box{padding:12px 16px;background:var(--bg-primary);border:1px dashed var(--border-primary);border-radius:6px}.preview-box p{font-size:.875rem;color:var(--text-muted);margin:0;text-align:center;font-style:italic}.api-key-reveal{display:flex;flex-direction:column;gap:12px;padding:16px;background:#fbbf241a;border:1px solid rgba(251,191,36,.4);border-radius:8px}.api-key-reveal-header{display:flex;align-items:center;gap:10px;color:#d97706;font-size:.9375rem}.api-key-reveal-header svg{width:20px;height:20px;flex-shrink:0}.api-key-reveal-name{font-size:.875rem;color:var(--text-secondary);margin:0}.api-key-reveal-value{display:flex;align-items:center;gap:10px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:6px;padding:10px 12px;overflow:hidden}.api-key-reveal-value code{flex:1;font-family:Fira Code,Courier New,monospace;font-size:.8125rem;color:var(--text-primary);word-break:break-all}.api-key-copy-btn{flex-shrink:0;padding:6px 14px!important;font-size:.875rem!important}.api-key-reveal-dismiss{background:none;border:none;color:var(--text-muted);font-size:.8125rem;cursor:pointer;text-decoration:underline;text-align:left;padding:0}.api-key-reveal-dismiss:hover{color:var(--text-secondary)}.api-key-create-form{display:flex;flex-direction:column;gap:16px;padding:16px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px}.api-key-form-actions{flex-direction:row!important;gap:10px}.api-keys-empty{padding:24px;text-align:center;color:var(--text-muted);background:var(--bg-tertiary);border-radius:8px;font-size:.9375rem}.api-keys-empty p{margin:0}.api-keys-list{display:flex;flex-direction:column;gap:1px;border:1px solid var(--border-primary);border-radius:8px;overflow:hidden}.api-key-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px 16px;background:var(--bg-secondary)}.api-key-row:not(:last-child){border-bottom:1px solid var(--border-primary)}.api-key-info{display:flex;flex-direction:column;gap:4px;min-width:0}.api-key-name{font-size:.9375rem;font-weight:500;color:var(--text-primary)}.api-key-prefix code{font-family:Fira Code,Courier New,monospace;font-size:.8125rem;color:var(--accent-primary);background:var(--accent-light);padding:2px 6px;border-radius:4px}.api-key-meta{font-size:.8125rem;color:var(--text-muted)}.api-key-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.api-key-permission-row{display:flex;align-items:center;gap:8px;margin-top:2px}.api-key-permission-toggle{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:12px;font-size:.75rem;font-weight:500;cursor:pointer;border:1px solid transparent;transition:opacity .15s}.api-key-permission-toggle:hover{opacity:.8}.api-key-permission-toggle.restricted{background:#e8f5e9;color:#2e7d32;border-color:#a5d6a7}.api-key-permission-toggle.full{background:#fff3e0;color:#e65100;border-color:#ffcc80}.api-key-permission-dot{display:inline-block;width:6px;height:6px;border-radius:50%}.api-key-permission-toggle.restricted .api-key-permission-dot{background:#2e7d32}.api-key-permission-toggle.full .api-key-permission-dot{background:#e65100}.api-key-permission-warning{font-size:.75rem;color:#e65100}.api-key-permission-hint{font-size:.75rem;color:var(--text-muted)}[data-theme=dark] .api-key-permission-toggle.restricted{background:#2e7d3233;color:#81c784;border-color:#a5d6a74d}[data-theme=dark] .api-key-permission-toggle.full{background:#e6510033;color:#ffb74d;border-color:#ffcc804d}[data-theme=dark] .api-key-permission-toggle.restricted .api-key-permission-dot{background:#81c784}[data-theme=dark] .api-key-permission-toggle.full .api-key-permission-dot{background:#ffb74d}[data-theme=dark] .api-key-permission-warning{color:#ffb74d}.api-key-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.api-key-revoke-btn{padding:6px 14px!important;font-size:.875rem!important}.api-key-revoke-confirm-text{font-size:.875rem;color:#ef4444;white-space:nowrap}.api-key-curl-example{padding:16px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px}.api-key-curl-label{font-size:.8125rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 10px}.api-key-curl-code{display:block;font-family:Fira Code,Courier New,monospace;font-size:.8125rem;color:var(--text-primary);background:var(--bg-primary);padding:12px 14px;border-radius:6px;border:1px dashed var(--border-primary);line-height:1.8;overflow-x:auto;white-space:nowrap}.api-key-integrations{margin-top:24px;padding-top:24px;border-top:1px solid var(--border-primary)}.api-key-integrations-heading{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0 0 16px}.api-integration-card{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;padding:16px;margin-bottom:12px}.api-integration-card-header{display:flex;gap:12px;align-items:flex-start}.api-integration-card-icon{font-size:1.25rem;line-height:1;flex-shrink:0;margin-top:2px}.api-integration-card-header>div>strong{display:block;font-size:.9375rem;color:var(--text-primary);margin-bottom:4px}.api-integration-card-desc{font-size:.8125rem;color:var(--text-secondary);margin:0;line-height:1.5}.api-integration-snippet-wrap{position:relative;display:flex;align-items:flex-start;gap:8px}.api-integration-snippet{flex:1;font-family:Fira Code,Courier New,monospace;font-size:.8125rem;color:var(--text-primary);background:var(--bg-primary);padding:12px 14px;border-radius:6px;border:1px dashed var(--border-primary);line-height:1.7;margin:0;overflow-x:auto;white-space:pre}.api-integration-copy-btn{flex-shrink:0;padding:6px 12px;font-size:.8125rem;font-weight:500;background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-primary);border-radius:6px;cursor:pointer;white-space:nowrap;margin-top:2px;transition:background .15s,color .15s}.api-integration-copy-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.api-integration-hint{font-size:.8rem;color:var(--text-secondary);margin:10px 0 0;line-height:1.5}.api-integration-footer{font-size:.8125rem;color:var(--text-secondary);margin:16px 0 0}.api-integration-footer a{color:var(--accent-primary);text-decoration:none}.api-integration-footer a:hover{text-decoration:underline}@media (max-width: 720px){.settings-nav{width:50px;padding:16px 7px}.settings-nav-item{justify-content:center;padding:10px}.settings-nav-item span,.nav-badge{display:none}.settings-content{padding:16px 20px}.section-header{margin:0 -20px;padding:0 20px 16px}.form-row{grid-template-columns:1fr}.section-header h3{font-size:1.125rem}.section-description{font-size:.875rem}}@media (max-width: 768px){.api-key-row{flex-direction:column;align-items:flex-start}.api-key-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.api-key-curl-code{font-size:.75rem}}@media (max-width: 480px){.settings-section{gap:20px}.form-group input,.form-group select{padding:8px 12px}.form-actions .modal-btn{width:100%}}.webhooks-not-enabled{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-secondary);font-size:14px}.webhooks-not-enabled svg{flex-shrink:0;margin-top:1px}.webhook-row{flex-direction:column;align-items:flex-start;gap:8px}.webhook-row .api-key-actions{flex-wrap:wrap}.webhook-row .api-key-prefix code{background:var(--bg-tertiary);color:var(--text-secondary);font-weight:400}.webhook-events-checkboxes{display:flex;flex-direction:column;gap:6px;margin-top:4px}.webhook-event-check{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-primary);cursor:pointer}.webhook-event-check input[type=checkbox]{width:15px;height:15px;flex-shrink:0;cursor:pointer}.webhook-test-result{font-size:12px;padding:3px 8px;border-radius:4px;margin-top:4px;display:block}.webhook-test-result.success{background:var(--success-bg, rgba(56, 161, 105, .1));color:var(--success, #38a169)}.webhook-test-result.fail{background:var(--danger-bg, rgba(229, 62, 62, .1));color:var(--danger, #e53e3e)}.webhook-deliveries{margin-top:8px;border:1px solid var(--border-primary);border-radius:6px;overflow:hidden;font-size:12px;width:100%}.webhook-delivery-row{display:flex;align-items:center;gap:10px;padding:6px 12px;border-bottom:1px solid var(--border-primary)}.webhook-delivery-row:last-child{border-bottom:none}.webhook-delivery-event{font-size:11px;flex:1}.webhook-delivery-status{font-size:11px;padding:1px 6px;border-radius:4px;font-weight:500}.webhook-delivery-status.delivered{background:#38a1691a;color:#38a169}.webhook-delivery-status.pending{background:#ecc94b26;color:#b7791f}.webhook-delivery-status.failed{background:#e53e3e1a;color:#e53e3e}.webhook-delivery-status.exhausted{background:#a0aec026;color:#718096}.webhook-delivery-code{color:var(--text-secondary);font-size:11px}.webhook-delivery-time{color:var(--text-secondary);font-size:11px;white-space:nowrap}.webhook-deliveries-empty{display:block;padding:10px 12px;color:var(--text-secondary)}.webhook-form-error{color:var(--danger, #e53e3e);background:#e53e3e14;border:1px solid rgba(229,62,62,.25);border-radius:6px;padding:8px 12px;font-size:13px;margin-bottom:8px}.webhook-delete-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:100000;animation:fadeIn .15s ease}.webhook-delete-popup{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;box-shadow:var(--shadow-lg);padding:24px;max-width:360px;width:calc(100% - 40px);animation:slideUp .2s ease}.webhook-delete-popup h4{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.webhook-delete-popup p{font-size:13px;color:var(--text-secondary);line-height:1.5;margin-bottom:20px}.webhook-delete-popup-actions{display:flex;gap:8px;justify-content:flex-end}.storage-usage-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:16px 20px;margin-bottom:20px;display:flex;flex-direction:column;gap:10px}.storage-usage-bar-track{height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.storage-usage-bar-fill{height:100%;border-radius:4px;transition:width .3s}.storage-usage-label{font-size:.875rem;color:var(--text-secondary);margin:0}.storage-image-grid{display:flex;flex-direction:column;gap:1px;border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.storage-image-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--bg-primary);border-bottom:1px solid var(--border-color)}.storage-image-item:last-child{border-bottom:none}.storage-image-item img{width:48px;height:36px;object-fit:cover;border-radius:4px;border:1px solid var(--border-color);flex-shrink:0}.storage-image-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.storage-image-name{font-size:.875rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.storage-image-size{font-size:.75rem;color:var(--text-secondary)}.storage-image-actions{flex-shrink:0}.storage-image-badge{font-size:.75rem;color:var(--text-secondary);background:var(--bg-tertiary);border-radius:4px;padding:2px 8px}.storage-image-delete-btn{font-size:.8125rem!important;padding:4px 10px!important}.domain-add-form{margin-bottom:16px}.domain-add-row{display:flex;gap:8px;align-items:center}.modal-input{padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-size:.9375rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%;box-sizing:border-box}.modal-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light)}.modal-input::placeholder{color:var(--text-muted)}.modal-input:disabled{opacity:.6;cursor:not-allowed}.modal-select{padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-size:.9375rem;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.modal-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light)}.domain-add-row .modal-input{flex:1}.domain-add-hint{font-size:.8125rem;color:var(--text-tertiary);margin-top:6px}.domain-add-hint code{font-family:monospace;background:var(--bg-tertiary);padding:1px 5px;border-radius:3px}.domain-added-banner{display:flex;align-items:center;gap:10px;background:var(--bg-success, #f0fdf4);border:1px solid var(--border-success, #bbf7d0);color:var(--text-success, #166534);border-radius:8px;padding:12px 14px;font-size:.875rem;margin-bottom:16px}[data-theme=dark] .domain-added-banner{background:#22c55e1a;border-color:#22c55e40;color:#4ade80}.domain-added-banner svg{width:16px;height:16px;flex-shrink:0;color:var(--text-success, #16a34a)}.domain-list{display:flex;flex-direction:column;gap:12px}.domain-card{border:1px solid var(--border-primary);border-radius:10px;overflow:hidden;background:var(--bg-card)}.domain-card-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;gap:12px}.domain-card-title{display:flex;align-items:center;gap:10px;min-width:0}.domain-name{font-size:.9375rem;font-weight:600;color:var(--text-primary);font-family:monospace}.domain-badge{padding:2px 8px;border-radius:4px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.domain-badge-active{background:#22c55e26;color:#16a34a}[data-theme=dark] .domain-badge-active{color:#4ade80}.modal-btn-danger-outline{background:transparent;border:1px solid var(--danger, #ef4444);color:var(--danger, #ef4444);font-size:.8125rem!important;padding:5px 10px!important}.modal-btn-danger-outline:hover{background:#ef444414}.domain-feature-section{border-top:1px solid var(--border-primary)}.domain-feature-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:11px 16px;background:transparent;border:none;cursor:pointer;text-align:left;transition:background .15s}.domain-feature-toggle:hover{background:var(--bg-secondary)}.domain-feature-toggle-left{display:flex;align-items:center;gap:8px}.domain-feature-name{font-size:.875rem;font-weight:500;color:var(--text-primary)}.domain-feature-status{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px;padding:2px 7px;border-radius:4px}.domain-feature-active{background:#22c55e26;color:#16a34a}[data-theme=dark] .domain-feature-active{color:#4ade80}.domain-feature-pending{background:var(--bg-tertiary);color:var(--text-muted)}.domain-feature-chevron{font-size:.625rem;color:var(--text-tertiary);flex-shrink:0}.domain-feature-body{border-top:1px solid var(--border-primary);padding:16px;display:flex;flex-direction:column;gap:16px;background:var(--bg-secondary)}.domain-feature-desc{font-size:.875rem;color:var(--text-secondary);margin:0}.dns-group{display:flex;flex-direction:column;gap:8px}.dns-group-header{display:flex;flex-direction:column;gap:2px;margin-bottom:4px}.dns-group-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.dns-group-required{color:var(--accent-primary)}.dns-group-optional-label{color:var(--text-tertiary)}.dns-group-desc{font-size:.8125rem;color:var(--text-tertiary)}.dns-record-row{display:flex;align-items:center;gap:8px;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:6px;padding:8px 10px;font-size:.8125rem;overflow:hidden}.dns-type{font-family:monospace;font-size:.75rem;font-weight:700;color:var(--accent-primary);background:#6366f11a;padding:2px 6px;border-radius:3px;flex-shrink:0}.dns-values{flex:1;display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden}.dns-host{font-family:monospace;font-size:.75rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40%}.dns-arrow{color:var(--text-tertiary);flex-shrink:0}.dns-value{font-family:monospace;font-size:.75rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.dns-copy-btn{font-size:.75rem;padding:3px 8px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:4px;color:var(--text-secondary);cursor:pointer;flex-shrink:0;transition:all .15s;white-space:nowrap}.dns-copy-btn:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.domain-from-section,.domain-list-section{border-top:1px solid var(--border-primary);padding-top:14px}.domain-section-title{font-size:.8125rem;font-weight:600;color:var(--text-primary);margin-bottom:10px}.domain-from-row{display:flex;flex-direction:column;gap:8px}.domain-email-row{display:flex;align-items:center;gap:6px}.domain-local-part{width:140px;flex-shrink:0}.domain-at-sign{font-size:.875rem;color:var(--text-secondary);white-space:nowrap}.domain-list-row{display:flex;align-items:center;gap:8px}.domain-list-row .modal-select{flex:1}.domain-hint{font-size:.8125rem;color:var(--text-tertiary);margin-top:6px;margin-bottom:0}.domain-hint a{color:var(--accent-primary);text-decoration:none}.domain-hint a:hover{text-decoration:underline}.domain-expiry-bar{border-top:1px solid var(--border-primary);padding:8px 16px;font-size:.8125rem;color:#92400e;background:#fbbf241a;border-color:#fbbf2440}[data-theme=dark] .domain-expiry-bar{color:#fcd34d;background:#fbbf2414}.domain-expiry-urgent{color:#991b1b;background:#ef44441a;border-color:#ef444440}[data-theme=dark] .domain-expiry-urgent{color:#fca5a5;background:#ef444414}.referrals-section{display:flex;flex-direction:column;gap:24px}.referrals-how-it-works{display:flex;align-items:center;gap:12px;padding:20px;background:var(--surface-secondary);border:1px solid var(--border-primary);border-radius:10px;flex-wrap:wrap}.referrals-step{display:flex;align-items:center;gap:10px;flex:1;min-width:140px}.referrals-step-icon{width:36px;height:36px;border-radius:8px;background:var(--accent-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.referrals-step-icon svg{width:18px;height:18px;stroke:#fff}.referrals-step-text{display:flex;flex-direction:column;gap:2px;font-size:13px}.referrals-step-text strong{color:var(--text-primary);font-weight:600}.referrals-step-text span{color:var(--text-secondary);font-size:12px}.referrals-step-arrow{color:var(--text-secondary);font-size:18px;font-weight:300;flex-shrink:0}.referrals-link-block{display:flex;flex-direction:column;gap:8px}.referrals-link-label{font-size:13px;font-weight:600;color:var(--text-primary)}.referrals-link-row{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--surface-secondary);border:1px solid var(--border-primary);border-radius:8px}.referrals-link-url{flex:1;font-size:13px;color:var(--text-secondary);font-family:monospace;word-break:break-all;min-width:0}.referrals-copy-btn{flex-shrink:0;padding:6px 14px;font-size:13px}.referrals-share-email{font-size:13px;color:var(--accent-primary);text-decoration:none;align-self:flex-start}.referrals-share-email:hover{text-decoration:underline}.referrals-stats-row{display:flex;gap:16px}.referrals-stat{flex:1;text-align:center;padding:16px 12px;background:var(--surface-secondary);border:1px solid var(--border-primary);border-radius:10px}.referrals-stat-number{font-size:28px;font-weight:700;color:var(--text-primary);line-height:1}.referrals-stat-label{font-size:12px;color:var(--text-secondary);margin-top:4px}.referrals-banked-callout{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;background:rgba(var(--accent-primary-rgb, 99, 102, 241),.08);border:1px solid rgba(var(--accent-primary-rgb, 99, 102, 241),.2);border-radius:8px;font-size:14px;color:var(--text-primary);line-height:1.5}.referrals-banked-callout svg{width:18px;height:18px;stroke:var(--accent-primary);flex-shrink:0;margin-top:1px}.referrals-history{display:flex;flex-direction:column;gap:12px}.referrals-history-title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0}.referrals-table{width:100%;border-collapse:collapse;font-size:13px}.referrals-table th{text-align:left;padding:8px 12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);border-bottom:1px solid var(--border-primary)}.referrals-table td{padding:10px 12px;border-bottom:1px solid var(--border-primary);color:var(--text-primary)}.referrals-table-email{font-family:monospace;font-size:12px;color:var(--text-secondary)}.referrals-table-date{color:var(--text-secondary)}.referrals-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.referrals-badge-signed_up{background:var(--surface-secondary);color:var(--text-secondary);border:1px solid var(--border-primary)}.referrals-badge-subscribed{background:#22c55e1f;color:#16a34a;border:1px solid rgba(34,197,94,.2)}[data-theme=dark] .referrals-badge-subscribed{color:#4ade80}.referrals-badge-rewarded{background:#22c55e1f;color:#16a34a;border:1px solid rgba(34,197,94,.2)}[data-theme=dark] .referrals-badge-rewarded{color:#4ade80}.referrals-badge-pending{background:#f59e0b1a;color:#d97706;border:1px solid rgba(245,158,11,.2)}[data-theme=dark] .referrals-badge-pending{color:#fbbf24}.referrals-empty{font-size:14px;color:var(--text-secondary);text-align:center;padding:32px 0;margin:0}.referrals-loading{font-size:14px;color:var(--text-secondary);padding:24px 0;text-align:center}.passkeys-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.passkey-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px}.passkey-name{font-size:.9rem;font-weight:500;color:var(--text-primary)}.passkey-meta{font-size:.8rem;color:var(--text-secondary);margin-top:2px}.passkey-delete-btn{flex-shrink:0;font-size:.8rem;padding:6px 12px}.passkeys-empty{font-size:14px;color:var(--text-secondary);margin-bottom:20px}.passkey-add-section{padding-top:8px;border-top:1px solid var(--border-primary);margin-top:8px}.settings-section-divider{border:none;border-top:1px solid var(--border-primary);margin:28px 0}.settings-subsection-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 8px}.referrals-modal-body{display:flex;flex-direction:column;gap:24px;padding:8px 0 4px}.ref-how-it-works{display:flex;align-items:center;gap:12px;padding:18px 20px;background:var(--surface-secondary);border:1px solid var(--border-primary);border-radius:10px;flex-wrap:wrap}.ref-step{display:flex;align-items:center;gap:10px;flex:1;min-width:130px}.ref-step-icon{width:36px;height:36px;border-radius:8px;background:var(--accent-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ref-step-icon svg{width:17px;height:17px;stroke:#fff}.ref-step-text{display:flex;flex-direction:column;gap:2px;font-size:13px}.ref-step-text strong{color:var(--text-primary);font-weight:600}.ref-step-text span{color:var(--text-secondary);font-size:12px}.ref-step-arrow{color:var(--text-secondary);font-size:18px;font-weight:300;flex-shrink:0}.ref-link-block{display:flex;flex-direction:column;gap:8px}.ref-label{font-size:13px;font-weight:600;color:var(--text-primary)}.ref-link-row{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--surface-secondary);border:1px solid var(--border-primary);border-radius:8px}.ref-link-url{flex:1;font-size:13px;color:var(--text-secondary);font-family:monospace;word-break:break-all;min-width:0}.ref-copy-btn{flex-shrink:0;padding:6px 14px;font-size:13px}.ref-share-email{font-size:13px;color:var(--accent-primary);text-decoration:none;align-self:flex-start}.ref-share-email:hover{text-decoration:underline}.ref-stats-row{display:flex;gap:12px}.ref-stat{flex:1;text-align:center;padding:16px 8px;background:var(--surface-secondary);border:1px solid var(--border-primary);border-radius:10px}.ref-stat-number{font-size:28px;font-weight:700;color:var(--text-primary);line-height:1}.ref-stat-label{font-size:12px;color:var(--text-secondary);margin-top:4px}.ref-banked-callout{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;background:rgba(var(--accent-primary-rgb, 99, 102, 241),.08);border:1px solid rgba(var(--accent-primary-rgb, 99, 102, 241),.2);border-radius:8px;font-size:14px;color:var(--text-primary);line-height:1.5}.ref-banked-callout svg{width:18px;height:18px;stroke:var(--accent-primary);flex-shrink:0;margin-top:1px}.ref-history{display:flex;flex-direction:column;gap:12px}.ref-history-title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0}.ref-table{width:100%;border-collapse:collapse;font-size:13px}.ref-table th{text-align:left;padding:8px 12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);border-bottom:1px solid var(--border-primary)}.ref-table td{padding:10px 12px;border-bottom:1px solid var(--border-primary);color:var(--text-primary)}.ref-table-email{font-family:monospace;font-size:12px;color:var(--text-secondary)}.ref-table-date{color:var(--text-secondary);white-space:nowrap}.ref-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.ref-badge-signed_up{background:var(--surface-secondary);color:var(--text-secondary);border:1px solid var(--border-primary)}.ref-badge-subscribed,.ref-badge-rewarded{background:#22c55e1f;color:#16a34a;border:1px solid rgba(34,197,94,.2)}[data-theme=dark] .ref-badge-subscribed,[data-theme=dark] .ref-badge-rewarded{color:#4ade80}.ref-badge-pending{background:#f59e0b1a;color:#d97706;border:1px solid rgba(245,158,11,.2)}[data-theme=dark] .ref-badge-pending{color:#fbbf24}.ref-empty{font-size:14px;color:var(--text-secondary);text-align:center;padding:32px 0;margin:0}.ref-loading{font-size:14px;color:var(--text-secondary);padding:24px 0;text-align:center}.ref-disclaimer{text-align:center;font-size:12px;color:var(--text-tertiary);margin:4px 0 0;padding-top:8px;border-top:1px solid var(--border-primary);line-height:1.5}.ref-disclaimer a{color:var(--text-secondary);text-decoration:none;white-space:nowrap}.ref-disclaimer a:hover{color:var(--accent-primary);text-decoration:underline}.plc-content{display:flex;flex-direction:column;gap:18px}.plc-intro{font-size:.9375rem;color:var(--text-primary);line-height:1.6;margin:0}.plc-rules{display:flex;flex-direction:column;gap:8px;padding:14px 16px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:10px}.plc-rule{display:flex;align-items:flex-start;gap:10px;font-size:.875rem;line-height:1.5;color:var(--text-secondary)}.plc-rule svg{width:15px;height:15px;flex-shrink:0;margin-top:2px}.plc-rule--ok svg{color:#10b981}.plc-rule--no svg{color:#ef4444}.plc-checkboxes{display:flex;flex-direction:column;gap:10px}.plc-checkbox{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.plc-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-primary);cursor:pointer;flex-shrink:0;margin-top:2px}.plc-checkbox span{font-size:.875rem;color:var(--text-primary);line-height:1.5}.plc-checkbox a{color:var(--accent-primary);text-decoration:none}.plc-checkbox a:hover{text-decoration:underline}.plc-legal{font-size:.8125rem;color:var(--text-tertiary);line-height:1.6;margin:0;padding-top:4px;border-top:1px solid var(--border-primary)}.plc-legal a{color:var(--accent-primary);text-decoration:none}.plc-legal a:hover{text-decoration:underline}.list-settings-form{display:flex;flex-direction:column;gap:14px}.list-settings-error{padding:12px 14px;background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:8px;color:#ef4444;font-size:.875rem}.list-settings-form .form-group{display:flex;flex-direction:column;gap:6px}.list-settings-form .form-label{display:flex;align-items:baseline;gap:8px;font-size:.875rem;font-weight:500;color:var(--text-primary)}.list-settings-form .form-label-hint{font-size:.8125rem;font-weight:400;color:var(--text-tertiary)}.list-settings-form .form-input{padding:10px 12px;font-size:.9375rem;color:var(--text-primary);background:var(--bg-input, var(--bg-secondary));border:1px solid var(--border-primary);border-radius:8px;transition:border-color .2s ease,box-shadow .2s ease;width:100%;box-sizing:border-box}.list-settings-form .form-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light, rgba(245, 158, 11, .15))}.list-settings-form .form-textarea{padding:10px 12px;font-size:.9375rem;color:var(--text-primary);background:var(--bg-input, var(--bg-secondary));border:1px solid var(--border-primary);border-radius:8px;resize:vertical;min-height:80px;font-family:inherit;line-height:1.5;transition:border-color .2s ease,box-shadow .2s ease;width:100%;box-sizing:border-box}.list-settings-form .form-textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light, rgba(245, 158, 11, .15))}.list-settings-form .char-count{font-size:.8125rem;color:var(--text-tertiary);text-align:right;margin-top:2px}.list-settings-form .char-count-warning{color:#f59e0b}.tag-input-container{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 10px;background:var(--bg-input, var(--bg-secondary));border:1px solid var(--border-primary);border-radius:8px;cursor:text;min-height:44px;transition:border-color .2s ease,box-shadow .2s ease}.tag-input-container:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light, rgba(245, 158, 11, .15))}.tag-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 8px 3px 10px;border-radius:99px;font-size:.8125rem;font-weight:500;background:var(--accent-light, rgba(245, 158, 11, .1));color:var(--accent-primary, #f59e0b);border:1px solid var(--accent-light, rgba(245, 158, 11, .25));white-space:nowrap}.tag-remove{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:none;background:transparent;color:var(--accent-primary, #f59e0b);cursor:pointer;font-size:1rem;line-height:1;border-radius:99px;transition:background .15s ease}.tag-remove:hover{background:#f59e0b33}.tag-text-input{flex:1;min-width:120px;border:none;outline:none;background:transparent;font-size:.9375rem;color:var(--text-primary);padding:2px 0;font-family:inherit}.tag-text-input::placeholder{color:var(--text-tertiary)}.form-group-toggles{gap:0!important;border:1px solid var(--border-primary);border-radius:10px;overflow:hidden}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px}.toggle-row+.toggle-row{border-top:1px solid var(--border-primary)}.toggle-row-nested{background:var(--bg-secondary)}.toggle-text{display:flex;flex-direction:column;gap:2px;min-width:0}.toggle-label{font-size:.9375rem;font-weight:500;color:var(--text-primary)}.toggle-description{font-size:.8125rem;color:var(--text-tertiary);line-height:1.4}.toggle-description a{color:var(--accent-primary);text-decoration:none}.toggle-description a:hover{text-decoration:underline}.toggle-switch{flex-shrink:0;position:relative;width:44px;height:24px;background:var(--border-primary);border:none;border-radius:99px;cursor:pointer;transition:background .2s ease;padding:0}.toggle-switch.toggle-on{background:var(--accent-primary, #f59e0b)}.toggle-switch:disabled{opacity:.5;cursor:not-allowed}.toggle-knob{position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;transition:transform .2s ease;display:block}.toggle-switch.toggle-on .toggle-knob{transform:translate(20px)}.ls-style-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:8px}.ls-style-swatch{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px;border:2px solid var(--border-primary);border-radius:8px;background:var(--bg-secondary);cursor:pointer;transition:border-color .15s ease,background .15s ease;position:relative}.ls-style-swatch:hover{border-color:var(--accent-primary);background:var(--bg-hover)}.ls-style-swatch.selected{border-color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 8%,var(--bg-secondary))}.ls-style-swatch:disabled{opacity:.6;cursor:not-allowed}.ls-style-swatch-preview{width:56px;height:36px;border-radius:4px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;background:#f8fafc;border:1px solid var(--border-primary)}.ls-style-preview-none{background:#fff}.ls-style-swatch-name{font-size:11px;font-weight:600;color:var(--text-secondary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.ls-style-check{position:absolute;top:2px;right:4px;font-size:10px;color:var(--accent-primary)}.ls-product-list-warning{margin:6px 0 0;padding:8px 12px;background:#eab30814;border:1px solid rgba(234,179,8,.3);border-radius:6px;color:var(--text-secondary);font-size:.8rem;line-height:1.4}.delete-list-warning{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;background:#ef444412;border:1px solid rgba(239,68,68,.2);border-radius:8px;margin-bottom:20px;font-size:.875rem;color:var(--text-secondary);line-height:1.5}.delete-list-warning svg{width:18px;height:18px;flex-shrink:0;color:#ef4444;margin-top:1px}.delete-list-warning strong{color:var(--text-primary)}.delete-list-password-field{display:flex;flex-direction:column;gap:6px}.delete-list-password-field label{font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.delete-list-password-field input{width:100%;padding:9px 12px;border:1px solid var(--border-primary);border-radius:7px;background:var(--bg-primary);color:var(--text-primary);font-size:.9375rem;outline:none;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box}.delete-list-password-field input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-color-alpha)}.delete-list-password-field input:disabled{opacity:.6;cursor:not-allowed}.delete-list-error{margin:0;font-size:.8125rem;color:#ef4444}.subscribe-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg-primary)}.subscribe-container{width:100%;max-width:480px;display:flex;flex-direction:column;gap:20px}.subscribe-card{position:relative;background:var(--bg-card);border-radius:16px;box-shadow:var(--shadow-lg);border:1px solid var(--border-primary);overflow:hidden}.subscribe-badge{position:absolute;top:18px;left:-40px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:.7rem;font-weight:600;padding:6px 40px;z-index:1;transform:rotate(-40deg);box-shadow:0 2px 8px #f59e0b4d}.subscribe-header{padding:28px 28px 16px;text-align:center;border-bottom:1px solid var(--border-primary);background-color:var(--bg-primary)}.subscribe-header h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 8px}.subscribe-header .list-description{font-size:.9375rem;color:var(--text-secondary);margin:0;line-height:1.5}.subscribe-header .list-tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:10px}.subscribe-header .list-tag{display:inline-block;padding:3px 10px;border-radius:99px;font-size:.75rem;font-weight:500;background:var(--accent-light, rgba(245, 158, 11, .1));color:var(--accent-primary, #f59e0b);border:1px solid var(--accent-light, rgba(245, 158, 11, .2))}.subscribe-form{padding:24px 28px 28px;display:flex;flex-direction:column;gap:16px}.subscribe-form .form-field{display:flex;flex-direction:column;gap:6px}.subscribe-form label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.subscribe-form label .optional{font-weight:400;color:var(--text-tertiary)}.subscribe-form input{padding:12px 14px;font-size:1rem;color:var(--text-primary);background:var(--bg-input, var(--bg-secondary));border:1px solid var(--border-primary);border-radius:8px;transition:all .2s ease}.subscribe-form input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light, rgba(245, 158, 11, .15))}.subscribe-form input::placeholder{color:var(--text-tertiary)}.subscribe-form input:disabled{opacity:.6;cursor:not-allowed}.form-error{padding:12px 14px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#ef4444;font-size:.875rem}.btn-subscribe{padding:14px 24px;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;margin-top:4px}.btn-subscribe:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #f59e0b59}.btn-subscribe:disabled{opacity:.6;cursor:not-allowed;transform:none}.subscribe-footer{padding:0 28px 20px;text-align:center;font-size:.8125rem;color:var(--text-tertiary);margin:0}.subscribe-loading{padding:64px 32px;text-align:center;background:var(--bg-card);border-radius:16px;box-shadow:var(--shadow-lg);border:1px solid var(--border-primary)}.subscribe-loading .loading-spinner{width:40px;height:40px;border:3px solid var(--border-primary);border-top-color:var(--accent-primary);border-radius:50%;margin:0 auto 16px;animation:spin .8s linear infinite}.subscribe-loading p{color:var(--text-secondary);margin:0}.subscribe-error{padding:48px 32px;text-align:center;background:var(--bg-card);border-radius:16px;box-shadow:var(--shadow-lg);border:1px solid var(--border-primary)}.error-icon{width:64px;height:64px;margin:0 auto 20px;background:#ef44441a;border-radius:50%;display:flex;align-items:center;justify-content:center}.error-icon svg{width:32px;height:32px;color:#ef4444}.subscribe-error h1{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 8px}.subscribe-error p{font-size:.9375rem;color:var(--text-secondary);margin:0;line-height:1.5}.subscribe-success{padding:48px 32px;text-align:center;background:var(--bg-card);border-radius:16px;box-shadow:var(--shadow-lg);border:1px solid var(--border-primary)}.success-icon{width:72px;height:72px;margin:0 auto 24px;background:#f59e0b1a;border-radius:50%;display:flex;align-items:center;justify-content:center}.success-icon svg{width:36px;height:36px;color:#f59e0b}.subscribe-success h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 12px}.subscribe-success p{font-size:1rem;color:var(--text-secondary);margin:0 0 8px;line-height:1.5}.subscribe-success p strong{color:var(--text-primary)}.subscribe-success .subscribe-note,.subscribe-success .success-note{font-size:.875rem;color:var(--text-tertiary);margin-top:4px}@media (max-width: 480px){.subscribe-page{padding:16px}.subscribe-header{padding:24px 20px 16px}.subscribe-header h1{font-size:1.25rem}.subscribe-form{padding:20px}.subscribe-footer{padding:0 20px 16px}.subscribe-loading,.subscribe-error,.subscribe-success{padding:32px 20px}.success-icon{width:64px;height:64px}.success-icon svg{width:32px;height:32px}}.manage-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg-primary)}.manage-container{width:100%;max-width:600px;display:flex;flex-direction:column;gap:20px}.manage-card{background:var(--bg-card);border-radius:16px;box-shadow:var(--shadow-lg);border:1px solid var(--border-primary);overflow:hidden}.manage-header{padding:28px 28px 20px;text-align:center;border-bottom:1px solid var(--border-primary);background-color:var(--bg-primary)}.manage-header h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 8px}.manage-header .list-name{font-size:1rem;color:var(--accent-primary);margin:0;font-weight:600}.manage-section{padding:24px 28px;border-bottom:1px solid var(--border-primary)}.manage-section:last-of-type{border-bottom:none}.manage-section h2{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 16px}.manage-section p{font-size:.9375rem;color:var(--text-secondary);line-height:1.6;margin:0}.manage-section p a{color:var(--accent-primary);text-decoration:none;font-weight:500}.manage-section p a:hover{text-decoration:underline}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:.9375rem;color:var(--text-primary)}.status-badge{display:inline-block;padding:4px 10px;font-size:.75rem;font-weight:600;border-radius:6px;text-transform:capitalize}.status-badge.confirmed{background:#10b9811a;color:#10b981}.status-badge.pending{background:#f59e0b1a;color:#f59e0b}.status-badge.unsubscribed{background:#6b72801a;color:#6b7280}[data-theme=dark] .status-badge.confirmed{background:#10b98133}[data-theme=dark] .status-badge.pending{background:#f59e0b33}.rights-intro{margin-bottom:20px!important}.rights-actions{display:flex;flex-direction:column;gap:16px}.action-card{display:flex;gap:16px;padding:20px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:12px}.action-card.danger{border-color:#ef44444d;background:#ef444408}.action-icon{width:48px;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--accent-light);border-radius:10px}.action-icon svg{width:24px;height:24px;color:var(--accent-primary)}.action-icon.delete-icon{background:#ef44441a}.action-icon.delete-icon svg{color:#ef4444}.action-content{flex:1;display:flex;flex-direction:column;gap:8px}.action-content h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.action-content p{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.5}.btn-action{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;font-size:.875rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease;border:none;margin-top:4px;align-self:flex-start}.btn-export{background:var(--accent-primary);color:#fff}.btn-export:hover:not(:disabled){background:var(--accent-secondary);transform:translateY(-1px)}.btn-export.success{background:#10b981}.btn-delete{background:transparent;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.btn-delete:hover{background:#ef4444;color:#fff;border-color:#ef4444}.btn-action:disabled{opacity:.6;cursor:not-allowed;transform:none}.confirm-delete{margin-top:8px}.confirm-warning{padding:12px;background:#ef44441a;border-radius:8px;font-size:.875rem;color:#ef4444;margin-bottom:12px!important}.confirm-buttons{display:flex;gap:8px;flex-wrap:wrap}.btn-delete-confirm{background:#ef4444;color:#fff}.btn-delete-confirm:hover:not(:disabled){background:#dc2626}.btn-cancel{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-primary)}.btn-cancel:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.action-error{font-size:.875rem;color:#ef4444;margin-top:8px!important}.unsubscribe-link{color:var(--accent-primary);font-weight:500}.manage-loading{padding:64px 32px;text-align:center;background:var(--bg-card);border-radius:16px;box-shadow:var(--shadow-lg);border:1px solid var(--border-primary)}.manage-loading .loading-spinner{width:40px;height:40px;border:3px solid var(--border-primary);border-top-color:var(--accent-primary);border-radius:50%;margin:0 auto 16px;animation:spin .8s linear infinite}.manage-loading p{color:var(--text-secondary);margin:0}.manage-error{padding:48px 32px;text-align:center;background:var(--bg-card);border-radius:16px;box-shadow:var(--shadow-lg);border:1px solid var(--border-primary)}.manage-error .error-icon{width:64px;height:64px;margin:0 auto 20px;background:#ef44441a;border-radius:50%;display:flex;align-items:center;justify-content:center}.manage-error .error-icon svg{width:32px;height:32px;color:#ef4444}.manage-error h1{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 8px}.manage-error p{font-size:.9375rem;color:var(--text-secondary);margin:0 0 8px;line-height:1.5}.manage-error .error-hint{font-size:.875rem;color:var(--text-tertiary)}.manage-success{padding:48px 32px;text-align:center;background:var(--bg-card);border-radius:16px;box-shadow:var(--shadow-lg);border:1px solid var(--border-primary)}.manage-success .success-icon{width:72px;height:72px;margin:0 auto 24px;background:#10b9811a;border-radius:50%;display:flex;align-items:center;justify-content:center}.manage-success .success-icon svg{width:36px;height:36px;color:#10b981}.manage-success h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 12px}.manage-success p{font-size:1rem;color:var(--text-secondary);margin:0 0 8px;line-height:1.5}.manage-success p strong{color:var(--text-primary)}.manage-success .success-note{font-size:.875rem;color:var(--text-tertiary);margin-top:4px}.powered-by{text-align:center;font-size:.8125rem;color:var(--text-tertiary)}.powered-by a{color:var(--accent-primary);text-decoration:none;font-weight:600}.powered-by a:hover{text-decoration:underline}@media (max-width: 600px){.manage-page{padding:16px;align-items:flex-start}.manage-container{margin-top:16px}.manage-header{padding:24px 20px 16px}.manage-header h1{font-size:1.25rem}.manage-section{padding:20px}.info-grid{grid-template-columns:1fr;gap:12px}.action-card{flex-direction:column;gap:12px;padding:16px}.action-icon{width:40px;height:40px}.action-icon svg{width:20px;height:20px}.confirm-buttons{flex-direction:column}.btn-action{width:100%}.manage-loading,.manage-error,.manage-success{padding:32px 20px}}.admin-decl-section{background:var(--card-bg, var(--bg-primary));border:1px solid var(--border-color, var(--border-primary));border-radius:12px;overflow:hidden}.admin-decl-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid var(--border-color, var(--border-primary));flex-wrap:wrap}.admin-decl-title{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:700;color:var(--text-primary)}.admin-decl-title svg{width:18px;height:18px;color:var(--accent-primary, #6366f1);flex-shrink:0}.admin-decl-title-group{display:flex;flex-direction:column;gap:4px}.admin-decl-subtitle{font-size:.8125rem;color:var(--text-tertiary, var(--text-secondary));font-weight:400}.admin-decl-filters{display:flex;gap:6px;flex-wrap:wrap}.admin-decl-filter-btn{display:flex;align-items:center;gap:5px;padding:5px 12px;border:1px solid var(--border-color, var(--border-primary));border-radius:20px;background:transparent;color:var(--text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.admin-decl-filter-btn:hover{background:var(--bg-secondary, var(--bg-tertiary));color:var(--text-primary)}.admin-decl-filter-btn--active{background:var(--accent-primary, #6366f1);border-color:var(--accent-primary, #6366f1);color:#fff}.admin-decl-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#ffffff40;font-size:.75rem;font-weight:700;line-height:1}.admin-decl-filter-btn:not(.admin-decl-filter-btn--active) .admin-decl-badge{background:#6366f1;color:#fff}.admin-decl-badge--flagged{background:#ef4444!important}.admin-decl-empty{padding:24px 20px;font-size:.9rem;color:var(--text-secondary);margin:0}.admin-decl-status{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:capitalize}.admin-decl-status--pending{background:#f59e0b1f;color:#d97706}.admin-decl-status--reviewed{background:#10b9811f;color:#059669}.admin-decl-status--flagged{background:#ef44441f;color:#dc2626}.admin-decl-excerpt{font-size:.8125rem;color:var(--text-secondary);max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-decl-row--expanded td{background:var(--bg-secondary, var(--bg-tertiary))}.admin-decl-detail-row td{padding:0!important;background:var(--bg-secondary, var(--bg-tertiary))}.admin-decl-detail{padding:20px;display:flex;flex-direction:column;gap:20px;border-top:1px solid var(--border-color, var(--border-primary))}.admin-decl-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.admin-decl-detail-block{display:flex;flex-direction:column;gap:6px}.admin-decl-detail-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary, var(--text-secondary))}.admin-decl-detail-text{font-size:.9rem;color:var(--text-primary);line-height:1.6;margin:0;white-space:pre-wrap}.admin-decl-detail-meta{font-size:.8125rem;color:var(--text-secondary);font-family:Monaco,Menlo,monospace;word-break:break-all;margin:0}.admin-decl-link{font-size:.875rem;color:var(--accent-primary, #6366f1);word-break:break-all;text-decoration:none}.admin-decl-link:hover{text-decoration:underline}.admin-decl-checkboxes{display:flex;flex-wrap:wrap;gap:8px}.admin-decl-cb{font-size:.8125rem;padding:3px 8px;border-radius:4px}.admin-decl-cb--yes{background:#10b9811a;color:#059669}.admin-decl-cb--no{background:#ef44441a;color:#dc2626}.admin-decl-review{display:flex;align-items:flex-end;gap:12px;padding-top:16px;border-top:1px solid var(--border-color, var(--border-primary));flex-wrap:nowrap}.admin-decl-review-field{display:flex;flex-direction:column;gap:5px}.admin-decl-review-field--notes{flex:1;min-width:200px}.admin-decl-review-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary, var(--text-secondary))}.admin-decl-select{padding:7px 10px;border:1px solid var(--border-color, var(--border-primary));border-radius:7px;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;cursor:pointer}.admin-decl-notes{width:100%;box-sizing:border-box;padding:7px 10px;border:1px solid var(--border-color, var(--border-primary));border-radius:7px;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;font-family:inherit;resize:vertical}.admin-decl-actions{display:flex;gap:8px;flex-shrink:0}.admin-decl-action-btn{padding:8px 18px;border:1px solid transparent;border-radius:7px;font-size:.875rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:opacity .15s,background .15s}.admin-decl-action-btn:disabled{opacity:.5;cursor:default}.admin-decl-action-btn--approve{background:#10b9811f;color:#059669;border-color:#10b9814d}.admin-decl-action-btn--approve:not(:disabled):hover{background:#10b98138}.admin-decl-action-btn--flag{background:#ef44441a;color:#dc2626;border-color:#ef44444d}.admin-decl-action-btn--flag:not(:disabled):hover{background:#ef44442e}.admin-decl-action-btn--reset{background:transparent;color:var(--text-secondary);border-color:var(--border-color, var(--border-primary))}.admin-decl-action-btn--reset:not(:disabled):hover{background:var(--bg-secondary, var(--bg-tertiary))}.admin-page{min-height:100vh;background:var(--bg-secondary);padding:24px;display:flex;flex-direction:column;gap:24px}.admin-group{display:flex;flex-direction:column;gap:16px}.admin-group-title{font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary, var(--text-secondary));margin:0 0 4px}.admin-group--attention{padding:20px;background:var(--bg-primary);border:1px solid rgba(245,158,11,.3);border-left:4px solid #f59e0b;border-radius:12px}.admin-group--attention .admin-decl-section,.admin-group--attention .admin-section{border:1px solid var(--border-primary)}.admin-section--warn{border-color:#f59e0b66!important}.admin-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px}.admin-header-left{display:flex;flex-direction:column;gap:8px}.admin-back-link{font-size:.875rem;color:var(--text-secondary);text-decoration:none}.admin-back-link:hover{color:var(--accent-primary)}.admin-header h1{margin:0;font-size:1.5rem;color:var(--text-primary)}.admin-header-right{display:flex;align-items:center;gap:16px}.admin-user{font-size:.875rem;color:var(--text-secondary)}.admin-theme-toggle{padding:8px 16px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.875rem}.admin-theme-toggle:hover{background:var(--bg-hover)}.admin-logout{padding:8px 16px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.875rem}.admin-logout:hover{background:var(--bg-hover)}.admin-pending-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;background:#d97706;color:#fff;border-radius:11px;font-size:.75rem;font-weight:700}.admin-pending-imports .admin-table-container{border-color:#f59e0b66}.admin-pending-imports .admin-table th{background:#f59e0b14}.admin-pending-date{color:var(--text-secondary);font-size:.8125rem;white-space:nowrap}.admin-pending-actions{display:flex;gap:8px}.admin-pending-btn{padding:6px 14px;border:none;border-radius:6px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:opacity .15s ease}.admin-pending-btn:disabled{opacity:.5;cursor:not-allowed}.admin-pending-btn--approve{background:#10b9811f;color:#10b981;border:1px solid rgba(16,185,129,.3)}.admin-pending-btn--approve:not(:disabled):hover{background:#10b98133}.admin-pending-btn--reject{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.admin-pending-btn--reject:not(:disabled):hover{background:#ef44442e}.admin-pending-expand{background:none;border:none;cursor:pointer;font-size:1.1rem;color:var(--text-tertiary);padding:2px 6px;border-radius:4px;transition:transform .15s ease,color .15s ease;line-height:1}.admin-pending-expand:hover{color:var(--accent-primary)}.admin-pending-expand--open{transform:rotate(90deg);color:var(--accent-primary)}.admin-pending-row--expanded td{background:var(--accent-light)}.admin-pending-age--warn{color:#d97706;font-weight:600}.admin-pending-detail-row td{padding:0!important;border-bottom:2px solid var(--accent-primary)}.admin-pending-detail{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:20px 24px;background:var(--bg-tertiary)}.admin-pending-detail-col{display:flex;flex-direction:column;gap:10px}.admin-pending-detail-heading{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary)}.admin-pending-domain-list{display:flex;flex-direction:column;gap:6px}.admin-pending-domain-row{display:grid;grid-template-columns:160px 1fr 36px 56px;align-items:center;gap:8px;font-size:.8125rem}.admin-pending-domain-name{font-family:Monaco,Menlo,monospace;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-pending-domain-bar-wrap{height:6px;background:var(--border-primary);border-radius:3px;overflow:hidden}.admin-pending-domain-bar{height:100%;background:var(--accent-primary);border-radius:3px;min-width:2px}.admin-pending-domain-pct{font-weight:600;color:var(--text-primary);text-align:right}.admin-pending-domain-count{color:var(--text-tertiary);font-size:.75rem}.admin-pending-sample-list{display:flex;flex-direction:column;gap:4px}.admin-pending-sample-email{font-family:Monaco,Menlo,monospace;font-size:.8125rem;color:var(--text-primary);padding:4px 8px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:4px}.admin-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.summary-card{padding:20px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px}.summary-card-total{background:#8b5cf61a;border-color:var(--accent-primary)}.summary-label{font-size:.8125rem;color:var(--text-secondary);margin-bottom:8px}.summary-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.admin-info{display:flex;flex-wrap:wrap;gap:16px;padding:16px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;font-size:.875rem;color:var(--text-secondary)}.admin-info strong{color:var(--text-primary)}.admin-filters{display:flex;gap:16px;align-items:center}.admin-filters label{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--text-secondary)}.admin-filters select{padding:8px 12px;border:1px solid var(--border-primary);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem}.admin-filters button{padding:8px 16px;background:var(--accent-primary);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;font-size:.875rem}.admin-filters button:disabled{opacity:.6;cursor:not-allowed}.admin-table-container{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:.875rem}.admin-table th,.admin-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-primary)}.admin-table th{background:var(--bg-tertiary);font-weight:600;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.admin-table th:hover,.admin-table tbody tr:hover{background:var(--bg-hover)}.admin-table tbody tr.paying-user{background:#10b9810d}.admin-table tfoot{background:var(--bg-tertiary);font-weight:600}.admin-table tfoot td{border-bottom:none}.total-cost{font-weight:600;color:var(--accent-primary)}.status-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.active{background:#10b9811a;color:#10b981}.status-badge.free{background:var(--bg-tertiary);color:var(--text-secondary)}.admin-loading,.admin-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.admin-error button{padding:8px 16px;background:var(--accent-primary);color:#fff;border:none;border-radius:8px;cursor:pointer}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-primary);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.admin-access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-secondary);gap:16px;text-align:center}.admin-access-denied h1{color:var(--text-primary);margin:0}.admin-access-denied p{color:var(--text-secondary);margin:0}.admin-access-denied a{color:var(--accent-primary);text-decoration:none}.admin-access-denied a:hover{text-decoration:underline}@media (max-width: 768px){.admin-page{padding:16px;gap:16px}.admin-header{flex-direction:column;gap:16px;text-align:center}.admin-header-right{flex-wrap:wrap;justify-content:center}.admin-summary{grid-template-columns:repeat(2,1fr)}.admin-info{flex-direction:column;gap:8px}.admin-filters{flex-direction:column;align-items:stretch}.admin-section-header{flex-direction:column;gap:12px;align-items:flex-start}.admin-group--attention{padding:16px}}.admin-section{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;padding:20px 24px}.admin-section-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.admin-section-desc{font-size:13px;color:var(--text-secondary);margin:0 0 14px}.admin-flags-search{display:flex;gap:8px;margin-bottom:12px}.admin-flags-input{flex:1;max-width:340px;padding:8px 12px;border:1px solid var(--border-primary);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-size:13px}.admin-flags-lookup-btn{padding:8px 16px;background:var(--accent-primary);color:#fff;border:none;border-radius:8px;font-size:13px;cursor:pointer}.admin-flags-lookup-btn:disabled{opacity:.5;cursor:not-allowed}.admin-flags-error{color:var(--danger, #e53e3e);font-size:13px;margin-bottom:10px}.admin-flags-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:16px 20px;max-width:560px}.admin-flags-user{font-weight:600;font-size:14px;color:var(--text-primary);margin-bottom:14px}.admin-flags-uid{font-weight:400;font-size:12px;color:var(--text-secondary)}.admin-flags-row{margin-bottom:12px}.admin-flags-label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:14px;color:var(--text-primary)}.admin-flags-label input[type=checkbox]{margin-top:2px;flex-shrink:0;width:16px;height:16px;cursor:pointer}.admin-flags-desc{font-size:12px;color:var(--text-secondary);margin-left:2px}.admin-flags-desc code{font-size:11px;background:var(--bg-tertiary, var(--bg-secondary));padding:1px 4px;border-radius:4px}.admin-flags-actions{display:flex;align-items:center;gap:12px;margin-top:16px}.admin-flags-save-btn{padding:8px 20px;background:var(--accent-primary);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer}.admin-flags-save-btn:disabled{opacity:.5;cursor:not-allowed}.admin-flags-saved{font-size:13px;color:var(--success, #38a169);font-weight:500}.admin-section-header h2{font-size:1rem;font-weight:600;margin:0}.admin-refresh-btn{padding:6px 14px;background:transparent;border:1px solid var(--border-primary);border-radius:6px;font-size:13px;cursor:pointer;color:var(--text-primary)}.admin-empty{font-size:.875rem;color:var(--text-secondary);margin:0}.admin-alert-time{white-space:nowrap;font-size:.8rem;color:var(--text-secondary)}.admin-alert-badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.75rem;font-weight:500;white-space:nowrap;background:var(--bg-secondary)}.admin-queue-timestamp{font-size:.75rem;color:var(--text-secondary)}.admin-queue-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.admin-queue-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:4px}.admin-queue-label{font-size:.75rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.admin-queue-value{font-size:1.35rem;font-weight:700;color:var(--text-primary);line-height:1.2}.admin-queue-value.active{color:var(--accent-primary)}.admin-queue-value.muted{color:var(--text-secondary)}.admin-queue-unit{font-size:.8rem;font-weight:400;color:var(--text-secondary)}.admin-queue-sub{font-size:.75rem;color:var(--text-secondary);margin-top:2px}.admin-queue-bar-wrap{height:5px;background:var(--border-primary);border-radius:999px;overflow:hidden;margin:4px 0 2px}.admin-queue-bar{height:100%;border-radius:999px;background:var(--accent-primary);transition:width .4s ease}.admin-queue-bar.warn{background:#f59e0b}.admin-queue-bar.danger{background:#ef4444}.admin-alert-badge.high_bounce_rate{background:#fef3c7;color:#92400e}.admin-alert-badge.high_complaint_rate{background:#fee2e2;color:#991b1b}.admin-alert-badge.volume_spike{background:#e0f2fe;color:#075985}.admin-alert-badge.new_account_large_send{background:#f3e8ff;color:#6b21a8}.admin-alert-badge.large_import_approved{background:#dcfce7;color:#166534}.admin-alert-badge.large_import_rejected{background:#fee2e2;color:#991b1b}.admin-alert-details{font-size:.8rem;color:var(--text-secondary)}.admin-grant-section{margin-top:20px;padding-top:16px;border-top:1px solid var(--border-color)}.admin-grant-title{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px}.admin-grant-form{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.admin-grant-label{display:flex;flex-direction:column;gap:4px;font-size:.8rem;color:var(--text-secondary)}.admin-grant-input{padding:6px 10px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;width:80px}.admin-grant-note{width:200px}.admin-grant-btn{padding:7px 16px;background:var(--accent-primary);color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:opacity .2s;white-space:nowrap}.admin-grant-btn:hover:not(:disabled){opacity:.85}.admin-grant-btn:disabled{opacity:.5;cursor:not-allowed}.admin-grant-success{margin-top:8px;font-size:.85rem;color:#166534;background:#dcfce7;padding:6px 10px;border-radius:6px}.admin-grant-error{margin-top:8px;font-size:.85rem;color:#991b1b;background:#fee2e2;padding:6px 10px;border-radius:6px}[data-theme=dark] .admin-grant-success{background:#86efac1f;color:#86efac}[data-theme=dark] .admin-grant-error{background:#f871711f;color:#fca5a5}.admin-credits-section{margin-top:20px;padding-top:16px;border-top:1px solid var(--border-color)}.admin-credits-empty{font-size:.85rem;color:var(--text-secondary)}.admin-credits-table{width:100%;border-collapse:collapse;font-size:.8rem;margin-top:8px}.admin-credits-table th,.admin-credits-table td{text-align:left;padding:6px 10px;border-bottom:1px solid var(--border-color)}.admin-credits-table th{font-weight:600;color:var(--text-secondary);text-transform:uppercase;font-size:.75rem;letter-spacing:.03em}.admin-user-mgmt-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:16px}.admin-user-mgmt-col{display:flex;flex-direction:column;gap:10px}.admin-user-mgmt-heading{font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary, var(--text-secondary));padding-bottom:8px;border-bottom:1px solid var(--border-color, var(--border-primary));margin-bottom:4px}.admin-credits-inline{margin-top:16px;display:flex;flex-direction:column;gap:8px}.admin-section-header h2{display:flex;align-items:center;gap:8px}.admin-section-header h2 svg{flex-shrink:0}@media (max-width: 900px){.admin-user-mgmt-grid{grid-template-columns:1fr}}.admin-flags-card .admin-grant-section,.admin-flags-card .admin-credits-section{margin-top:0;padding-top:0;border-top:none}.legal-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:40px 20px 60px}.legal-page-container{max-width:860px;margin:0 auto;background:var(--bg-secondary);border-radius:16px;box-shadow:0 4px 24px #0000001f;border:1px solid var(--border-primary);overflow:hidden}.legal-header{background:linear-gradient(135deg,#b45309,#f59e0b);padding:32px 40px;color:#fff}.legal-back-link{display:inline-flex;align-items:center;gap:6px;color:#fffc;text-decoration:none;font-size:.875rem;margin-bottom:20px;transition:color .15s}.legal-back-link:hover{color:#fff}.legal-back-link svg{width:16px;height:16px}.legal-header h1{font-size:2rem;font-weight:800;color:#fff;margin:0 0 12px;letter-spacing:-.5px;line-height:1.2}.legal-meta{display:flex;gap:20px;font-size:.875rem;color:#ffffffbf;flex-wrap:wrap;align-items:center}.legal-meta a{color:#ffffffe6;text-decoration:none}.legal-meta a:hover{color:#fff;text-decoration:underline}.legal-content{padding:40px}.legal-toc{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:10px;padding:20px 24px;margin-bottom:40px}.legal-toc h3{font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-tertiary);margin:0 0 12px}.legal-toc ol{margin:0;padding:0 0 0 18px;display:flex;flex-direction:column;gap:4px}.legal-toc li{font-size:.875rem;color:var(--text-secondary)}.legal-toc a{color:var(--accent-primary);text-decoration:none}.legal-toc a:hover{text-decoration:underline}.legal-section{margin-bottom:48px}.legal-section h2{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 16px;padding-top:8px;scroll-margin-top:80px}.legal-section h3{font-size:1rem;font-weight:700;color:var(--text-primary);margin:24px 0 10px}.legal-section p{font-size:.9375rem;color:var(--text-secondary);line-height:1.75;margin:0 0 14px}.legal-section p:last-child{margin-bottom:0}.legal-section ul,.legal-section ol{margin:0 0 14px;padding:0 0 0 22px;display:flex;flex-direction:column;gap:6px}.legal-section li{font-size:.9375rem;color:var(--text-secondary);line-height:1.65}.legal-section a{color:var(--accent-primary);text-decoration:none}.legal-section a:hover{text-decoration:underline}.legal-callout{padding:16px 20px;border-radius:8px;margin:0 0 32px;font-size:.9375rem;line-height:1.65}.legal-callout p{margin:0;font-size:inherit;line-height:inherit}.legal-callout--warning{background:#f59e0b14;border:1px solid rgba(245,158,11,.3);border-left:3px solid #f59e0b;color:var(--text-primary)}.legal-callout--info{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-left:3px solid var(--accent-primary);color:var(--text-secondary)}.legal-callout--danger{background:#ef44440f;border:1px solid rgba(239,68,68,.25);border-left:3px solid #ef4444;color:var(--text-primary)}.legal-table-wrap{overflow-x:auto;margin:16px 0}.legal-table{width:100%;border-collapse:collapse;font-size:.875rem}.legal-table th{background:var(--bg-tertiary);padding:10px 14px;text-align:left;font-weight:600;color:var(--text-secondary);border-bottom:2px solid var(--border-primary)}.legal-table td{padding:10px 14px;color:var(--text-secondary);border-bottom:1px solid var(--border-primary);line-height:1.5;vertical-align:top}.legal-table tr:last-child td{border-bottom:none}.legal-allcaps{font-size:.875rem;font-weight:600;color:var(--text-primary);line-height:1.65;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;padding:16px 20px;margin:16px 0}.legal-divider{height:1px;background:var(--border-primary);margin:40px 0}.legal-contact-block{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:10px;padding:24px;margin-top:40px}.legal-contact-block h3{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0 0 8px}.legal-contact-block p{font-size:.9375rem;color:var(--text-secondary);margin:0;line-height:1.65}.legal-footer{max-width:860px;margin:24px auto 0;text-align:center;font-size:.875rem;color:var(--text-tertiary)}.legal-footer a{color:var(--text-secondary);text-decoration:none;margin:0 8px}.legal-footer a:hover{color:var(--text-primary)}@media (max-width: 640px){.legal-page{padding:16px 12px 40px}.legal-header{padding:24px 20px}.legal-header h1{font-size:1.5rem}.legal-content{padding:24px 20px}.legal-toc{padding:16px}.legal-section h2{font-size:1.125rem}}.api-docs-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:40px 20px 80px}.api-docs-container{max-width:1100px;margin:0 auto;background:var(--bg-secondary);border-radius:16px;box-shadow:0 4px 24px #0000001f;border:1px solid var(--border-primary);overflow:hidden}.api-docs-header{background:linear-gradient(135deg,#b45309,#f59e0b);padding:32px 40px;color:#fff}.api-docs-back{display:inline-flex;align-items:center;gap:6px;color:#fffc;text-decoration:none;font-size:.875rem;margin-bottom:20px;transition:color .15s}.api-docs-back:hover{color:#fff}.api-docs-back svg{width:16px;height:16px}.api-docs-header-content h1{font-size:2rem;font-weight:800;color:#fff;margin:0 0 8px;letter-spacing:-.5px}.api-docs-header-content p{color:#ffffffd9;font-size:1.05rem;margin:0 0 16px}.api-docs-badges{display:flex;gap:8px;flex-wrap:wrap}.api-badge{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:6px;padding:3px 10px;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.api-badge--version{background:#ffffff59}.api-docs-main{display:grid;grid-template-columns:220px 1fr;min-height:600px}.api-docs-nav{border-right:1px solid var(--border-primary);padding:32px 0;position:sticky;top:0;align-self:start;max-height:calc(100vh - 80px);overflow-y:auto}.api-docs-nav ul{list-style:none;margin:0;padding:0}.api-docs-nav li{padding:0}.api-docs-nav li a{display:block;padding:6px 24px;color:var(--text-secondary);text-decoration:none;font-size:.875rem;transition:color .15s,background .15s}.api-docs-nav li a:hover{color:var(--text-primary);background:var(--bg-hover, rgba(0,0,0,.04))}.api-nav-section{padding:16px 24px 4px!important;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted, #9ca3af)}.api-docs-content{padding:0 0 40px;min-width:0;overflow:hidden}.api-docs-section{padding:40px 40px 0}.api-docs-section h2{font-size:1.5rem;font-weight:700;margin:0 0 12px;padding-bottom:12px;border-bottom:1px solid var(--border-primary)}.api-docs-section h3{font-size:1.1rem;font-weight:700;margin:28px 0 10px}.api-docs-section h4{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:16px 0 8px}.api-docs-section p{line-height:1.6;color:var(--text-secondary);margin:0 0 12px}.api-docs-section code{background:var(--bg-code, rgba(0,0,0,.06));border-radius:4px;padding:2px 5px;font-size:.85em;font-family:Fira Code,Cascadia Code,Consolas,monospace}.api-code-block{position:relative;background:var(--bg-code-block, #1e2433);border-radius:8px;margin:12px 0 16px;overflow:hidden}.api-code-block pre{margin:0;padding:16px 20px;overflow-x:auto}.api-code-block code{background:none;color:#e2e8f0;font-size:.83rem;line-height:1.6;font-family:Fira Code,Cascadia Code,Consolas,monospace;padding:0;border-radius:0}.api-code-copy{position:absolute;top:10px;right:10px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#cbd5e1;border-radius:4px;padding:3px 10px;font-size:.75rem;cursor:pointer;transition:background .15s}.api-code-copy:hover{background:#fff3}.api-callout{border-radius:8px;padding:12px 16px;margin:12px 0 16px;font-size:.9rem;line-height:1.5}.api-callout--warning{background:#fef3c7;border-left:3px solid #f59e0b;color:#92400e}.api-callout--info{background:#fffbeb;border-left:3px solid #f59e0b;color:#92400e}[data-theme=dark] .api-callout--warning{background:#fbbf241f;color:#fcd34d}[data-theme=dark] .api-callout--info{background:#f59e0b1f;color:#fcd34d}.api-param{border-top:1px solid var(--border-primary);padding:10px 0}.api-param:last-of-type{border-bottom:1px solid var(--border-primary);margin-bottom:12px}.api-param-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.api-param-name{font-weight:600;background:var(--bg-code, rgba(0,0,0,.06));border-radius:4px;padding:2px 6px;font-size:.85em;font-family:Fira Code,Consolas,monospace}.api-param-type{color:var(--text-muted, #9ca3af);font-size:.8rem;font-style:italic}.api-param-required{background:#fee2e2;color:#dc2626;border-radius:4px;padding:1px 6px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}[data-theme=dark] .api-param-required{background:#dc262633;color:#fca5a5}.api-param-desc{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.5}.api-table-wrapper{overflow-x:auto;margin:12px 0 16px}.api-table{width:100%;border-collapse:collapse;font-size:.875rem}.api-table th{background:var(--bg-tertiary, rgba(0,0,0,.04));padding:8px 12px;text-align:left;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted, #6b7280);border-bottom:1px solid var(--border-primary)}.api-table td{padding:8px 12px;border-bottom:1px solid var(--border-primary);vertical-align:top;color:var(--text-secondary)}.api-table tr:last-child td{border-bottom:none}.api-permissions-table{width:100%;border-collapse:collapse;font-size:.875rem;margin:12px 0 16px;border:1px solid var(--border-primary);border-radius:8px;overflow:hidden}.api-permissions-table th{background:var(--bg-tertiary, rgba(0,0,0,.04));padding:8px 12px;text-align:left;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted, #6b7280);border-bottom:1px solid var(--border-primary)}.api-permissions-table td{padding:10px 12px;border-bottom:1px solid var(--border-primary);vertical-align:top;color:var(--text-secondary);line-height:1.5}.api-permissions-table tr:last-child td{border-bottom:none}.api-permissions-table td:first-child{white-space:nowrap;font-weight:500}.api-perm-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:600;line-height:1.6}.api-perm-badge--restricted{background:#10b9811f;color:#059669}.api-perm-badge--full{background:#f59e0b1f;color:#d97706}.api-full-access-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:4px;font-size:.7rem;font-weight:600;background:#f59e0b1f;color:#d97706;white-space:nowrap;flex-shrink:0}.api-callout--permission{background:#f59e0b14;border:1px solid rgba(245,158,11,.3);border-radius:6px;padding:10px 14px;font-size:.875rem;color:var(--text-secondary);margin-bottom:16px;line-height:1.5}.api-endpoints{margin-top:16px;border:1px solid var(--border-primary);border-radius:10px;overflow:hidden}.api-endpoint{border-bottom:1px solid var(--border-primary)}.api-endpoint:last-child{border-bottom:none}.api-endpoint-header{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:none;border:none;cursor:pointer;text-align:left;transition:background .15s}.api-endpoint-header:hover{background:var(--bg-hover, rgba(0,0,0,.03))}.api-endpoint.is-open .api-endpoint-header{background:var(--bg-hover, rgba(0,0,0,.03));border-bottom:1px solid var(--border-primary)}.api-method{flex-shrink:0;font-size:.72rem;font-weight:700;font-family:Fira Code,Consolas,monospace;text-transform:uppercase;border-radius:4px;padding:3px 7px;min-width:54px;text-align:center}.api-method--get{background:#dcfce7;color:#166534}.api-method--post{background:#fef3c7;color:#92400e}.api-method--patch{background:#fef9c3;color:#854d0e}.api-method--delete{background:#fee2e2;color:#991b1b}[data-theme=dark] .api-method--get{background:#16653440;color:#86efac}[data-theme=dark] .api-method--post{background:#b4530940;color:#fcd34d}[data-theme=dark] .api-method--patch{background:#854d0e40;color:#fde68a}[data-theme=dark] .api-method--delete{background:#991b1b40;color:#fca5a5}.api-endpoint-path{font-family:Fira Code,Consolas,monospace;font-size:.85rem;color:var(--text-primary);font-weight:500}.api-endpoint-desc{font-size:.85rem;color:var(--text-muted, #9ca3af);flex:1}.api-endpoint-chevron{flex-shrink:0;width:18px;height:18px;color:var(--text-muted, #9ca3af);transition:transform .2s}.api-endpoint.is-open .api-endpoint-chevron{transform:rotate(180deg)}.api-endpoint-body{padding:20px 20px 8px;background:var(--bg-primary)}.api-endpoint-body p:first-child{margin-top:0}.api-docs-footer{padding-top:32px;padding-bottom:40px;border-top:1px solid var(--border-primary);margin-top:24px}.api-docs-footer p{text-align:center;font-size:.875rem}.api-docs-footer a{color:var(--color-primary, #f59e0b);text-decoration:none}.api-docs-footer a:hover{text-decoration:underline}@media (max-width: 768px){.api-docs-page{padding:16px 12px 60px}.api-docs-header{padding:24px 20px}.api-docs-main{grid-template-columns:1fr}.api-docs-nav{display:none}.api-docs-section{padding:28px 20px 0}.api-endpoint-desc{display:none}}.docs-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:40px 20px 80px}.docs-container{max-width:1100px;margin:0 auto;background:var(--bg-secondary);border-radius:16px;box-shadow:0 4px 24px #0000001f;border:1px solid var(--border-primary);overflow:hidden}.docs-header{background:linear-gradient(135deg,#b45309,#f59e0b);padding:32px 40px;color:#fff}.docs-back{display:inline-flex;align-items:center;gap:6px;color:#fffc;text-decoration:none;font-size:.875rem;margin-bottom:20px;transition:color .15s}.docs-back:hover{color:#fff}.docs-back svg{width:16px;height:16px}.docs-header-content h1{font-size:2rem;font-weight:800;color:#fff;margin:0 0 8px;letter-spacing:-.5px}.docs-header-content p{color:#ffffffd9;font-size:1.05rem;margin:0}.docs-body{display:grid;grid-template-columns:220px 1fr;min-height:600px}.docs-nav{border-right:1px solid var(--border-primary);padding:28px 0;position:sticky;top:0;align-self:start;max-height:100vh;overflow-y:auto}.docs-nav ul{list-style:none;padding:0;margin:0}.docs-nav li a{display:flex;align-items:center;gap:6px;padding:8px 20px;font-size:.875rem;color:var(--text-secondary);text-decoration:none;border-left:2px solid transparent;transition:color .15s,border-color .15s,background .15s;line-height:1.4}.docs-nav li a:hover{color:var(--text-primary);background:var(--bg-hover)}.docs-nav li a.is-active{color:var(--accent-primary);border-left-color:var(--accent-primary);font-weight:600;background:var(--accent-light)}.docs-nav-divider{height:1px;background:var(--border-primary);margin:12px 16px;list-style:none}.docs-nav-api-link svg{width:11px;height:11px;flex-shrink:0;margin-left:auto;opacity:.5}.docs-content{padding:0}.docs-section{padding:36px 40px;border-bottom:1px solid var(--border-primary)}.docs-section:last-child{border-bottom:none}.docs-section-header{display:flex;align-items:center;gap:14px;margin-bottom:20px}.docs-section-icon{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--accent-light);color:var(--accent-primary);border-radius:10px}.docs-section-icon svg{width:20px;height:20px}.docs-section-title{font-size:1.375rem;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.3px}.docs-section-body{padding-left:0}.docs-section-body p{font-size:.9375rem;color:var(--text-secondary);line-height:1.7;margin:0 0 16px}.docs-section-body h3{font-size:.9375rem;font-weight:700;color:var(--text-primary);margin:24px 0 8px}.docs-section-body code{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.8125rem;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:4px;padding:1px 5px;color:var(--accent-primary)}.docs-code{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;padding:14px 16px;margin:12px 0 16px;overflow-x:auto}.docs-code code{background:none;border:none;padding:0;font-size:.8125rem;color:var(--text-primary);font-family:SF Mono,Fira Code,Consolas,monospace}.docs-list{margin:8px 0 16px;padding-left:20px;display:flex;flex-direction:column;gap:6px}.docs-list li{font-size:.9375rem;color:var(--text-secondary);line-height:1.6}.docs-tip{display:flex;gap:12px;align-items:flex-start;background:var(--accent-light);border:1px solid rgba(245,158,11,.25);border-left:3px solid var(--accent-primary);border-radius:8px;padding:12px 16px;margin:20px 0 8px}.docs-tip svg{width:18px;height:18px;flex-shrink:0;color:var(--accent-primary);margin-top:1px}.docs-tip p{margin:0;font-size:.875rem;color:var(--text-secondary);line-height:1.6}.docs-faq-item{border:1px solid var(--border-primary);border-radius:8px;margin-top:10px;overflow:hidden}.docs-faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--bg-tertiary);border:none;cursor:pointer;font-size:.875rem;font-weight:600;color:var(--text-primary);text-align:left;transition:background .15s}.docs-faq-q:hover{background:var(--bg-hover)}.docs-faq-q svg{width:16px;height:16px;flex-shrink:0;color:var(--text-tertiary);transition:transform .2s ease}.docs-faq-item.is-open .docs-faq-q svg{transform:rotate(180deg)}.docs-faq-a{padding:14px 16px;background:var(--bg-secondary);font-size:.875rem;color:var(--text-secondary);line-height:1.7;border-top:1px solid var(--border-primary)}.docs-faq-a a{color:var(--accent-primary);text-decoration:underline}.docs-faq-a p{margin:0}@media (max-width: 768px){.docs-page{padding:16px 12px 60px}.docs-header{padding:24px 20px}.docs-header-content h1{font-size:1.5rem}.docs-body{grid-template-columns:1fr}.docs-nav{display:flex;border-right:none;border-bottom:1px solid var(--border-primary);padding:12px 0;position:static;overflow-x:auto;max-height:none}.docs-nav ul{display:flex;flex-direction:row;white-space:nowrap;padding:0 12px;gap:4px}.docs-nav li a{border-left:none;border-bottom:2px solid transparent;padding:6px 12px;border-radius:6px}.docs-nav li a.is-active{border-left-color:transparent;border-bottom-color:var(--accent-primary)}.docs-nav-divider{display:none}.docs-nav-api-link{display:none!important}.docs-section{padding:24px 20px}}.migrate-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:40px 20px 80px}.migrate-container{max-width:1100px;margin:0 auto;background:var(--bg-secondary);border-radius:16px;box-shadow:0 4px 24px #0000001f;border:1px solid var(--border-primary);overflow:hidden}.migrate-header{background:linear-gradient(135deg,#0f766e,#0d9488);padding:32px 40px;color:#fff}.migrate-back{display:inline-flex;align-items:center;gap:6px;color:#fffc;text-decoration:none;font-size:.875rem;margin-bottom:20px;transition:color .15s}.migrate-back:hover{color:#fff}.migrate-back svg{width:16px;height:16px}.migrate-header-content h1{font-size:2rem;font-weight:800;color:#fff;margin:0 0 8px;letter-spacing:-.5px}.migrate-header-content p{color:#ffffffd9;font-size:1.05rem;margin:0;max-width:640px}.migrate-intro{display:flex;align-items:center;gap:16px;padding:28px 40px;background:var(--bg-tertiary, var(--bg-primary));border-bottom:1px solid var(--border-primary);flex-wrap:wrap}.migrate-intro-step{display:flex;align-items:center;gap:12px;flex:1;min-width:180px}.migrate-intro-num{flex-shrink:0;width:36px;height:36px;background:#0f766e;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem}.migrate-intro-detail{display:flex;flex-direction:column;gap:2px}.migrate-intro-detail strong{font-size:.95rem;font-weight:600;color:var(--text-primary)}.migrate-intro-detail span{font-size:.82rem;color:var(--text-secondary)}.migrate-intro-arrow{font-size:1.25rem;color:var(--text-muted, var(--text-secondary));flex-shrink:0}.migrate-body{display:grid;grid-template-columns:1fr 280px;gap:0;align-items:start;padding:32px 40px}.migrate-platforms{display:flex;flex-direction:column;gap:12px;padding-right:40px}.migrate-platform-card{border:1px solid var(--border-primary);border-radius:12px;overflow:hidden;transition:box-shadow .15s}.migrate-platform-card.is-open{box-shadow:0 2px 12px #00000014}.migrate-platform-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;width:100%;text-align:left;background:var(--bg-secondary);border:none;cursor:pointer;transition:background .15s;gap:12px}.migrate-platform-header:hover{background:var(--bg-tertiary, var(--bg-primary))}.migrate-platform-title{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.migrate-platform-icon{font-size:1.75rem;line-height:1;flex-shrink:0}.migrate-platform-text{display:flex;flex-direction:column;gap:2px}.migrate-platform-name{font-size:1.05rem;font-weight:600;color:var(--text-primary)}.migrate-platform-tagline{font-size:.83rem;color:var(--text-secondary)}.migrate-chevron{width:18px;height:18px;color:var(--text-secondary);flex-shrink:0;transition:transform .2s}.migrate-platform-card.is-open .migrate-chevron{transform:rotate(180deg)}.migrate-platform-body{padding:24px 20px;border-top:1px solid var(--border-primary);background:var(--bg-primary)}.migrate-platform-columns{display:grid;grid-template-columns:1fr 1fr;gap:32px}.migrate-section-heading{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin:0 0 14px}.migrate-steps-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.migrate-step{display:flex;align-items:flex-start;gap:10px}.migrate-step-num{flex-shrink:0;width:24px;height:24px;background:var(--color-primary, #0f766e);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;margin-top:1px}.migrate-step-num--done{background:#16a34a}.migrate-step--final .migrate-step-text{color:var(--text-secondary)}.migrate-step-text{font-size:.9rem;color:var(--text-primary);line-height:1.55}.migrate-inline-link{color:var(--color-primary, #0f766e);text-decoration:underline;text-underline-offset:2px}.migrate-gotchas-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.migrate-gotcha{display:flex;align-items:flex-start;gap:10px;font-size:.88rem;color:var(--text-secondary);line-height:1.5}.migrate-gotcha-badge{flex-shrink:0;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;margin-top:1px}.migrate-gotcha-badge--good{background:#dcfce7;color:#166534}.migrate-gotcha-badge--warn{background:#fef9c3;color:#854d0e}.migrate-gotcha-badge--info{background:#dbeafe;color:#1e40af}.migrate-sidebar{display:flex;flex-direction:column;gap:16px;position:sticky;top:24px}.migrate-sidebar-card{padding:20px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px}.migrate-sidebar-card--cta{border-color:#0f766e;background:color-mix(in srgb,#0f766e 6%,var(--bg-secondary))}.migrate-sidebar-icon{font-size:1.5rem;margin-bottom:10px}.migrate-sidebar-card h3{font-size:.95rem;font-weight:700;margin:0 0 8px;color:var(--text-primary)}.migrate-sidebar-card p{font-size:.85rem;color:var(--text-secondary);margin:0 0 14px;line-height:1.5}.migrate-sidebar-btn{display:inline-block;padding:9px 16px;background:#0f766e;color:#fff;border-radius:8px;text-decoration:none;font-size:.875rem;font-weight:600;transition:background .15s}.migrate-sidebar-btn:hover{background:#0d6b64}.migrate-sidebar-link{font-size:.875rem;color:#0f766e;text-decoration:none;font-weight:500}.migrate-sidebar-link:hover{text-decoration:underline}.migrate-page-footer{padding:24px 40px;border-top:1px solid var(--border-primary);text-align:center}.migrate-page-footer p{margin:0;font-size:.85rem;color:var(--text-secondary)}.migrate-page-footer a{color:var(--text-secondary);text-decoration:none}.migrate-page-footer a:hover{color:var(--text-primary)}@media (max-width: 900px){.migrate-body{grid-template-columns:1fr;padding:24px 20px}.migrate-platforms{padding-right:0}.migrate-sidebar{position:static;flex-direction:row;flex-wrap:wrap;gap:12px}.migrate-sidebar-card{flex:1 1 240px}.migrate-platform-columns{grid-template-columns:1fr;gap:24px}}@media (max-width: 600px){.migrate-header{padding:24px 20px}.migrate-header-content h1{font-size:1.6rem}.migrate-intro{padding:20px;flex-direction:column;gap:12px}.migrate-intro-arrow{transform:rotate(90deg)}.migrate-sidebar{flex-direction:column}.migrate-page-footer{padding:20px}}.discover-page{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary);color:var(--text-primary);font-family:inherit}.discover-header{background:var(--bg-card);border-bottom:1px solid var(--border-primary);padding:32px 24px}.discover-header-inner{max-width:960px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.discover-logo{font-size:1.25rem;font-weight:700;color:var(--accent-primary, #f59e0b);text-decoration:none}.discover-logo:hover{opacity:.85}.discover-header-text h1{font-size:2rem;font-weight:700;margin:0 0 6px;color:var(--text-primary)}.discover-header-text p{font-size:1rem;color:var(--text-secondary);margin:0}.discover-main{flex:1;max-width:960px;margin:0 auto;width:100%;padding:32px 24px;display:flex;flex-direction:column;gap:24px}.discover-tags{display:flex;flex-wrap:wrap;gap:8px}.discover-tag-btn{padding:6px 14px;border-radius:99px;border:1px solid var(--border-primary);background:var(--bg-card);color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.discover-tag-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.discover-tag-btn.active{background:var(--accent-primary, #f59e0b);border-color:var(--accent-primary, #f59e0b);color:#fff}.discover-summary{font-size:.9rem;color:var(--text-tertiary);margin:0}.discover-error{padding:20px;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:10px;color:#ef4444;text-align:center}.discover-error button{margin-top:10px;padding:8px 16px;border:1px solid rgba(239,68,68,.4);border-radius:8px;background:transparent;color:#ef4444;cursor:pointer;font-size:.875rem}.discover-loading{display:flex;justify-content:center;padding:60px 0}.discover-spinner{width:36px;height:36px;border:3px solid var(--border-primary);border-top-color:var(--accent-primary, #f59e0b);border-radius:50%;animation:discover-spin .7s linear infinite}@keyframes discover-spin{to{transform:rotate(360deg)}}.discover-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.discover-card{display:flex;flex-direction:column;justify-content:space-between;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;padding:20px;text-decoration:none;color:inherit;transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease;gap:12px}.discover-card:hover{box-shadow:var(--shadow-md);border-color:var(--accent-primary);transform:translateY(-2px)}.discover-card-body{display:flex;flex-direction:column;gap:8px}.discover-card-name{font-size:1.0625rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.3}.discover-card-desc{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.discover-card-tags{display:flex;flex-wrap:wrap;gap:5px}.discover-card-tag{padding:2px 8px;border-radius:99px;font-size:.75rem;font-weight:500;background:var(--accent-light, rgba(245, 158, 11, .1));color:var(--accent-primary, #f59e0b);border:1px solid var(--accent-light, rgba(245, 158, 11, .2))}.discover-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--border-primary)}.discover-sub-count{font-size:.8125rem;color:var(--text-tertiary)}.discover-cta{font-size:.875rem;font-weight:600;color:var(--accent-primary, #f59e0b)}.discover-pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding-top:8px}.discover-page-btn{padding:8px 18px;border:1px solid var(--border-primary);border-radius:8px;background:var(--bg-card);color:var(--text-primary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .15s ease}.discover-page-btn:hover:not(:disabled){border-color:var(--accent-primary);color:var(--accent-primary)}.discover-page-btn:disabled{opacity:.4;cursor:not-allowed}.discover-page-info{font-size:.9rem;color:var(--text-secondary)}.discover-footer{padding:24px;text-align:center;border-top:1px solid var(--border-primary);font-size:.875rem;color:var(--text-tertiary)}.discover-footer a{color:var(--text-secondary);text-decoration:none}.discover-footer a:hover{color:var(--accent-primary)}@media (max-width: 600px){.discover-header-text h1{font-size:1.5rem}.discover-grid{grid-template-columns:1fr}}:root{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-card: #ffffff;--bg-input: #ffffff;--bg-hover: #f1f5f9;--image-preview-bg: #e2e8f0;--text-primary: #1c1917;--text-secondary: #64748b;--text-tertiary: #94a3b8;--text-muted: #cbd5e1;--border-primary: #e2e8f0;--border-secondary: #f1f5f9;--accent-primary: #f59e0b;--accent-secondary: #d97706;--accent-light: rgba(245, 158, 11, .1);--success: #10b981;--success-light: #d1fae5;--success-text: #065f46;--warning: #f59e0b;--warning-light: #fef3c7;--warning-text: #92400e;--danger: #ef4444;--danger-light: #fee2e2;--danger-text: #dc2626;--dropdown-bg: #ffffff;--dropdown-border: #e2e8f0;--dropdown-shadow: 0 8px 32px rgba(0, 0, 0, .12);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .03);--shadow-md: 0 4px 12px rgba(0, 0, 0, .05);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .08);--border-color: #e2e8f0;--primary-color: #f59e0b;--primary: #f59e0b;--primary-dark: #d97706;--color-primary: #f59e0b;--accent-color: #f59e0b;--accent-color-alpha: rgba(245, 158, 11, .25);--card-bg: #ffffff}[data-theme=dark]{--bg-primary: #0c0a09;--bg-secondary: #1c1917;--bg-tertiary: #292524;--bg-card: #1c1917;--bg-input: #0c0a09;--bg-hover: #292524;--image-preview-bg: #0c0a09;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--text-muted: #64748b;--border-primary: #292524;--border-secondary: #1c1917;--accent-primary: #f59e0b;--accent-secondary: #fbbf24;--accent-light: rgba(245, 158, 11, .2);--success: #10b981;--success-light: rgba(16, 185, 129, .2);--success-text: #6ee7b7;--warning: #f59e0b;--warning-light: rgba(245, 158, 11, .2);--warning-text: #fcd34d;--danger: #ef4444;--danger-light: rgba(239, 68, 68, .2);--danger-text: #fca5a5;--dropdown-bg: #1c1917;--dropdown-border: #292524;--dropdown-shadow: 0 8px 32px rgba(0, 0, 0, .5);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .4);--border-color: #292524;--primary-color: #f59e0b;--primary: #f59e0b;--primary-dark: #fbbf24;--color-primary: #f59e0b;--accent-color: #f59e0b;--accent-color-alpha: rgba(245, 158, 11, .25);--card-bg: #1c1917}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}#root{min-height:100vh;display:flex;flex-direction:column}.loading-spinner{width:24px;height:24px;border:3px solid var(--border-primary);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}button,input,textarea,select{transition:all .2s ease}.app{min-height:100vh;display:flex;flex-direction:column;width:100%;overflow-x:hidden}.app-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:var(--bg-primary)}.app-loading p{font-size:1rem;color:var(--text-secondary);margin:0}.subscription-banner{background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #f87171;border-radius:12px;padding:1.25rem}.subscription-banner-content{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.subscription-banner-text{flex:1;font-size:.9rem;color:#991b1b;min-width:200px}.subscription-banner-text strong{color:#7f1d1d}.subscription-banner-button{background:#ef4444;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s ease;white-space:nowrap}.subscription-banner-button:hover{background:#dc2626}[data-theme=dark] .subscription-banner{background:#ef44441f;border-color:#f871714d}[data-theme=dark] .subscription-banner-text{color:#fca5a5}[data-theme=dark] .subscription-banner-text strong{color:#fecaca}[data-theme=dark] .subscription-banner-button{background:#dc2626}[data-theme=dark] .subscription-banner-button:hover{background:#ef4444}@media (max-width: 600px){.subscription-banner-text{font-size:.85rem}.subscription-banner-button{width:100%;text-align:center;margin-top:4px}}.compliance-banner{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:12px;padding:1.25rem}.compliance-banner-content{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.compliance-banner-icon{font-size:1.25rem;flex-shrink:0}.compliance-banner-text{flex:1;font-size:.9rem;color:#92400e;min-width:200px}.compliance-banner-text strong{color:#78350f}.compliance-banner-button{background:#f59e0b;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s ease;white-space:nowrap}.compliance-banner-button:hover{background:#d97706}[data-theme=dark] .compliance-banner{background:#fbbf241f;border-color:#e0c0702b}[data-theme=dark] .compliance-banner-text{color:#fbbf24}[data-theme=dark] .compliance-banner-text strong{color:#fcd34d}[data-theme=dark] .compliance-banner-button{background:#d97706}[data-theme=dark] .compliance-banner-button:hover{background:#f59e0b}@media (max-width: 600px){.compliance-banner-text{font-size:.85rem}.compliance-banner-button{width:100%;text-align:center;margin-top:4px}}.app-main{flex:1;max-width:1352px;width:100%;margin:0 auto}.dashboard-container{display:flex;flex-direction:column;gap:24px}.collapsible-card{background:var(--bg-primary);border-radius:16px;padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--border-primary);transition:all .2s ease}@media (max-width: 768px){.dashboard-container{gap:16px}.collapsible-card{padding:20px}}@media (max-width: 480px){.dashboard-container{gap:12px}.collapsible-card{padding:16px;border-radius:12px}}*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden;width:100%}html{scrollbar-gutter:stable}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;margin:0;padding:0;transition:background-color .3s ease,color .3s ease}.app-wrapper{min-height:100vh;display:flex;flex-direction:column}.top-bar{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);padding:20px 0;position:sticky;top:0;z-index:1001;box-shadow:var(--shadow-sm);transition:background-color .3s ease,border-color .3s ease}.top-bar-content{max-width:1100px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.top-bar-text h1{font-size:1.5rem;font-weight:700;margin:0 0 4px;letter-spacing:-.5px;background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.top-bar-text p{font-size:.875rem;color:var(--text-secondary);margin:0;font-weight:400}.top-bar-actions{display:flex;align-items:center;gap:12px}.container{max-width:1100px;margin:0 auto;padding:24px;flex:1;width:100%;box-sizing:border-box}.card{background:var(--bg-card);border-radius:12px;padding:20px 28px;box-shadow:var(--shadow-md);border:1px solid var(--border-primary);transition:all .2s,background-color .3s ease,border-color .3s ease;width:100%;box-sizing:border-box;min-width:0;overflow:visible}.card:hover{box-shadow:0 4px 12px #00000014}.card h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:20px;display:flex;align-items:center;gap:10px}.card h2:before{content:"";width:4px;height:24px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:2px}.auth-section{display:flex;flex-direction:column;margin-top:16px;min-width:0;overflow:hidden}.auth-form-section h3,.connected-accounts-section h3{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px}.connected-accounts-section{background:var(--bg-tertiary);border-radius:12px;padding:20px}.accounts-list{display:flex;flex-direction:column;gap:10px}.account-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-card);border-radius:10px;border:1px solid var(--border-primary);transition:all .2s}.account-item:hover{border-color:var(--text-muted);box-shadow:var(--shadow-sm)}.account-info{display:flex;align-items:center;gap:12px}.platform-icon{width:36px;height:36px;min-width:36px;min-height:36px;flex-shrink:0;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.platform-icon svg{width:20px;height:20px;fill:#fff}.platform-icon.bluesky{background:linear-gradient(135deg,#0085ff,#00c2ff)}.platform-icon.mastodon{background:linear-gradient(135deg,#6364ff,#563acc)}.platform-icon.pixelfed{background:linear-gradient(135deg,#ff6b6b,#ee5a24)}.platform-icon.threads{background:linear-gradient(135deg,#000,#333)}.platform-icon.facebook{background:linear-gradient(135deg,#1877f2,#166fe5)}.platform-icon.instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.platform-icon.linkedin{background:linear-gradient(135deg,#0077b5,#005582)}.platform-icon.pinterest{background:linear-gradient(135deg,#e60023,#bd081c)}.account-details{display:flex;flex-direction:column}.account-platform{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px}.account-handle{font-size:.9rem;color:var(--text-primary);font-weight:500}.status-badge{display:inline-flex;align-items:center;padding:5px 10px;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.status-badge.connected{background:#c6f6d5;color:#22543d}.status-badge.disconnected,.status-badge.failed{background:#fed7d7;color:#c53030}.auth-sub-tabs{display:flex;gap:8px;margin-bottom:24px;padding:4px;background:var(--bg-tertiary);border-radius:12px}.auth-sub-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:transparent;border:none;border-radius:10px;cursor:pointer;font-size:.9rem;font-weight:600;color:var(--text-secondary);transition:all .2s ease}.auth-sub-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.auth-sub-tab.active{background:var(--bg-card);color:var(--accent-primary);box-shadow:var(--shadow-sm)}.auth-sub-tab svg{stroke:currentColor}.auth-sub-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--danger);color:#fff;font-size:.75rem;font-weight:600}.tab-text-full{display:inline}.tab-text-short{display:none;border-radius:10px}.accounts-tab-content{display:flex;flex-direction:column;gap:24px;min-width:0;overflow:visible}.account-cards-section{background:var(--bg-tertiary);border-radius:12px;padding:20px;min-width:0;overflow:visible}.account-cards-header{display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px}.org-header-icon{font-size:1rem}.account-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;width:100%;min-width:0}.account-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-card);border:2px solid var(--border-primary);border-radius:12px;transition:all .2s ease;position:relative;min-width:0;max-width:100%;box-sizing:border-box}.account-card:hover{border-color:var(--text-muted);box-shadow:var(--shadow-sm)}.account-card-icon{width:40px;height:40px;min-width:40px;min-height:40px;flex-shrink:0;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.account-card-icon svg{width:22px;height:22px;fill:#fff}.account-card-icon.bluesky{background:linear-gradient(135deg,#0085ff,#00c2ff)}.account-card-icon.mastodon{background:linear-gradient(135deg,#6364ff,#563acc)}.account-card-icon.pixelfed{background:linear-gradient(135deg,#ff6b6b,#ee5a24)}.account-card-icon.threads{background:linear-gradient(135deg,#000,#333)}.account-card-icon.facebook{background:linear-gradient(135deg,#1877f2,#166fe5)}.account-card-icon.instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.account-card-icon.linkedin,.account-card-icon.linkedin-org{background:linear-gradient(135deg,#0077b5,#005582)}.account-card-icon.pinterest{background:linear-gradient(135deg,#e60023,#bd081c)}.account-card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.account-card-platform{font-size:.7rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px}.account-card-identifier{font-size:.85rem;color:var(--text-primary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-card-menu-wrapper{position:relative;flex-shrink:0}.account-card-menu-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:6px;cursor:pointer;color:var(--text-muted);transition:all .2s ease}.account-card-menu-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.account-card-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:160px;background:var(--dropdown-bg);border:1px solid var(--dropdown-border);border-radius:10px;box-shadow:var(--dropdown-shadow);z-index:1000;overflow:hidden}.account-card-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:none;border:none;color:var(--text-primary);font-size:.85rem;cursor:pointer;text-align:left;transition:background .2s ease}.account-card-menu-item:hover{background:var(--bg-hover)}.account-card-menu-item svg{flex-shrink:0}.add-account-card{border:2px dashed var(--text-muted);background:transparent;cursor:pointer}.add-account-card:hover{border-color:var(--accent-primary);border-style:solid;background:transparent}.add-account-card .add-account-icon{background:var(--bg-hover);border:2px solid var(--text-muted);color:var(--text-secondary)}.add-account-card .add-account-icon svg{fill:none;stroke:currentColor}.add-account-card:hover .add-account-icon{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.add-account-card .account-card-info{color:var(--text-secondary)}.add-account-card:hover .account-card-info .account-card-platform,.add-account-card:hover .account-card-info .account-card-identifier{color:var(--accent-primary)}.team-tab-content{margin-top:0}.team-tab-content .team-dashboard{padding:0}.team-tab-content .team-header{margin-bottom:20px}.team-tab-content .team-header h3{font-size:1rem;font-weight:600;color:var(--text-primary)}.team-tab-content .team-section{margin-left:0;margin-right:0}.team-tab-content .team-section h4{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.team-tab-content .org-subsection h5{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px}.oauth-section{margin-top:16px}.oauth-description{margin-bottom:12px;color:var(--text-secondary);font-size:.9rem}.oauth-btn{display:block;width:100%;padding:12px;text-align:center;text-decoration:none;border:none;color:#fff;font-weight:500}.oauth-btn.facebook{background-color:#1877f2}.oauth-btn.threads{background-color:#000}.oauth-btn.instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.oauth-btn.linkedin{background-color:#0077b5}.oauth-btn.linkedin-org{background-color:#004182}.oauth-btn.pinterest{background-color:#e60023}.oauth-buttons-stack{display:flex;flex-direction:column;gap:12px}.oauth-hint{display:block;margin-top:8px;color:var(--text-muted);font-size:.8rem}@media (max-width: 768px){.accounts-tab-content{gap:20px}.account-cards-section{padding:16px;border-radius:10px;width:100%;box-sizing:border-box}.account-cards-header{font-size:.8rem;margin-bottom:14px;gap:6px}.account-cards-grid{grid-template-columns:1fr;gap:10px;width:100%;min-width:0}.account-card{padding:12px 14px;border-radius:10px;min-height:60px;width:100%;box-sizing:border-box}.account-card-icon{width:36px;height:36px;min-width:36px;min-height:36px;border-radius:8px;flex-shrink:0}.account-card-icon svg{width:18px;height:18px}.account-card-info{min-width:0;flex:1;overflow:hidden}.account-card-platform{font-size:.65rem}.account-card-identifier{font-size:.85rem;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-card-menu-wrapper{flex-shrink:0;margin-left:auto}.account-card-menu-btn{width:36px;height:36px;min-width:36px;min-height:36px;border-radius:8px}.account-card-menu{min-width:160px}.account-card-menu-item{padding:12px 14px;min-height:44px;font-size:.9rem}.add-account-card{min-height:60px;justify-content:center}.oauth-section{margin-top:14px}.oauth-btn{padding:14px;min-height:48px;font-size:.95rem;border-radius:10px}.oauth-buttons-stack{gap:10px}.oauth-description{font-size:.85rem}.connected-accounts-section{padding:16px;border-radius:10px}.accounts-list{gap:8px}.account-item{padding:12px 14px;border-radius:8px;min-height:56px}.account-info{gap:10px}.platform-icon{width:36px;height:36px;min-width:36px;min-height:36px}}@media (max-width: 480px){.account-cards-section{padding:14px}.account-card{padding:10px 12px}.account-card-icon{width:32px;height:32px;min-width:32px;min-height:32px}.account-card-icon svg{width:16px;height:16px}.account-card-platform{font-size:.6rem}.account-card-identifier{font-size:.8rem}.account-card-menu-btn{width:32px;height:32px;min-width:32px;min-height:32px}.oauth-btn{padding:12px;font-size:.9rem}}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.posted{background:#c6f6d5;color:#22543d}.form-group label{display:block;margin-bottom:8px;font-weight:600;font-size:.875rem;color:var(--text-primary)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 14px;border:2px solid var(--border-primary);border-radius:10px;font-size:.95rem;transition:all .2s,background-color .3s ease,border-color .3s ease;background:var(--bg-input);color:var(--text-primary)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.form-group textarea{resize:vertical;min-height:120px;font-family:inherit;line-height:1.5}.form-group small{display:block;margin-top:6px;color:var(--text-secondary);font-size:.8rem}.form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px;padding-right:40px}.quick-time-buttons{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.btn-quick-time{padding:8px 14px;border:2px solid var(--border-primary);border-radius:8px;background:var(--bg-card);color:var(--text-primary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-quick-time:hover{border-color:var(--accent-primary);background:var(--accent-light);color:var(--accent-primary)}.btn-quick-time:active{transform:scale(.98)}.schedule-input-row{display:flex;gap:12px;align-items:stretch}.schedule-input-row input[type=datetime-local]{flex:1}.schedule-input-row .btn{white-space:nowrap;padding-left:24px;padding-right:24px}.char-count{text-align:right;margin-top:6px;font-size:.8rem;color:var(--text-secondary);font-weight:500}.char-count.warning{color:var(--danger);font-weight:600}.char-count-platforms{font-size:.75rem;color:var(--text-tertiary)}.btn{padding:12px 20px;border:none;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#f59e0b;color:#fff}.btn-primary:hover:not(:disabled){background:#d97706;transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.btn-primary svg{stroke:#fff}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover)}.btn-secondary.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.btn-success{background:var(--success);color:#fff;border:1px solid var(--success)}.btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.btn-icon-text{display:inline-flex;align-items:center;gap:4px}@media (max-width: 768px){.btn-icon-text .btn-label{display:none}}.btn-danger{background:var(--danger-light);color:var(--danger-text)}.btn-danger:hover:not(:disabled){background:var(--danger-light);filter:brightness(.95)}.btn-small{padding:8px 14px;font-size:.8rem}.btn-icon{padding:8px;min-width:36px;height:36px}.btn-icon.btn-primary{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.btn-icon.btn-primary:hover:not(:disabled){background:var(--accent-secondary);border-color:var(--accent-secondary)}.platform-selection{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.platform-card{position:relative;padding:16px;background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:12px;cursor:pointer;transition:all .2s,background-color .3s ease}.platform-card:hover{border-color:var(--text-muted);background:var(--bg-hover)}.platform-card.selected{border-color:#f59e0b;background:#f59e0b0d}.platform-card input[type=checkbox]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.platform-card-content{display:flex;align-items:center;gap:12px;pointer-events:none}.platform-card-icon{width:40px;height:40px;min-width:40px;min-height:40px;flex-shrink:0;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.platform-card-icon svg{width:22px;height:22px;fill:#fff}.platform-card-icon.bluesky{background:linear-gradient(135deg,#0085ff,#00c2ff)}.platform-card-icon.mastodon{background:linear-gradient(135deg,#6364ff,#563acc)}.platform-card-icon.pixelfed{background:linear-gradient(135deg,#ff6b6b,#ee5a24)}.platform-card-icon.threads{background:linear-gradient(135deg,#000,#333)}.platform-card-icon.facebook{background:linear-gradient(135deg,#1877f2,#166fe5)}.platform-card-icon.instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.platform-card-icon.linkedin{background:linear-gradient(135deg,#0077b5,#005582)}.platform-card-icon.pinterest{background:linear-gradient(135deg,#e60023,#bd081c)}.platform-card-info h4{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:2px}.platform-card-info span{font-size:.8rem;color:var(--text-secondary)}.platform-card-check{position:absolute;top:12px;right:12px;width:22px;height:22px;border-radius:50%;border:2px solid var(--border-primary);display:flex;align-items:center;justify-content:center;transition:all .2s}.platform-card.selected .platform-card-check{background:#f59e0b;border-color:transparent}.platform-card.selected .platform-card-check:after{content:"✓";color:#fff;font-size:12px;font-weight:700}.platform-account-selector{margin-top:10px;padding-top:10px;border-top:1px dashed var(--border-primary);position:relative;z-index:10}.platform-account-selector select{width:100%;padding:8px 10px;border:1px solid var(--border-primary);border-radius:6px;font-size:.8rem;background:var(--bg-input);color:var(--text-primary);cursor:pointer;position:relative;z-index:11}.platform-warnings{margin-top:12px;padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.4);border-radius:10px;display:flex;align-items:flex-start;gap:10px}.platform-warnings:before{content:"⚠️";font-size:1rem}.platform-warnings span{font-size:.85rem;color:#ef4444;font-weight:500}.posts-list h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:20px;display:flex;align-items:center;gap:10px}.posts-count{background:var(--bg-tertiary);padding:4px 10px;border-radius:20px;font-size:.8rem;color:var(--text-secondary);font-weight:500}.post-item{padding:20px;border:1px solid var(--border-primary);border-radius:12px;margin-bottom:12px;transition:all .2s,background-color .3s ease;background:var(--bg-card)}.post-item:hover{border-color:var(--text-muted);box-shadow:var(--shadow-md)}.post-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px}.post-platform-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600;margin-bottom:8px}.post-platform-badge.bluesky{background:linear-gradient(135deg,#0085ff1a,#00c2ff1a);color:#0085ff}.post-platform-badge.mastodon{background:linear-gradient(135deg,#6364ff1a,#563acc1a);color:#6364ff}.post-platform-badge.pixelfed{background:linear-gradient(135deg,#ff6b6b1a,#ee5a241a);color:#ee5a24}.post-platform-badge.threads{background:linear-gradient(135deg,#0000001a,#3333331a);color:#000}.post-platform-badge.facebook{background:linear-gradient(135deg,#1877f21a,#166fe51a);color:#1877f2}.post-text{color:var(--text-primary);line-height:1.6;font-size:.95rem;white-space:pre-wrap;word-wrap:break-word}.post-meta{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-secondary)}.post-time{font-size:.8rem;color:var(--text-secondary)}.post-time strong{color:#44403c}.post-actions{display:flex;gap:8px}.post-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;margin-top:12px}.post-image-item img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;border:1px solid #e5e7eb}.post-image-alt{font-size:.7rem;color:var(--text-secondary);font-style:italic;margin-top:4px}.image-previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;margin:16px 0}.image-preview-container{display:flex;flex-direction:column;gap:8px}.image-preview{position:relative;border-radius:10px;overflow:hidden;border:2px solid #e5e7eb;aspect-ratio:1}.image-preview img{width:100%;height:100%;object-fit:cover}.btn-remove-image{position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:50%;background:#000000b3;color:#fff;border:none;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-remove-image:hover{background:#dc2626}.alt-text-input{width:100%;padding:8px 10px;border:1px solid #e5e7eb;border-radius:6px;font-size:.8rem}.alt-text-input:focus{outline:none;border-color:#667eea}.image-previews-section{margin:16px 0}.image-processing-indicator{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;margin-bottom:12px;color:#0369a1;font-size:.9rem}.processing-spinner{width:20px;height:20px;border:2px solid #bae6fd;border-top-color:#0369a1;border-radius:50%;animation:spin .8s linear infinite}.processing-spinner.small{width:16px;height:16px}.image-preview.processing{opacity:.7}.image-processing-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffb3;display:flex;align-items:center;justify-content:center}.image-preview-container.has-warning .image-preview{border-color:#f59e0b}.image-processing-details{font-size:.75rem;color:var(--text-secondary);margin-top:4px}.size-info{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.size-info .arrow{color:var(--text-muted)}.size-info .original-size{color:var(--text-muted);text-decoration:line-through}.size-info .processed-size{color:#059669;font-weight:500}.compression-badge{background:#d1fae5;color:#059669;padding:1px 6px;border-radius:10px;font-size:.7rem;font-weight:600}.format-info{color:#6366f1;font-size:.7rem;margin-top:2px}.quality-warning{color:#d97706;font-size:.7rem;margin-top:4px;padding:4px 8px;background:#fef3c7;border-radius:4px;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.quality-warning span{flex:1;min-width:0}.replace-image-btn{background:#f59e0b;color:#fff;padding:2px 8px;border-radius:4px;font-size:.65rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s}.replace-image-btn:hover{background:#d97706}.post-content-layout{display:grid;grid-template-columns:250px 1fr;gap:20px;margin-bottom:20px;align-items:start}.image-dropzone-group{margin-bottom:0;display:flex;flex-direction:column}.post-text-group{display:flex;flex-direction:column;margin-bottom:0}.image-dropzone-group>label,.post-text-group>label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-primary)}.image-dropzone{width:100%;height:200px;border:2px dashed var(--border-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;background:var(--bg-input);position:relative;overflow:hidden}.image-dropzone.dragging{border-color:var(--accent-primary);background:var(--accent-light);transform:scale(1.02);box-shadow:0 0 20px #667eea4d}.image-dropzone.dragging .dropzone-icon{transform:scale(1.2);color:var(--accent-primary)}.image-dropzone.has-image{border-style:solid;border-color:var(--border-secondary);padding:0}.dropzone-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px 16px 16px;cursor:pointer;width:100%;height:100%;text-align:center;box-sizing:border-box}.dropzone-icon{padding-top:8px;height:60px;color:var(--text-tertiary);transition:all .3s ease;flex-shrink:0}.image-dropzone.dragging .dropzone-content .dropzone-icon{height:60px}.dropzone-icon svg{width:100%;height:100%}.dropzone-text{display:block;font-size:.8rem;color:var(--text-secondary);font-weight:500;line-height:1.3;transition:all .2s ease}.image-dropzone.dragging .dropzone-text{font-size:.9rem;color:var(--accent-primary);font-weight:600}.dropzone-hint{display:block;font-size:.7rem;color:var(--text-tertiary)}.post-textarea{height:200px!important;min-height:200px;resize:vertical}.dropzone-primary-image{position:relative;width:100%;height:100%;min-height:200px}.dropzone-primary-image img{width:100%;height:100%;object-fit:cover;display:block}.dropzone-primary-image .btn-remove-image{position:absolute;top:8px;right:8px;padding:2px 8px 4px;border-radius:4px;background:#000000b3;color:#fff;border:none;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:2}.dropzone-primary-image .btn-remove-image:hover{background:#dc2626}.alt-badge{position:absolute;bottom:8px;left:8px;display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;font-size:.7rem;font-weight:700;cursor:pointer;border:none;transition:all .2s;z-index:2}.alt-badge.no-alt{background:#f59e0be6;color:#000}.alt-badge.no-alt:hover{background:#f59e0b}.alt-badge.has-alt{background:#0009;color:#fff}.alt-badge.has-alt:hover{background:#000c}.alt-badge svg{flex-shrink:0}.dropzone-add-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#667eead9;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1rem;z-index:3;animation:pulse-overlay 1s ease-in-out infinite}@keyframes pulse-overlay{0%,to{opacity:.85}50%{opacity:.95}}.additional-images-section{margin-bottom:20px}.additional-images-row{display:flex;gap:12px;flex-wrap:wrap}.additional-image-item{position:relative;flex:0 0 100px}.additional-image-item.has-warning .additional-image-preview{border-color:#f59e0b}.additional-image-preview{position:relative;width:100px;height:100px;border-radius:8px;overflow:hidden;border:2px solid var(--border-primary)}.additional-image-preview img{width:100%;height:100%;object-fit:cover}.additional-image-preview.processing{opacity:.7}.additional-image-preview .btn-remove-image{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;background:#000000b3;color:#fff;border:none;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.additional-image-preview .btn-remove-image:hover{background:#dc2626}.additional-image-preview .alt-badge{bottom:4px;left:4px;padding:2px 6px;font-size:.65rem}.quality-warning-compact{font-size:.65rem;color:#d97706;text-align:center;margin-top:4px}.add-more-images-btn{width:100px;height:100px;border:2px dashed var(--border-primary);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;background:var(--bg-input)}.add-more-images-btn:hover{border-color:var(--accent-primary);background:var(--accent-light)}.add-more-images-btn svg{width:24px;height:24px;color:var(--text-tertiary)}.add-more-images-btn:hover svg{color:var(--accent-primary)}.alt-text-modal{background:var(--bg-card);border-radius:16px;width:90%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.alt-text-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-primary);background:var(--bg-secondary)}.alt-text-modal-header h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.alt-text-modal-header .btn{min-width:80px}.alt-text-modal-content{flex:1;overflow-y:auto;display:flex;flex-direction:column}.alt-text-image-container{position:relative;background:var(--image-preview-bg, #1c1917);display:flex;align-items:center;justify-content:center;min-height:250px;max-height:400px}.alt-text-image-container img{max-width:100%;max-height:400px;object-fit:contain}.focal-point-picker{position:absolute;top:0;left:0;right:0;bottom:0;cursor:crosshair}.focal-point-indicator{position:absolute;width:60px;height:60px;border:3px solid white;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #0000004d,0 4px 12px #0006;pointer-events:none;transition:left .1s,top .1s}.focal-point-indicator:before{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;background:#fff;border-radius:50%;transform:translate(-50%,-50%)}.alt-text-input-section{padding:20px;background:var(--bg-secondary)}.alt-text-input-section textarea{width:100%;min-height:100px;padding:14px;border:1px solid var(--border-primary);border-radius:8px;font-size:.95rem;resize:vertical;background:var(--bg-input);color:var(--text-primary)}.alt-text-input-section textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light)}.alt-text-footer{display:flex;justify-content:flex-start;margin-top:8px}.alt-char-count{font-size:.85rem;color:var(--text-tertiary)}@media (max-width: 768px){.post-content-layout{grid-template-columns:1fr}.platform-selection{grid-template-columns:1fr;gap:10px}.platform-card{padding:14px;min-height:60px}.platform-card-content{gap:10px}.platform-card-icon{width:36px;height:36px;min-width:36px;min-height:36px}.platform-card-icon svg{width:18px;height:18px}.platform-card-info h4{font-size:.9rem}.platform-card-info span{font-size:.75rem}.platform-card-check{width:20px;height:20px;top:10px;right:10px}.platform-card.selected .platform-card-check:after{font-size:11px}.post-textarea{height:160px!important;min-height:160px;font-size:16px}.char-count{font-size:.8rem;padding:6px 10px}.char-count-platforms{flex-wrap:wrap;gap:4px}.image-dropzone,.dropzone-primary-image{min-height:160px}.dropzone-content{padding:24px 16px}.dropzone-icon{font-size:2rem}.dropzone-text{font-size:.9rem}.dropzone-hint{font-size:.75rem}.additional-image-item{flex:0 0 70px}.additional-image-preview,.add-more-images-btn{width:70px;height:70px}.alt-badge{font-size:.65rem;padding:3px 6px}.schedule-input-row{flex-direction:column;gap:10px}.schedule-input-row input[type=datetime-local]{width:100%;min-height:48px;font-size:16px;padding:12px 14px}.schedule-input-row .btn{width:100%;min-height:48px;justify-content:center}.card .btn,.card .btn-primary,.card .btn-secondary{min-height:48px;font-size:.95rem}.alt-text-modal{width:95%;max-height:95vh}.alt-text-image-container{min-height:200px}.focal-point-indicator{width:50px;height:50px}}@media (max-width: 480px){.platform-card{padding:12px}.platform-card-icon{width:32px;height:32px;min-width:32px;min-height:32px}.platform-card-icon svg{width:16px;height:16px}.platform-card-info h4{font-size:.85rem}.platform-card-info span{font-size:.7rem}.post-textarea{height:140px!important;min-height:140px}.image-dropzone,.dropzone-primary-image{min-height:140px}.dropzone-content{padding:20px 12px}.additional-image-item,.additional-image-preview,.add-more-images-btn{flex:0 0 60px;width:60px;height:60px}.schedule-input-row input[type=datetime-local]{padding:10px 12px}}.empty-state{text-align:center;padding:48px 24px;color:var(--text-secondary)}.empty-state p{font-size:.95rem}.filters-section{margin-bottom:20px}.search-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;background:var(--bg-card);border-radius:12px;border:1px solid var(--border-primary);box-shadow:var(--shadow-sm)}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-tertiary);pointer-events:none}.search-input{width:100%;padding:10px 40px 10px 44px;border:1px solid var(--border-primary);border-radius:10px;font-size:.9rem;background:var(--bg-input);color:var(--text-primary);transition:all .2s}.search-input:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-card);box-shadow:0 0 0 3px var(--accent-light)}.search-clear-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:var(--bg-tertiary);border:none;border-radius:6px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;padding:0}.search-clear-btn svg{width:14px;height:14px;color:var(--text-secondary)}.search-clear-btn:hover{background:#e5e7eb}.toolbar-actions{display:flex;align-items:center;gap:12px}.results-count{font-size:.85rem;color:var(--text-secondary);font-weight:500;white-space:nowrap}.filter-toggle-btn{display:flex;align-items:center;gap:8px;padding:9px 16px;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:10px;font-size:.875rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s;position:relative}.filter-toggle-btn:hover{background:var(--bg-hover);border-color:var(--text-muted)}.filter-toggle-btn.active{background:var(--accent-light);border-color:var(--accent-primary);color:var(--accent-primary)}.filter-toggle-btn.has-filters{border-color:var(--accent-primary);background:var(--accent-light)}.filter-icon{width:16px;height:16px}.active-filters-badge{background:#f59e0b;color:#fff;font-size:.7rem;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.advanced-filters{margin-top:12px;padding:20px;background:var(--bg-card);border-radius:12px;border:1px solid var(--border-primary);box-shadow:var(--shadow-sm);animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;align-items:end}.filter-item{display:flex;flex-direction:column;gap:8px}.filter-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.filter-select,.filter-input{padding:9px 12px;border:1px solid var(--border-primary);border-radius:8px;font-size:.875rem;background:var(--bg-input);color:var(--text-primary);transition:all .2s}.filter-select:focus,.filter-input:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-card);box-shadow:0 0 0 3px var(--accent-light)}.filter-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;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='%236b7280' d='M10.293 3.293L6 7.586 1.707 3.293A1 1 0 00.293 4.707l5 5a1 1 0 001.414 0l5-5a1 1 0 10-1.414-1.414z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.filter-actions-item{display:flex;align-items:flex-end}.btn-clear-filters{display:flex;align-items:center;gap:6px;padding:9px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;font-size:.875rem;font-weight:500;color:#dc2626;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-clear-filters svg{width:14px;height:14px}.btn-clear-filters:hover{background:#fee2e2;border-color:#fca5a5}@media (max-width: 768px){.search-toolbar{flex-direction:column;align-items:stretch}.search-box{max-width:none}.toolbar-actions{justify-content:space-between}.filters-grid{grid-template-columns:1fr}}@media (max-width: 480px){.search-toolbar{padding:12px}.filter-toggle-btn{font-size:.8rem;padding:8px 12px}.advanced-filters{padding:16px}.filter-select,.filter-input{font-size:.8rem}}.pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:24px;padding-top:24px;border-top:1px solid var(--border-primary)}.pagination-info{padding:8px 16px;background:var(--bg-tertiary);border-radius:8px;font-size:.85rem;color:var(--text-secondary)}.pagination-total{color:var(--text-muted);margin-left:6px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px;box-sizing:border-box}.modal-content{background:var(--bg-card);border-radius:16px;padding:28px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0006;border:1px solid var(--border-primary);position:relative;z-index:1101}.error-message{padding:12px 16px;background:var(--danger-light);color:var(--danger-text);border-radius:8px;margin-bottom:16px;font-weight:500}.broadcast-status-badge{display:flex;align-items:center}.status-badge{padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.status-draft{background:var(--accent-light);color:var(--accent-primary)}.status-badge.status-scheduled{background:var(--warning-light);color:var(--warning-text)}.status-badge.status-sent{background:var(--success-light);color:var(--success-text)}.broadcast-status-info{display:flex;align-items:center;gap:16px;padding:20px;border-radius:12px;margin:20px 0}.broadcast-status-info.scheduled-info{background:var(--warning-light);border:2px solid var(--warning)}.broadcast-status-info.sent-info{background:var(--success-light);border:2px solid var(--success)}.broadcast-status-info .status-icon{flex-shrink:0}.broadcast-status-info.scheduled-info .status-icon svg{width:32px;height:32px;color:var(--warning)}.broadcast-status-info.sent-info .status-icon svg{width:32px;height:32px;color:var(--success)}.broadcast-status-info .status-details{flex:1}.broadcast-status-info .status-details h3{margin:0 0 8px;font-size:1.1rem;color:var(--text-primary)}.broadcast-status-info .status-details p{margin:4px 0;color:var(--text-secondary);font-size:.9rem}.broadcast-status-info .status-details .read-only-notice{font-weight:600;color:var(--text-primary);margin-top:8px}.btn-cancel-schedule{flex-shrink:0;white-space:nowrap}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#667eea}.checkbox-text{font-size:.9rem;color:var(--text-primary)}.posts-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.posts-list-header h2,.posts-list-header h3{margin-bottom:0}.import-modal{max-width:900px}.import-upload-section{text-align:center}.import-dropzone{margin-bottom:24px}.import-dropzone input[type=file]{display:none}.dropzone-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;border:2px dashed var(--border-primary);border-radius:12px;cursor:pointer;transition:all .2s;background:var(--bg-tertiary)}.dropzone-label:hover{border-color:var(--accent-primary);background:linear-gradient(135deg,#667eea1a,#764ba21a)}.dropzone-icon{font-size:3rem;margin-bottom:12px}.dropzone-text{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:6px}.dropzone-hint{font-size:.85rem;color:var(--text-secondary)}.import-template-section{margin-bottom:24px}.import-template-section p{margin-bottom:10px;color:var(--text-secondary);font-size:.9rem}.import-format-info{text-align:left;background:var(--bg-tertiary);padding:16px 20px;border-radius:10px;border:1px solid var(--border-primary)}.import-format-info h4{font-size:.9rem;color:var(--text-primary);margin-bottom:12px}.import-format-info p{font-size:.85rem;color:var(--text-secondary);margin-bottom:8px}.import-format-info code{background:var(--bg-hover);padding:2px 6px;border-radius:4px;font-size:.8rem;font-family:monospace}.import-summary{display:flex;gap:16px;margin-bottom:20px}.summary-stat{flex:1;text-align:center;padding:16px;background:var(--bg-tertiary);border-radius:10px;border:1px solid var(--border-primary)}.summary-stat.success{background:#10b9811a;border-color:#10b98166}.summary-stat.error{background:#ef44441a;border-color:#ef444466}.stat-value{display:block;font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.summary-stat.success .stat-value{color:#10b981}.summary-stat.error .stat-value{color:#ef4444}.import-errors{background:#ef44441a;border:1px solid #fecaca;border-radius:10px;padding:16px;margin-bottom:20px}.import-errors h4{color:#dc2626;font-size:.9rem;margin-bottom:12px}.error-item{display:flex;gap:8px;font-size:.85rem;margin-bottom:6px}.error-row{font-weight:600;color:#991b1b;white-space:nowrap}.error-message{color:#7f1d1d}.more-errors{font-size:.8rem;color:#991b1b;font-style:italic;margin-top:8px}.import-options{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:20px;padding:14px 16px;background:var(--bg-tertiary);border-radius:10px;border:1px solid var(--border-primary)}.import-posts-table{overflow-x:auto;max-height:400px;overflow-y:auto;border:1px solid var(--border-primary);border-radius:10px}.import-posts-table table{width:100%;border-collapse:collapse;font-size:.85rem}.import-posts-table th,.import-posts-table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--border-primary)}.import-posts-table th{background:var(--bg-tertiary);font-weight:600;color:var(--text-primary);font-size:.75rem;text-transform:uppercase;letter-spacing:.3px;position:sticky;top:0;z-index:1}.import-posts-table tbody tr:hover{background:var(--bg-hover)}.import-posts-table tr.invalid-row{background:#ef44441a}.import-posts-table tr.invalid-row:hover{background:#ef444426}.text-cell{max-width:250px}.text-preview{color:var(--text-primary);line-height:1.4;word-break:break-word}.image-count{display:inline-block;font-size:.75rem;color:var(--text-secondary);background:var(--bg-hover);padding:2px 8px;border-radius:4px}.post-badges{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.metadata-badge{display:inline-block;font-size:.7rem;color:#059669;background:#d1fae5;padding:2px 8px;border-radius:4px;cursor:help;border:1px solid #10b981;font-weight:500;white-space:pre-line}.metadata-badge:hover{background:#a7f3d0}.platform-badges{display:flex;flex-wrap:wrap;gap:4px}.platform-badge-small{background:#f59e0b;color:#fff;padding:3px 8px;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase}.time-input{padding:6px 8px;border:1px solid #e5e7eb;border-radius:6px;font-size:.8rem;min-width:180px}.time-input:focus{outline:none;border-color:#667eea}.status-ok{color:#166534;font-weight:600;font-size:.8rem}.status-error{color:#dc2626;font-weight:600;font-size:.8rem;cursor:help}.section-count{font-size:.8rem;font-weight:500;color:var(--text-secondary);background:var(--bg-tertiary);padding:2px 8px;border-radius:10px}.error-banner{display:flex;align-items:flex-start;gap:10px;padding:12px 18px;background:#fef2f2;border-top:1px solid #fecaca}.error-icon{font-size:1rem;flex-shrink:0}.error-text{font-size:.85rem;color:#991b1b;line-height:1.4}.btn-action{padding:7px 14px;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:8px;font-size:.8rem;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .15s ease}.btn-action:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--text-muted)}.btn-action:disabled{opacity:.5;cursor:not-allowed}.empty-state-icon{font-size:3rem;margin-bottom:12px;opacity:.8}@media (max-width: 768px){.header h1{font-size:1.75rem}.auth-section{gap:16px}.platform-selection{grid-template-columns:1fr}.filters-row{flex-direction:column;align-items:stretch}.filter-group{width:100%;min-width:auto}.filter-actions{margin-left:0;margin-top:8px}.pagination{flex-direction:column;gap:10px}.post-meta{flex-direction:column;gap:12px;align-items:flex-start}.post-actions{width:100%;justify-content:flex-start}.btn-action{flex:1;min-width:70px;min-height:44px;text-align:center;justify-content:center;font-size:.85rem;padding:10px 12px}}.view-toggle{display:flex;background:var(--bg-tertiary);border-radius:10px;padding:4px;gap:4px}.view-toggle-btn{padding:8px 16px;background:transparent;border:none;border-radius:8px;font-size:.85rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.view-toggle-btn:hover{color:var(--text-primary)}.view-toggle-btn.active{background:var(--bg-card);color:var(--accent-primary);box-shadow:var(--shadow-sm)}.view-toggle-icon{font-size:1rem}.keyboard-hints{position:fixed;bottom:20px;right:20px;background:#1f2937f2;color:#fff;padding:16px 20px;border-radius:12px;font-size:.8rem;box-shadow:0 10px 40px #0000004d;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.keyboard-hints h4{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:12px}.keyboard-hint{display:flex;justify-content:space-between;gap:24px;margin-bottom:8px}.keyboard-hint:last-child{margin-bottom:0}.keyboard-key{background:#ffffff26;padding:3px 8px;border-radius:4px;font-family:monospace;font-size:.75rem}.keyboard-action{color:#d1d5db}.calendar-view{margin-top:16px}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:0 8px}.calendar-nav-btn{width:40px;height:40px;border-radius:10px;border:1px solid var(--border-primary);background:var(--bg-card);font-size:1.5rem;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.calendar-nav-btn:hover{background:var(--bg-hover);border-color:var(--text-muted)}.calendar-title{display:flex;align-items:center;gap:16px}.calendar-title h4{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.calendar-scroll-hint{display:none}.calendar-grid{background:var(--bg-card);border-radius:12px;border:1px solid var(--border-primary);overflow:hidden;width:100%;max-width:100%}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary)}.calendar-weekday{padding:12px;text-align:center;font-size:.8rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);width:100%}.calendar-day{min-height:100px;min-width:100px;padding:8px;border-right:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15);background:var(--bg-card);cursor:default;transition:all .15s ease}.calendar-day:nth-child(7n){border-right:none}.calendar-day.empty{background:var(--bg-tertiary);cursor:default}.calendar-day.today{background:var(--accent-light)}.calendar-day.past{background:#00000040}.calendar-day.past.has-posts{pointer-events:auto;cursor:pointer}.calendar-day.past .calendar-day-number{color:var(--text-tertiary);opacity:.6}.calendar-day.past .calendar-post-indicator,.calendar-day.past .calendar-day-preview{opacity:.5}.calendar-day.has-posts{cursor:pointer}.calendar-day.has-posts:hover{box-shadow:inset 0 0 0 2px var(--accent-primary)}.calendar-day-number{font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.calendar-day.today .calendar-day-number{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:#f59e0b;color:#fff;border-radius:50%}.calendar-day-posts{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:6px}.calendar-post-indicator{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;font-size:.7rem;font-weight:700;color:#fff}.calendar-post-indicator.pending{background:linear-gradient(135deg,#f59e0b,#d97706)}.calendar-post-indicator.posted{background:linear-gradient(135deg,#10b981,#059669)}.calendar-post-indicator.failed{background:linear-gradient(135deg,#ef4444,#dc2626)}.calendar-day-preview{display:flex;flex-direction:column;gap:3px}.calendar-post-preview{display:flex;align-items:center;gap:6px;padding:3px 6px;background:var(--bg-tertiary);border-radius:4px;font-size:.7rem;cursor:pointer;transition:background-color .15s ease,transform .15s ease}.calendar-post-preview:hover{background:var(--bg-hover);transform:translate(2px)}.calendar-post-preview.posted{opacity:.7}.calendar-post-preview.failed{border-left:2px solid #ef4444}.calendar-post-time{color:var(--text-secondary);font-weight:500;white-space:nowrap}.calendar-post-platforms{display:flex;align-items:center;gap:2px}.calendar-post-platform{display:flex;align-items:center;justify-content:center}.calendar-post-platform svg{width:14px;height:14px;fill:var(--text-secondary)}.calendar-post-platform.bluesky svg{fill:#0085ff}.calendar-post-platform.mastodon svg{fill:#6364ff}.calendar-post-platform.pixelfed svg{fill:#ff6b6b}.calendar-post-platform.threads svg{fill:var(--text-primary)}.calendar-post-platform.facebook svg{fill:#1877f2}.calendar-post-platform.instagram svg{fill:#dc2743}.calendar-post-platform.linkedin svg{fill:#0077b5}.calendar-post-platform.pinterest svg{fill:#e60023}.calendar-post-more{font-size:.7rem;color:var(--text-secondary);font-weight:500;padding:2px 6px}.calendar-legend{display:flex;gap:20px;justify-content:center;margin-top:16px;padding:12px;background:var(--bg-tertiary);border-radius:10px}.legend-item{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text-secondary)}.legend-dot{width:12px;height:12px;border-radius:50%}.legend-dot.pending{background:linear-gradient(135deg,#f59e0b,#d97706)}.legend-dot.posted{background:linear-gradient(135deg,#10b981,#059669)}.legend-dot.failed{background:linear-gradient(135deg,#ef4444,#dc2626)}.week-calendar-view{margin-top:16px}.week-calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:0 8px}.week-calendar-scroll-hint{display:none}.week-calendar-grid{display:grid;grid-template-columns:50px repeat(7,1fr);background:var(--bg-card);border-radius:12px;border:1px solid var(--border-primary);overflow:hidden}.week-time-labels{display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.15);background:var(--bg-tertiary)}.week-time-labels-header{height:60px;border-bottom:1px solid var(--border-primary)}.week-time-labels-body{position:relative;height:576px}.week-time-label{position:absolute;left:0;right:0;font-size:.65rem;font-weight:600;color:var(--text-secondary);text-align:center;transform:translateY(-50%);padding:2px 4px;background:var(--bg-tertiary);z-index:1}.week-day-column{display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.15)}.week-day-column:last-child{border-right:none}.week-day-column.weekend{background:#00000005}.week-day-column.today{background:var(--accent-light)}.week-day-column.past .week-day-header{opacity:.6}.week-past-overlay{position:absolute;top:0;left:0;right:0;background:#00000059;pointer-events:none;z-index:1}.week-past-overlay.full{height:100%!important}.week-day-header{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 4px;gap:2px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);height:60px;box-sizing:border-box}.week-day-header.today{background:#f59e0b26}.week-day-name{font-size:.65rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.week-day-number{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.week-day-number.today{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f59e0b;color:#fff;border-radius:50%}.week-day-content{position:relative;height:576px;cursor:pointer}.week-slot-line{position:absolute;left:0;right:0;height:1px;background:#ffffff26;pointer-events:none}.week-slot-line.major{background:#ffffff40}.week-slot-hover{position:absolute;left:4px;right:4px;background:#f59e0b1a;border:2px dashed rgba(245,158,11,.4);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;z-index:5}.week-slot-hover-add{font-size:1.5rem;font-weight:300;color:var(--accent-primary)}.week-slot-hover-time{font-size:.7rem;font-weight:600;color:var(--accent-primary);margin-top:2px}.week-mini-card{position:absolute;left:4px;right:4px;display:flex;flex-direction:column;padding:4px 6px;background:var(--bg-primary);border-radius:6px;border:1px solid var(--border-secondary);cursor:pointer;transition:all .15s ease;z-index:10;min-height:44px;box-shadow:0 1px 3px #00000014}.week-mini-card:hover{border-color:var(--accent-primary);box-shadow:0 4px 12px #00000026;z-index:20;transform:scale(1.02)}.week-mini-card.pending{border-left:3px solid #f59e0b}.week-mini-card.posted{border-left:3px solid #10b981}.week-mini-card.failed{border-left:3px solid #ef4444;background:#ef444414}.week-mini-card.posting-soon{animation:pulse-amber 2s ease-in-out infinite}@keyframes pulse-amber{0%,to{box-shadow:0 1px 3px #00000014,0 0 #f59e0b66}50%{box-shadow:0 1px 3px #00000014,0 0 0 4px #f59e0b26}}.week-mini-card[draggable=true]{cursor:grab}.week-mini-card[draggable=true]:active{cursor:grabbing}.week-mini-card.dragging{opacity:.5;transform:scale(.95);box-shadow:0 0 0 2px var(--accent-primary)}.week-drop-indicator{position:absolute;left:2px;right:2px;background:#f59e0b33;border:2px dashed #f59e0b;border-radius:8px;z-index:25;display:flex;align-items:center;justify-content:center;pointer-events:none}.week-drop-indicator-time{font-size:.7rem;font-weight:600;color:#f59e0b;background:#0f172ae6;padding:4px 8px;border-radius:4px}.week-day-content.drag-over{background:#f59e0b0d}.week-mini-card-time{font-size:.65rem;font-weight:700;color:var(--accent-primary);margin-bottom:2px}.week-mini-card-body{display:flex;gap:6px;align-items:flex-start}.week-mini-card-thumbnail{width:28px;height:28px;min-width:28px;flex-shrink:0;border-radius:4px;overflow:hidden;background:var(--bg-tertiary)}.week-mini-card-thumbnail img{display:block;width:100%;height:100%;object-fit:cover}.week-mini-card-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.week-mini-card-text{font-size:.7rem;color:var(--text-primary);line-height:1.2;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.week-mini-card-platforms{display:flex;gap:3px}.week-mini-platform{display:flex;align-items:center;justify-content:center}.week-mini-platform svg{width:12px;height:12px}.week-mini-platform.bluesky svg{fill:#0085ff}.week-mini-platform.mastodon svg{fill:#6364ff}.week-mini-platform.pixelfed svg{fill:#ff6b6b}.week-mini-platform.threads svg{fill:var(--text-primary)}.week-mini-platform.facebook svg{fill:#1877f2}.week-mini-platform.instagram svg{fill:#dc2743}.week-mini-platform.linkedin svg{fill:#0077b5}.week-mini-platform.pinterest svg{fill:#e60023}.week-summary-container{margin-top:16px}.week-summary{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;padding:12px 20px;background:var(--bg-tertiary);border-radius:10px;font-size:.85rem;color:var(--text-secondary)}.week-summary-item{display:flex;align-items:center;gap:4px}.week-summary-item strong{color:var(--text-primary);font-weight:600}.week-summary-divider{color:var(--text-tertiary)}.week-summary-failed,.week-summary-failed strong{color:var(--danger)}.week-summary-coverage{display:flex;align-items:center;gap:6px}.coverage-dots{display:flex;align-items:center;gap:2px;margin-left:4px}.coverage-dot{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--bg-secondary);border:2px solid var(--border-primary);cursor:help;position:relative;transition:all .15s ease}.coverage-dot-label{font-size:.6rem;font-weight:600;color:var(--text-tertiary)}.coverage-dot.filled{background:var(--success);border-color:var(--success)}.coverage-dot.filled .coverage-dot-label{color:#fff}.coverage-dot:hover{transform:scale(1.1)}.week-empty-days-warning{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;padding:8px 16px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:8px;font-size:.8rem;color:#d97706}.empty-days-icon{font-size:.9rem}.empty-days-text{font-weight:500}[data-theme=light] .week-slot-line{background:#0000001a}[data-theme=light] .week-slot-line.major{background:#00000026}[data-theme=light] .week-past-overlay{background:#00000014}[data-theme=light] .calendar-day.past{background:#0000000a}[data-theme=light] .week-day-column{border-right-color:#0000001a}[data-theme=light] .coverage-dot{background:#f1f5f9;border-color:#e2e8f0}[data-theme=light] .coverage-dot .coverage-dot-label{color:#94a3b8}[data-theme=light] .coverage-dot.filled{background:#10b981;border-color:#10b981}[data-theme=light] .coverage-dot.filled .coverage-dot-label{color:#fff}@media (max-width: 1100px){.week-calendar-grid{grid-template-columns:40px repeat(7,1fr)}.week-time-label{font-size:.55rem}.week-day-name{font-size:.6rem}.week-day-number{font-size:1rem}.week-mini-card{padding:3px 4px;min-height:36px}.week-mini-card-time{font-size:.6rem}.week-mini-card-thumbnail{width:24px;height:24px;min-width:24px}.week-mini-card-text{font-size:.65rem}.week-mini-platform svg{width:10px;height:10px}}@media (max-width: 768px){.week-calendar-grid{grid-template-columns:35px repeat(7,1fr)}.week-time-labels-body,.week-day-content{height:480px}.week-day-header{height:50px;padding:6px 2px}.week-time-labels-header{height:50px}.week-day-number.today{width:26px;height:26px;font-size:.9rem}.week-mini-card-body{display:none}.week-mini-card{min-height:44px}.week-slot-hover-add{font-size:1.2rem}.week-slot-hover-time{font-size:.6rem}}@media (max-width: 600px){.week-calendar-view{position:relative}.week-calendar-scroll-wrapper{overflow-x:scroll;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.week-calendar-scroll-wrapper::-webkit-scrollbar{display:none}.week-calendar-grid{grid-template-columns:30px repeat(7,80px);min-width:590px}.week-day-column{scroll-snap-align:start}.week-time-labels-body,.week-day-content{height:400px}.week-time-label{font-size:.5rem}.week-mini-card{min-height:44px;padding:4px}.week-summary{flex-wrap:wrap;gap:8px;font-size:.8rem}.coverage-dot{width:18px;height:18px}.coverage-dot-label{font-size:.55rem}.week-empty-days-warning{font-size:.75rem;padding:6px 12px}.week-calendar-scroll-hint{display:flex;align-items:center;justify-content:center;gap:4px;font-size:.7rem;color:var(--text-muted);padding:4px 0;animation:scroll-hint-pulse 2s ease-in-out 3}@keyframes scroll-hint-pulse{0%,to{opacity:.6}50%{opacity:1}}.calendar-scroll-wrapper{overflow-x:scroll;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.calendar-scroll-wrapper::-webkit-scrollbar{display:none}.calendar-grid,.calendar-weekdays,.calendar-days{min-width:560px}.calendar-day{min-width:80px;min-height:80px;scroll-snap-align:start}.calendar-scroll-hint{display:flex;align-items:center;justify-content:center;gap:4px;font-size:.7rem;color:var(--text-muted);padding:4px 0;animation:scroll-hint-pulse 2s ease-in-out 3}}@media (max-width: 375px){.week-calendar-grid{grid-template-columns:25px repeat(7,70px);min-width:515px}.week-day-header{height:44px;padding:4px 2px}.week-day-name{font-size:.55rem}.week-day-number{font-size:.85rem}.week-mini-card{min-height:44px;font-size:.65rem}.week-time-label{font-size:.45rem}.calendar-grid,.calendar-weekdays,.calendar-days{min-width:490px}.calendar-day{min-width:70px;min-height:70px;padding:4px}.calendar-day-number{font-size:.8rem}.calendar-post-indicator{font-size:.55rem;min-width:16px;height:16px;padding:0 3px}}.mobile-only{display:none}@media (max-width: 600px){.mobile-only{display:flex}}@media (max-width: 480px){.calendar-day{min-height:70px}.calendar-post-indicator{min-height:28px;min-width:28px;padding:4px 8px}.view-toggle .btn{min-height:44px;padding:10px 16px}.status-filter-btn,.platform-filter-btn{min-height:40px;padding:8px 14px}.quick-filter-chip{min-height:36px;padding:8px 14px}.tab-btn{min-height:44px;padding:12px 16px}}.posts-list-header-actions{display:flex;align-items:center;gap:12px}.more-menu-container{position:relative}.btn-icon{padding:8px 10px}.more-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99}.more-menu-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:8px;box-shadow:var(--shadow-lg);min-width:160px;z-index:100;overflow:hidden}.more-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:none;border:none;color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:background .15s;text-align:left}.more-menu-item:hover:not(:disabled){background:var(--bg-hover)}.more-menu-item:disabled{opacity:.5;cursor:not-allowed}.more-menu-item svg{color:var(--text-secondary);flex-shrink:0}.more-menu-item.active{background:var(--bg-hover);color:var(--accent-primary)}.more-menu-item .view-toggle-icon{font-size:1rem}.more-menu-section{display:flex;flex-direction:column}.more-menu-label{padding:8px 16px 4px;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.more-menu-divider{height:1px;background:var(--border-primary);margin:8px 0}.more-menu-section.mobile-only{display:none}@media (max-width: 600px){.view-toggle{display:none}.more-menu-section.mobile-only{display:flex}}.empty-state-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.empty-state-description{font-size:.95rem;color:var(--text-secondary);margin-bottom:20px;max-width:300px;text-align:center}@media (max-width: 374px){.header h1{font-size:1.5rem}.header p{font-size:.9rem}.card{padding:16px;border-radius:12px}.card h2{font-size:1.1rem}.btn{padding:10px 14px;font-size:.85rem}}@media (max-width: 768px){.btn,.btn-action,.btn-secondary,.btn-primary,.btn-danger{min-height:44px;min-width:44px}input[type=checkbox]{min-width:20px;min-height:20px;cursor:pointer}.platform-card{padding:18px;min-height:70px}.platform-card-check{width:26px;height:26px}.form-group input,.form-group textarea,.form-group select{padding:14px 16px;font-size:16px;min-height:48px}.filter-group select,.filter-group input[type=datetime-local]{padding:12px 14px;min-height:44px;font-size:16px}.pagination .btn{min-width:60px;padding:12px 14px}.modal-actions .btn{min-height:48px;flex:1}.modal-actions{flex-direction:column-reverse;gap:10px}.modal-actions .btn{width:100%;justify-content:center}.modal-content,.import-posts-table{-webkit-overflow-scrolling:touch}.view-toggle-btn{flex:1;justify-content:center;padding:12px 16px}.import-summary{flex-direction:column;gap:10px}.summary-stat{padding:14px}.dropzone-label{padding:32px 16px}.dropzone-icon{font-size:2.5rem}.dropzone-text{font-size:.9rem}.import-posts-table{border-radius:8px}.import-posts-table th,.import-posts-table td{padding:10px 12px}.text-cell{max-width:150px}.account-item{padding:14px 16px;min-height:60px}.platform-icon{width:40px;height:40px}.status-badge{padding:6px 12px;min-height:28px}}@media (min-width: 769px) and (max-width: 1024px){.container{max-width:95%}.auth-section{gap:24px}}@supports (padding: max(0px)){@media (max-width: 768px){.container{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}body{padding-bottom:max(16px,env(safe-area-inset-bottom))}.modal-overlay{padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.export-modal{max-width:520px}.export-description{color:#666;margin-bottom:1.5rem;line-height:1.5}.export-presets{margin-bottom:1.5rem}.presets-label{display:block;font-weight:500;color:#555;margin-bottom:.75rem;font-size:.9rem}.preset-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.btn-outline{background:transparent;border:1px solid var(--border-primary);color:var(--text-primary);transition:all .15s ease}.btn-outline:hover{background:var(--bg-tertiary);border-color:var(--text-muted)}.btn-outline:active{background:var(--bg-hover)}.export-date-range{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.export-date-range .form-group{margin-bottom:0}.export-info{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;padding:1rem;margin-bottom:1.5rem}.export-info p{margin:0;font-size:.9rem;color:var(--text-secondary);line-height:1.5}.export-info p+p{margin-top:.5rem}.export-columns{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8rem!important;color:#94a3b8!important;word-break:break-all}@media (max-width: 480px){.export-modal{margin:1rem}.export-date-range{grid-template-columns:1fr}.preset-buttons{flex-direction:column}.preset-buttons .btn{width:100%;justify-content:center}}.header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.header-text{flex:1}.header-actions{display:flex;align-items:center;gap:12px}.notification-wrapper{position:relative}.notification-bell{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:12px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;position:relative;color:var(--text-secondary)}.notification-bell:hover{background:var(--bg-hover);color:var(--text-primary)}.notification-bell.has-unread-error{border-color:#ef4444;animation:pulse-ring-error 1.5s infinite}.notification-bell.has-unread-success{border-color:#10b981;animation:pulse-ring-success 1.5s infinite}@keyframes pulse-ring-error{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 8px #ef444400}to{box-shadow:0 0 #ef444400}}@keyframes pulse-ring-success{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}.bell-icon{width:20px;height:20px;color:var(--text-secondary);transition:all .2s}.notification-bell:hover .bell-icon{color:#f59e0b}.notification-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;font-size:11px;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 5px;border:2px solid white}.notification-panel{position:absolute;top:100%;right:0;margin-top:10px;width:380px;max-height:480px;background:var(--dropdown-bg);border-radius:12px;box-shadow:var(--dropdown-shadow);border:1px solid var(--dropdown-border);z-index:1000;display:flex;flex-direction:column;overflow:hidden}.notification-panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--border-primary);background:var(--bg-tertiary)}.notification-panel-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.notification-panel-actions{display:flex;align-items:center;gap:8px}.btn-link{background:none;border:none;color:#f59e0b;font-size:12px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .2s}.btn-link:hover{background:#fffbeb}.btn-link:disabled{color:#94a3b8;cursor:not-allowed}.btn-link-danger{color:#ef4444}.btn-link-danger:hover{background:#fef2f2}.notification-close{background:none;border:none;color:var(--text-secondary);font-size:16px;cursor:pointer;padding:4px;line-height:1;margin-left:8px}.notification-close:hover{color:var(--text-primary)}.notification-panel-body{flex:1;overflow-y:auto}.notification-loading,.notification-empty{padding:40px;text-align:center;color:var(--text-secondary)}.notification-empty .empty-icon{font-size:32px;display:block;margin-bottom:8px;color:#22c55e}.notification-empty p{margin:0;font-size:14px}.notification-list{padding:8px}.notification-item{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:8px;cursor:pointer;transition:background .15s;margin-bottom:4px;position:relative}.notification-item:hover{background:var(--bg-hover)}.notification-item.unread{background:#fffbeb}.notification-item.unread:hover{background:#fef3c7}.notification-item.post_failure{border-left:3px solid #ef4444}.notification-item.account_connected{border-left:3px solid #22c55e}.notification-item.auth_expired{border-left:3px solid #f59e0b}.notification-item.connection_error{border-left:3px solid #ef4444}.notification-item-icon{font-size:20px;flex-shrink:0;margin-top:2px}.notification-item-content{flex:1;min-width:0}.notification-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}.notification-title{font-size:13px;font-weight:600;color:var(--text-primary)}.notification-time{font-size:11px;color:var(--text-tertiary);white-space:nowrap;margin-left:8px}.notification-message{font-size:12px;color:var(--text-secondary);margin:0 0 6px;line-height:1.4;word-break:break-word}.notification-dismiss{position:absolute;top:8px;right:8px;background:none;border:none;color:#94a3b8;font-size:14px;cursor:pointer;padding:4px;line-height:1;opacity:0;transition:opacity .15s}.notification-item:hover .notification-dismiss{opacity:1}.notification-dismiss:hover{color:#ef4444}.notification-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999}@media (max-width: 480px){.header-content{flex-direction:column;align-items:stretch}.header-actions{justify-content:flex-end;margin-top:10px}.notification-panel{position:fixed;top:auto;right:10px;left:10px;bottom:10px;width:auto;max-height:70vh;margin-top:0}.notification-bell{width:44px;height:44px}.bell-icon{font-size:20px}.notification-item{padding:10px}.notification-title{font-size:12px}.notification-message{font-size:11px}}[data-theme=dark] .notification-item.unread{background:#f59e0b26}[data-theme=dark] .notification-item.unread:hover{background:#f59e0b40}[data-theme=dark] .notification-dismiss{color:var(--text-tertiary)}.main-tabs{display:flex;gap:8px;padding:6px;background:var(--bg-tertiary);border-radius:10px}.main-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:none;border-radius:8px;background:transparent;cursor:pointer;transition:all .2s;color:var(--text-secondary);font-size:.95rem;position:relative}.main-tab:hover{background:var(--accent-light);color:var(--accent-primary)}.main-tab.active{background:var(--bg-card);color:var(--accent-primary);box-shadow:var(--shadow-sm)}.main-tab-icon{width:18px;height:18px;stroke-width:2.5}.main-tab-label{font-weight:600;font-size:.9rem}.main-tab-badge{position:absolute;top:6px;right:6px;padding:2px 6px;border-radius:10px;font-size:.7rem;font-weight:700;min-width:18px;text-align:center}.main-tab-badge.failed{background:#fee2e2;color:#dc2626}.analytics-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.loading-spinner{width:48px;height:48px;border:4px solid var(--border-primary);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.analytics-loading p{color:var(--text-secondary);font-size:.9375rem}.metric-label{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.metric-value{font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1}.posting-summary-content{display:flex;flex-direction:column;gap:24px}.posting-summary-hero{display:flex;justify-content:center;padding:20px 0}.success-rate-display{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 48px;background:linear-gradient(135deg,#f59e0b26,#667eea1a);border-radius:16px;border:1px solid rgba(245,158,11,.3)}.success-rate-value{font-size:3.5rem;font-weight:700;color:var(--accent-primary);line-height:1}.success-rate-label{font-size:.875rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.posting-summary-counts{display:flex;justify-content:center;gap:48px;padding:16px 0}.summary-count{display:flex;flex-direction:column;align-items:center;gap:4px}.summary-count .count-value{font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1.2}.summary-count .count-label{font-size:.8125rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px}.summary-count.has-failed .count-value,.summary-count.has-failed .count-label{color:#ef4444}.posting-summary-action{display:flex;justify-content:center;padding-top:8px}.view-failed-link{color:#ef4444!important;font-weight:500;font-size:.9375rem;display:flex;align-items:center;gap:4px;padding:8px 16px;background:#ef44441a;border-radius:8px;transition:all .2s ease}.view-failed-link:hover{background:#ef444433;text-decoration:none!important}@media (max-width: 480px){.posting-summary-counts{gap:24px}.success-rate-value{font-size:2.5rem}.success-rate-display{padding:20px 32px}.summary-count .count-value{font-size:1.5rem}}@media (max-width: 768px){.top-bar{padding:14px 0}.top-bar-content{padding:0 16px}.top-bar-text h1{font-size:1.25rem}.top-bar-text p{font-size:.8rem;display:none}.top-bar-actions{gap:8px}.container{padding:16px}.card{padding:20px 16px;border-radius:10px}.card h2{font-size:1.1rem;margin-bottom:16px}.main-tabs{gap:4px;padding:4px}.main-tab{padding:10px 12px;gap:6px;min-height:44px}.main-tab-label{font-size:.85rem}.main-tab-icon{width:16px;height:16px}.main-tab-badge{top:4px;right:4px;padding:1px 5px;font-size:.65rem}.auth-sub-tabs{gap:4px;padding:3px;border-radius:10px;overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;scrollbar-width:none;-ms-overflow-style:none}.auth-sub-tabs::-webkit-scrollbar{display:none}.auth-sub-tab{flex:0 0 auto;min-width:fit-content;padding:10px 14px;gap:6px;font-size:.85rem;min-height:44px;white-space:nowrap}.auth-sub-tab svg{width:16px;height:16px}.auth-sub-tab-badge{min-width:18px;height:18px;font-size:.7rem;padding:0 5px}.tab-text-full{display:none}.tab-text-short{display:inline}.auth-status-badge{padding:5px 10px;font-size:.7rem;letter-spacing:.2px}.auth-status-badge .badge-text-full{display:none}.auth-status-badge .badge-text-short{display:inline}.auth-status-badge .badge-text-short:after{content:" connected"}.collapsible-header{gap:8px}.collapsible-title{font-size:1.1rem;gap:8px;flex:1;min-width:0}.collapse-icon{width:28px;height:28px;min-width:28px;font-size:.8rem;border-radius:6px}.theme-toggle,.notifications-button{min-width:44px;min-height:44px}}@media (max-width: 480px){.top-bar{padding:12px 0}.top-bar-content{padding:0 12px}.top-bar-text h1{font-size:1.125rem}.auth-status-badge{display:none!important}.container{padding:12px}.card{padding:16px 14px}.card h2{font-size:1rem;gap:8px}.card h2:before{width:3px;height:20px}.main-tabs{padding:3px;border-radius:8px}.main-tab{padding:8px 10px;border-radius:6px}.main-tab-label{font-size:.8rem}.main-tab-icon{width:14px;height:14px}.auth-sub-tabs{margin-bottom:16px;border-radius:8px}.auth-sub-tab{padding:8px 12px;font-size:.8rem;border-radius:6px}.auth-sub-tab svg{width:14px;height:14px}}@media (max-width: 360px){.top-bar-content{padding:0 10px}.top-bar-text h1{font-size:1rem}.container{padding:10px}.card{padding:14px 12px;border-radius:8px}.card h2{font-size:.95rem}.main-tab{padding:8px}.main-tab-label{font-size:.75rem}.auth-sub-tab{padding:8px 10px;font-size:.75rem}}.collapsible-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s}.collapsible-header:hover{opacity:.8}.collapsible-title{display:flex;align-items:center;gap:12px;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.collapse-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:8px;transition:all .3s;font-size:.9rem;color:var(--text-secondary)}.collapse-icon.collapsed{transform:rotate(-90deg)}.collapsible-content{max-height:10000px;overflow:visible;transition:max-height .3s ease-in-out,opacity .3s ease-in-out;opacity:1;width:100%;min-width:0;box-sizing:border-box}.collapsible-content.collapsed{max-height:0;opacity:0;overflow:hidden}.auth-status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.auth-status-badge.has-accounts{background:#d1fae5;color:#065f46}.auth-status-badge.no-accounts{background:#fef3c7;color:#92400e}.auth-status-badge .badge-text-full{display:inline}.auth-status-badge .badge-text-short{display:none}.auth-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#1e1e2e,#2d2d44);color:#e2e8f0;gap:16px}.auth-loading-spinner{width:48px;height:48px;border:4px solid rgba(245,158,11,.2);border-top-color:#f59e0b;border-radius:50%;animation:spin 1s linear infinite}.auth-loading-spinner.small{width:24px;height:24px;border-width:3px}.auth-loading-inline{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px;color:#94a3b8}.auth-page{min-height:100vh;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;padding:24px;position:relative}.auth-theme-toggle{position:absolute;top:24px;right:24px}.auth-container{width:100%;max-width:420px}.auth-back-link{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--text-secondary);font-size:.9rem;cursor:pointer;padding:0;transition:color .2s;position:absolute;top:24px;left:24px}.auth-back-link:hover{color:var(--text-primary)}.auth-back-link svg{width:16px;height:16px}.auth-header{text-align:center;margin-bottom:32px;color:var(--text-primary)}.auth-header h1{font-size:1.75rem;font-weight:700;margin-bottom:8px;background:linear-gradient(135deg,#f59e0b,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-header p{color:var(--text-secondary);font-size:.95rem}.auth-card{background:var(--bg-card);border-radius:16px;padding:32px;box-shadow:var(--shadow-lg);border:1px solid var(--border-primary)}.auth-card h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:8px}.auth-subtitle{color:var(--text-secondary);font-size:.9rem;margin-bottom:24px}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-field{display:flex;flex-direction:column;gap:8px}.auth-field label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.auth-field input{padding:14px 16px;background:var(--bg-input);border:1px solid var(--border-primary);border-radius:10px;color:var(--text-primary);font-size:1rem;transition:all .2s ease}.auth-field input:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b33}.auth-field input::placeholder{color:var(--text-secondary)}.auth-submit-btn{padding:14px 24px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:8px}.auth-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #f59e0b66}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-links{display:flex;justify-content:flex-end;margin-top:12px}.auth-link{background:none;border:none;color:var(--accent-primary);font-size:.875rem;cursor:pointer;padding:4px 0;transition:color .2s ease}.auth-link:hover{color:var(--accent-secondary)}.auth-divider{display:flex;align-items:center;gap:16px;margin:24px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-primary)}.auth-divider span{color:var(--text-secondary);font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.auth-footer{text-align:center;color:var(--text-secondary);font-size:.9rem;margin-top:24px}.auth-link-inline{background:none;border:none;color:var(--accent-primary);font-weight:500;cursor:pointer;padding:0;transition:color .2s ease}.auth-link-inline:hover{color:var(--accent-secondary);text-decoration:underline}.auth-error{background:var(--danger-light);border:1px solid var(--danger);color:var(--danger-text);padding:12px 16px;border-radius:8px;font-size:.9rem;margin-bottom:16px}.auth-verification-notice{background:var(--warning-light, #fff8e6);border:1px solid var(--warning, #f0b429);border-radius:8px;padding:16px;margin-bottom:16px;display:flex;gap:12px;align-items:flex-start}.auth-verification-icon{flex-shrink:0;width:24px;height:24px;color:var(--warning-text, #946c00)}.auth-verification-icon svg{width:100%;height:100%}.auth-verification-content{flex:1}.auth-verification-content h3{margin:0 0 8px;font-size:.95rem;font-weight:600;color:var(--warning-text, #946c00)}.auth-verification-content p{margin:0 0 12px;font-size:.875rem;color:var(--text-secondary);line-height:1.5}.auth-verification-sent{color:var(--success, #22c55e)!important;font-weight:500}.auth-resend-btn{background:transparent;border:1px solid var(--warning, #f0b429);color:var(--warning-text, #946c00);padding:8px 16px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.auth-resend-btn:hover:not(:disabled){background:var(--warning, #f0b429);color:#fff}.auth-resend-btn:disabled{opacity:.6;cursor:not-allowed}.auth-verification-result{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:.9rem}.auth-verification-result svg{width:20px;height:20px;flex-shrink:0}.auth-verification-result.success{background:var(--success-light, #dcfce7);border:1px solid var(--success, #22c55e);color:var(--success-text, #166534)}.auth-verification-result.error{background:var(--danger-light);border:1px solid var(--danger);color:var(--danger-text)}.auth-error-block{text-align:center;padding:24px}.auth-error-block h3{color:var(--danger-text);margin-bottom:8px}.auth-error-block p{color:var(--text-secondary);margin-bottom:24px}.auth-success{text-align:center;padding:24px 0}.auth-success-icon{width:64px;height:64px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto 16px}.auth-success h3{color:var(--text-primary);font-size:1.25rem;margin-bottom:8px}.auth-success p{color:var(--text-secondary);margin-bottom:24px}.auth-info{text-align:center;padding:24px 0}.auth-info-icon{width:64px;height:64px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto 16px}.auth-info h3{color:var(--text-primary);font-size:1.25rem;margin-bottom:8px}.auth-info p{color:var(--text-secondary);margin-bottom:16px;line-height:1.5}.auth-info-hint{font-size:.9rem;color:var(--text-tertiary);margin-bottom:8px!important}.auth-legal-footer{text-align:center;margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.15)}[data-theme=light] .auth-legal-footer{border-top:1px solid rgba(0,0,0,.1)}.auth-legal-link{background:none;border:none;color:var(--text-tertiary);font-size:.85rem;cursor:pointer;padding:4px 8px;transition:color .2s ease}.auth-legal-link:hover{color:var(--accent-primary);text-decoration:underline}.user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:280px;background:var(--dropdown-bg);border:1px solid var(--dropdown-border);border-radius:12px;box-shadow:var(--dropdown-shadow);z-index:1000;overflow:hidden}.user-menu-header{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-tertiary)}.user-menu-avatar{width:44px;height:44px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.1rem;color:#fff;flex-shrink:0}.user-menu-info{display:flex;flex-direction:column;gap:2px;min-width:0}.user-menu-name{color:var(--text-primary);font-weight:600;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu-email{color:var(--text-secondary);font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu-divider{height:1px;background:var(--border-primary)}.user-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:none;border:none;color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:background .2s ease;text-align:left}.user-menu-item:hover{background:var(--bg-hover)}.user-menu-item svg{width:18px;height:18px}.user-menu-item:disabled{opacity:.6;cursor:not-allowed}.user-menu-logout{color:var(--danger)}.user-menu-logout:hover{background:var(--danger-light)}*/ @media (max-width: 768px){.auth-page{padding:60px 16px 20px;align-items:flex-start}.auth-theme-toggle{top:16px;right:16px}.auth-theme-toggle .theme-toggle{min-width:44px;min-height:44px}.auth-container{max-width:100%}.auth-back-link{min-height:44px;padding:8px 0;top:16px;left:16px}.auth-header{margin-bottom:24px}.auth-header h1{font-size:1.5rem}.auth-header p{font-size:.9rem}.auth-card{padding:24px 20px;border-radius:14px}.auth-card h2{font-size:1.25rem}.auth-form{gap:16px}.auth-field input{padding:14px;font-size:16px;border-radius:10px}.auth-submit-btn{padding:14px 20px;min-height:48px;font-size:1rem}.auth-link{min-height:44px;padding:10px 4px;display:inline-flex;align-items:center}.auth-divider{margin:20px 0}.auth-footer{margin-top:20px}.auth-link-inline{padding:4px;min-height:44px;display:inline-flex;align-items:center}.auth-error{padding:14px;font-size:.875rem}.auth-success{padding:20px 0}.auth-info{padding:16px}.auth-legal-footer{margin-top:24px;padding-top:16px}.auth-legal-link{min-height:44px;padding:10px 8px}}@media (max-width: 480px){.auth-page{padding:56px 12px 16px}.auth-theme-toggle{top:12px;right:12px}.auth-back-link{font-size:.85rem;top:12px;left:12px}.auth-header h1{font-size:1.375rem}.auth-header p{font-size:.85rem}.auth-card{padding:20px 16px;border-radius:12px}.auth-card h2{font-size:1.125rem}.auth-subtitle{font-size:.85rem;margin-bottom:20px}.auth-field label{font-size:.85rem}.auth-field input{padding:12px;border-radius:8px}.auth-submit-btn{padding:12px 18px;font-size:.95rem}.auth-divider span{font-size:.75rem}.auth-footer{font-size:.85rem}.auth-error{padding:12px;font-size:.8rem;border-radius:8px}}@media (max-width: 360px){.auth-page{padding:52px 10px 12px}.auth-header h1{font-size:1.25rem}.auth-card{padding:16px 14px}.auth-card h2{font-size:1rem}.auth-field input{padding:11px 10px}.auth-submit-btn{padding:11px 16px;font-size:.9rem}}.team-dashboard{padding:16px 0}.team-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:0 16px}.team-header h2{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.team-section{background:var(--bg-tertiary);border-radius:12px;padding:20px;margin:0 16px 20px}.team-section h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:16px}.section-description{font-size:.9rem;color:var(--text-secondary);margin-bottom:16px}.organizations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.organization-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:10px;padding:16px;cursor:pointer;transition:all .2s ease}.organization-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md)}.organization-card.selected{border-color:var(--accent-primary);background:var(--accent-light)}.org-card-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.org-icon{font-size:1.5rem}.org-name{font-weight:600;color:var(--text-primary);flex:1}.org-role-badge{font-size:.75rem;padding:4px 10px;border-radius:20px;font-weight:500;text-transform:capitalize}.org-role-badge.owner{background:var(--accent-light);color:var(--accent-primary)}.org-role-badge.admin{background:var(--warning-light);color:var(--warning-text)}.org-role-badge.member{background:var(--bg-tertiary);color:var(--text-secondary)}.org-card-footer{font-size:.85rem;color:var(--text-tertiary)}.organization-details{border:2px solid var(--accent-primary)}.org-details-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.org-details-header h3{margin-bottom:0;flex:1}.org-subsection{background:var(--bg-card);border-radius:10px;padding:16px;margin-top:16px}.org-subsection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.org-subsection-header h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.members-list{display:flex;flex-direction:column;gap:12px}.member-card{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-tertiary);border-radius:8px}.member-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;flex-shrink:0}.member-info{flex:1;min-width:0}.member-name{display:block;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-email{display:block;font-size:.85rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-pending-badge{display:inline-block;font-size:.75rem;padding:2px 8px;border-radius:4px;background:var(--warning-light);color:var(--warning-text);margin-top:4px}.member-role{flex-shrink:0}.role-select{padding:6px 10px;border-radius:6px;border:1px solid var(--border-primary);background:var(--bg-input);color:var(--text-primary);font-size:.85rem}.role-badge{font-size:.8rem;padding:4px 10px;border-radius:20px;font-weight:500;text-transform:capitalize;background:var(--bg-tertiary);color:var(--text-secondary)}.role-badge.owner{background:var(--accent-light);color:var(--accent-primary)}.role-badge.admin{background:var(--warning-light);color:var(--warning-text)}.invitations-list{display:flex;flex-direction:column;gap:12px}.invitation-card{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--bg-card);border:1px solid var(--accent-primary);border-radius:10px}.invitation-info{display:flex;flex-direction:column;gap:4px}.invitation-org-name{font-weight:600;color:var(--text-primary)}.invitation-meta{font-size:.85rem;color:var(--text-secondary)}.invitation-actions{display:flex;gap:8px}.shared-accounts-list,.personal-accounts-list,.org-accounts-list{display:flex;flex-direction:column;gap:12px}.shared-account-card{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-tertiary);border-radius:8px}.org-account-card{display:flex;align-items:center;gap:12px;padding:14px;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:10px;transition:border-color .15s,box-shadow .15s}.org-account-card:hover{border-color:var(--text-muted);box-shadow:var(--shadow-sm)}.org-account-row{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.personal-account-card{display:flex;align-items:center;gap:12px;padding:14px;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:10px;transition:border-color .15s,box-shadow .15s}.personal-account-card:hover{border-color:var(--text-muted);box-shadow:var(--shadow-sm)}.personal-account-row{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.shared-account-info,.personal-account-info,.org-account-info{flex:1;display:flex;flex-direction:column;gap:2px}.shared-account-identifier,.personal-account-identifier,.org-account-identifier{font-weight:500;color:var(--text-primary)}.shared-account-platform,.personal-account-platform,.org-account-platform{font-size:.85rem;color:var(--text-secondary);text-transform:capitalize}.org-account-org{font-size:.8rem;color:var(--accent-primary)}.empty-state-text{font-size:.9rem;color:var(--text-tertiary);text-align:center;padding:20px}.modal-sm{max-width:420px}.btn-sm{padding:6px 12px;font-size:.85rem}@media (max-width: 768px){.team-dashboard{padding:12px 0}.team-header{flex-direction:column;gap:12px;align-items:flex-start;padding:0 12px;margin-bottom:20px}.team-header h2{font-size:1.25rem}.team-header .btn{width:100%;min-height:44px;justify-content:center}.team-section{margin:0 12px 16px;padding:16px;border-radius:10px}.team-section h3{font-size:1rem;margin-bottom:14px}.section-description{font-size:.85rem;margin-bottom:14px}.organizations-grid{grid-template-columns:1fr;gap:10px}.organization-card{padding:14px;border-radius:10px;min-height:60px}.org-card-header{gap:10px}.org-icon{font-size:1.25rem}.org-name{font-size:.95rem}.org-role-badge{font-size:.7rem;padding:3px 8px}.organization-details{padding:16px;border-radius:10px}.org-details-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:16px}.org-details-header h3{font-size:1.1rem}.org-details-header .btn{width:100%;min-height:44px;justify-content:center}.org-subsection{margin-bottom:20px;padding:14px;border-radius:8px}.org-subsection-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:14px}.org-subsection-header h4{font-size:.95rem}.org-subsection-header .btn{width:100%;min-height:44px;justify-content:center}.member-card{flex-direction:column;align-items:flex-start;padding:14px;gap:12px;border-radius:8px}.member-avatar{width:40px;height:40px;font-size:.9rem}.member-info{min-width:100%;width:100%}.member-name{font-size:.95rem}.member-email{font-size:.8rem}.member-pending-badge{font-size:.7rem}.member-role{width:100%;margin-top:0}.role-select{width:100%;min-height:44px;font-size:16px}.member-actions{width:100%}.member-actions .btn{flex:1;min-height:44px}.invitation-card{flex-direction:column;gap:12px;align-items:flex-start;padding:14px;border-radius:8px}.invitation-info{width:100%}.invitation-actions{width:100%;gap:8px}.invitation-actions .btn{flex:1;min-height:44px;justify-content:center}.org-accounts-list{gap:10px}.org-account-card{padding:14px}.org-account-row{width:100%}.org-account-info{min-width:0;flex:1}.org-account-identifier{font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.org-account-platform{font-size:.8rem}.org-account-org{font-size:.75rem}.personal-accounts-list{gap:10px}.personal-account-card{flex-direction:column;align-items:stretch;gap:12px;padding:14px}.personal-account-row{width:100%}.personal-account-info{min-width:0;flex:1}.personal-account-identifier{font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.personal-account-platform{font-size:.8rem}.personal-account-card .btn{width:100%;min-height:44px;justify-content:center}.invite-form{gap:16px}.invite-form input[type=email]{min-height:44px;font-size:16px}.invite-form .btn{min-height:48px}}@media (max-width: 480px){.team-header{padding:0 8px}.team-section{margin:0 8px 16px;padding:14px}.team-section h3{font-size:.95rem}.organization-card{padding:12px}.org-name{font-size:.9rem}.org-subsection,.member-card{padding:12px}.member-avatar{width:36px;height:36px;font-size:.85rem}.member-name{font-size:.9rem}.invitation-card,.personal-account-card,.org-account-card{padding:12px}.personal-account-identifier,.org-account-identifier{font-size:.85rem}}@media (max-width: 360px){.team-section{margin:0 6px 14px;padding:12px}.org-role-badge{font-size:.65rem;padding:2px 6px}.personal-account-card,.org-account-card{padding:10px;gap:10px}.personal-account-identifier,.org-account-identifier{font-size:.8rem}.personal-account-card .btn{min-height:40px;font-size:.85rem}}.legal-modal{max-width:700px}.privacy-policy-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-primary)}.privacy-policy-header h2{margin-bottom:0}.modal-close-btn{background:transparent;border:none;padding:8px;cursor:pointer;border-radius:8px;color:var(--text-secondary);transition:all .2s ease}.modal-close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-close-btn svg{width:20px;height:20px}.privacy-policy-content{max-height:60vh;overflow-y:auto;padding-right:8px}.privacy-policy-updated{color:var(--text-secondary);font-size:.875rem;margin-bottom:24px;font-style:italic}.privacy-section{margin-bottom:24px}.privacy-section h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:12px}.privacy-section h4{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-top:16px;margin-bottom:8px}.privacy-section p{color:var(--text-secondary);line-height:1.7;margin-bottom:12px}.privacy-section ul{list-style:none;padding:0;margin:0 0 12px}.privacy-section ul li{position:relative;padding-left:20px;margin-bottom:8px;color:var(--text-secondary);line-height:1.6}.privacy-section ul li:before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;background:var(--accent-primary);border-radius:50%}.privacy-section ul li strong{color:var(--text-primary)}.privacy-section .contact-info{background:var(--bg-tertiary);padding:12px 16px;border-radius:8px;font-family:monospace;color:var(--accent-primary)}.privacy-policy-content::-webkit-scrollbar{width:6px}.privacy-policy-content::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.privacy-policy-content::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}.privacy-policy-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media (max-width: 768px){.legal-modal{max-width:95%;margin:16px;padding:20px}.privacy-section h3{font-size:1rem}}.auth-legal-separator{color:#ffffff26;margin:0 12px}[data-theme=light] .auth-legal-separator{color:#0003}.data-deletion-modal{max-width:500px}.data-deletion-content{padding:8px 0}.data-deletion-warning{text-align:center;margin-bottom:24px}.data-deletion-warning .warning-icon{width:64px;height:64px;background:var(--danger-light);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.data-deletion-warning .warning-icon svg{width:32px;height:32px;stroke:var(--danger)}.data-deletion-warning h3{font-size:1.1rem;font-weight:600;color:var(--danger);margin-bottom:8px}.data-deletion-warning p{color:var(--text-secondary)}.deletion-items{list-style:none;margin:0 0 20px;background:var(--bg-tertiary);border-radius:8px;padding:16px 16px 16px 24px}.deletion-items li{position:relative;padding-left:20px;margin-bottom:8px;color:var(--text-secondary);line-height:1.5}.deletion-items li:last-child{margin-bottom:0}.deletion-items li:before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;background:var(--danger);border-radius:50%}.deletion-note{background:var(--warning-light);border:1px solid var(--warning);border-radius:8px;padding:12px 16px;margin-bottom:20px;font-size:.9rem;color:var(--warning-text)}.deletion-note strong{color:var(--warning-text)}.data-deletion-error{background:var(--danger-light);border:1px solid var(--danger);color:var(--danger-text);padding:12px 16px;border-radius:8px;font-size:.9rem;margin-bottom:16px}.data-deletion-success{text-align:center;padding:24px 0}.data-deletion-success .success-icon{width:64px;height:64px;background:var(--success-light);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.data-deletion-success .success-icon svg{width:32px;height:32px;stroke:var(--success)}.data-deletion-success h3{font-size:1.1rem;font-weight:600;color:var(--success);margin-bottom:8px}.data-deletion-success p{color:var(--text-secondary)}.btn-danger{background:linear-gradient(135deg,var(--danger) 0%,#dc2626 100%);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-danger:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}@media (max-width: 768px){.data-deletion-modal{max-width:95%;margin:16px;padding:20px}}.signup-page{min-height:100vh;background:var(--bg-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;position:relative}.signup-theme-toggle{position:absolute;top:24px;right:24px}.signup-container{width:100%;max-width:420px}.signup-card{background:var(--bg-card);border-radius:16px;padding:32px;box-shadow:var(--shadow-lg);border:1px solid var(--border-primary)}.signup-header{text-align:center;margin-bottom:24px}.signup-header h1{color:var(--text-primary);font-size:1.75rem;font-weight:700;margin:0 0 8px}.signup-description{color:var(--text-secondary);font-size:.95rem;margin:0;line-height:1.5}.signup-form{display:flex;flex-direction:column;gap:20px}.signup-field{display:flex;flex-direction:column;gap:8px}.signup-field label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.signup-field input{padding:14px 16px;background:var(--bg-input);border:1px solid var(--border-primary);border-radius:10px;color:var(--text-primary);font-size:1rem;transition:all .2s ease}.signup-field input:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b33}.signup-field input::placeholder{color:var(--text-secondary)}.signup-field input:disabled{opacity:.6;cursor:not-allowed}.signup-submit-btn{padding:14px 24px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:8px}.signup-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #f59e0b66}.signup-submit-btn:disabled{opacity:.6;cursor:not-allowed}.signup-form-error{background:var(--color-error-bg, #fee2e2);color:var(--color-error, #dc2626);padding:12px 16px;border-radius:8px;font-size:.9rem;margin-bottom:16px;border:1px solid var(--color-error-border, #fecaca)}.signup-footer{text-align:center;color:var(--text-secondary);font-size:.85rem;margin-top:20px;margin-bottom:0}.signup-loading{text-align:center;padding:40px 0}.signup-loading-spinner{width:40px;height:40px;border:3px solid var(--border-primary);border-top-color:#f59e0b;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}.signup-loading p{color:var(--text-secondary);margin:0}.signup-not-found{text-align:center;padding:20px 0}.signup-not-found-icon{width:64px;height:64px;margin:0 auto 16px;color:var(--text-secondary)}.signup-not-found-icon svg{width:100%;height:100%}.signup-not-found h2{color:var(--text-primary);font-size:1.5rem;margin:0 0 8px}.signup-not-found p{color:var(--text-secondary);margin:0 0 24px}.signup-back-link{display:inline-block;color:#f59e0b;text-decoration:none;font-weight:500;transition:color .2s}.signup-back-link:hover{color:#d97706;text-decoration:underline}.signup-error-state{text-align:center;padding:20px 0}.signup-error-state h2{color:var(--text-primary);font-size:1.5rem;margin:0 0 8px}.signup-error-state p{color:var(--text-secondary);margin:0 0 24px}.signup-retry-btn{padding:12px 24px;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.signup-retry-btn:hover{background:var(--bg-tertiary);border-color:var(--border-secondary)}.signup-success{text-align:center;padding:20px 0}.signup-success-icon{width:64px;height:64px;margin:0 auto 16px;color:#22c55e}.signup-success-icon svg{width:100%;height:100%}.signup-success h2{color:var(--text-primary);font-size:1.5rem;margin:0 0 12px}.signup-success p{color:var(--text-secondary);margin:0 0 16px;line-height:1.6}.signup-success p strong{color:var(--text-primary)}.signup-success-hint{font-size:.85rem;color:var(--text-muted)}.signup-another-btn{padding:10px 20px;background:transparent;color:#f59e0b;border:1px solid #f59e0b;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:8px}.signup-another-btn:hover{background:#f59e0b1a}.signup-branding{position:absolute;bottom:24px;left:0;right:0;text-align:center}.signup-powered-by{color:var(--text-secondary);font-size:.85rem;text-decoration:none;transition:color .2s}.signup-powered-by:hover{color:var(--text-primary)}.signup-powered-by strong{color:#f59e0b}@media (max-width: 480px){.signup-page{padding:16px}.signup-card{padding:24px 20px}.signup-header h1{font-size:1.5rem}.signup-field input{padding:12px 14px}.signup-submit-btn{padding:12px 20px}.signup-branding{position:relative;bottom:auto;margin-top:32px}}.legal-page{min-height:100vh;background:var(--bg-primary);padding:40px 20px}.legal-page-container{max-width:800px;margin:0 auto;background:var(--bg-secondary);border-radius:16px;box-shadow:0 4px 20px #0000001a;overflow:hidden}.legal-page-header{background:linear-gradient(135deg,#6366f1,#818cf8);padding:32px 40px;color:#fff}.legal-page-back{display:inline-flex;align-items:center;gap:8px;color:#ffffffe6;text-decoration:none;font-size:.9rem;margin-bottom:16px;transition:color .2s ease}.legal-page-back:hover{color:#fff}.legal-page-back svg{width:18px;height:18px}.legal-page-header h1{font-size:2rem;font-weight:700;margin:0}.legal-page-content{padding:40px}.legal-page-content .privacy-policy-updated{color:var(--text-muted);font-size:.9rem;margin-bottom:32px}.legal-page-content .privacy-section{margin-bottom:32px}.legal-page-content .privacy-section:last-child{margin-bottom:0}.legal-page-content .privacy-section h3{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin-bottom:12px}.legal-page-content .privacy-section h4{font-size:1rem;font-weight:600;color:var(--text-secondary);margin:16px 0 8px}.legal-page-content .privacy-section p{color:var(--text-secondary);line-height:1.7;margin-bottom:12px}.legal-page-content .privacy-section ul,.legal-page-content .privacy-section ol{color:var(--text-secondary);line-height:1.7;padding-left:24px;margin-bottom:12px}.legal-page-content .privacy-section li{margin-bottom:8px}.legal-page-content .contact-info{background:var(--bg-tertiary);padding:16px 20px;border-radius:8px;line-height:1.8}@media (max-width: 768px){.legal-page{padding:20px 12px}.legal-page-header{padding:24px 20px}.legal-page-header h1{font-size:1.5rem}.legal-page-content{padding:24px 20px}.legal-page-content .privacy-section h3{font-size:1.1rem}}.admin-dashboard{display:flex;flex-direction:column;gap:24px}.admin-header{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.admin-header h2{margin:0;display:flex;align-items:center;gap:12px}.admin-header-icon{width:28px;height:28px;color:var(--accent-primary)}.admin-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.admin-section{background:var(--bg-tertiary);border-radius:12px;padding:20px}.admin-section h3{margin:0 0 16px;font-size:1rem;font-weight:600;color:var(--text-primary)}.admin-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.admin-section-header h3{margin:0}.admin-platform-breakdown{display:flex;flex-direction:column;gap:12px}.platform-breakdown-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.platform-breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--bg-card);border-radius:8px;border:1px solid var(--border-primary)}.platform-breakdown-item .platform-name{font-weight:500;text-transform:capitalize;color:var(--text-primary)}.platform-breakdown-item .platform-count{font-weight:600;color:var(--accent-primary)}.platform-breakdown-total{padding-top:12px;border-top:1px solid var(--border-primary);text-align:right;font-weight:500;color:var(--text-secondary)}.admin-storage-overview{display:flex;flex-direction:column;gap:8px}.storage-stat{display:flex;gap:8px}.storage-label{color:var(--text-secondary)}.storage-value{color:var(--text-primary);font-weight:500}.admin-empty-text{color:var(--text-muted);font-style:italic;margin:0}.admin-users-controls{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:16px}.admin-search{flex:1;min-width:200px}.admin-search-input{width:100%;padding:10px 14px;border:1px solid var(--border-primary);border-radius:8px;background:var(--bg-input);color:var(--text-primary);font-size:.9rem}.admin-search-input:focus{outline:none;border-color:var(--accent-primary)}.admin-sort{display:flex;gap:8px;align-items:center}.admin-sort-select{padding:10px 36px 10px 14px;border:1px solid var(--border-primary);border-radius:8px;background:var(--bg-input);color:var(--text-primary);font-size:.9rem;appearance:none;-webkit-appearance:none;-moz-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='%23a0aec0' 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;cursor:pointer}.admin-sort-select:focus{outline:none;border-color:var(--accent-primary)}.admin-sort-select option{background:var(--bg-secondary);color:var(--text-primary)}.admin-users-table-container{overflow-x:auto;margin:0 -20px;padding:0 20px}.admin-users-table{width:100%;border-collapse:collapse;font-size:.9rem}.admin-users-table th,.admin-users-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-primary)}.admin-users-table th{font-weight:600;color:var(--text-secondary);background:var(--bg-card);position:sticky;top:0}.admin-users-table tbody tr:hover{background:var(--bg-hover)}.admin-user-row{background:#667eea0d}.admin-user-cell{min-width:200px}.admin-user-info{display:flex;flex-direction:column;gap:2px}.admin-user-email{font-weight:500;color:var(--text-primary);display:flex;align-items:center;gap:8px}.admin-user-name{font-size:.85rem;color:var(--text-secondary)}.admin-badge{display:inline-block;padding:2px 8px;background:var(--accent-primary);color:#fff;font-size:.7rem;font-weight:600;border-radius:4px;text-transform:uppercase}.admin-storage-cell{display:flex;flex-direction:column;gap:2px}.admin-storage-cell .storage-limit{font-size:.8rem;color:var(--text-muted)}.admin-subscription-cell{display:flex;flex-direction:column;gap:2px}.subscription-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:500}.subscription-badge.subscription-free{background:var(--primary-color);color:#fff}.subscription-badge.subscription-paid,.subscription-badge.subscription-monthly,.subscription-badge.subscription-yearly{background:var(--success-color);color:#fff}.subscription-badge.subscription-canceled{background:var(--warning-color);color:var(--text-primary)}.subscription-badge.subscription-past-due{background:var(--danger-color);color:#fff}.subscription-badge.subscription-none{background:var(--background-tertiary);color:var(--text-muted)}.subscription-expiry{font-size:.75rem;color:var(--text-muted)}.admin-actions-cell{display:flex;gap:6px}.admin-actions-cell .btn{padding:4px 8px;font-size:.8rem}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:16px}.admin-loading p{color:var(--text-secondary);margin:0}.admin-pagination{display:flex;justify-content:center;align-items:center;gap:16px;padding-top:16px;border-top:1px solid var(--border-primary);margin-top:16px}.pagination-info{color:var(--text-secondary);font-size:.9rem}.modal-sm{max-width:400px}.modal-user-info{margin-bottom:16px;padding:12px;background:var(--bg-tertiary);border-radius:8px;font-size:.9rem}.modal-user-info strong{color:var(--text-primary)}.modal-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:16px;border-top:1px solid var(--border-primary);margin-top:16px}.form-hint{display:block;margin-top:6px;font-size:.8rem;color:var(--text-muted)}.btn-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:0;font-size:1.1rem}@media (max-width: 768px){.admin-header{flex-direction:column;align-items:flex-start}.admin-metrics{grid-template-columns:repeat(2,1fr)}.admin-users-controls{flex-direction:column}.admin-search,.admin-sort{width:100%}.admin-sort-select{flex:1}.admin-users-table th:nth-child(3),.admin-users-table td:nth-child(3),.admin-users-table th:nth-child(4),.admin-users-table td:nth-child(4){display:none}.admin-pagination{flex-direction:column;gap:12px}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%}}@media (max-width: 480px){.admin-metrics,.platform-breakdown-grid{grid-template-columns:1fr}}.subscription-required-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--bg-primary)}.subscription-required-container{max-width:800px;width:100%}.subscription-header{text-align:center;margin-bottom:2rem}.subscription-header h1{font-size:2rem;font-weight:700;color:var(--accent-primary);margin-bottom:.5rem}.subscription-tagline{color:var(--text-secondary);font-size:1rem}.subscription-required-content{background:var(--bg-card);border-radius:16px;padding:2.5rem;box-shadow:var(--shadow-lg);text-align:center}.subscription-icon{width:64px;height:64px;margin:0 auto 1.5rem;background:var(--accent-light);border-radius:50%;display:flex;align-items:center;justify-content:center}.subscription-icon svg{width:32px;height:32px;stroke:var(--accent-primary)}.subscription-required-content h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.subscription-message{color:var(--text-secondary);font-size:1rem;max-width:500px;margin:0 auto 2rem;line-height:1.6}.subscription-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.plan-card{position:relative;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:12px;padding:1.5rem;transition:all .2s ease}.plan-card:hover{border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.plan-card.recommended{border-color:var(--accent-primary);background:var(--accent-light)}.plan-badge{position:absolute;top:-10px;right:12px;background:var(--success);color:#fff;font-size:.7rem;font-weight:600;padding:.25rem .5rem;border-radius:4px;text-transform:uppercase}.plan-name{font-size:.9rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.plan-price{margin-bottom:.5rem}.price-amount{font-size:2rem;font-weight:700;color:var(--text-primary)}.price-period{font-size:.9rem;color:var(--text-secondary)}.plan-per-month{font-size:.85rem;color:var(--text-tertiary);margin-bottom:1rem}.plan-button{width:100%;padding:.75rem 1rem;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;background:var(--bg-tertiary);color:var(--text-primary)}.plan-button:hover:not(:disabled){background:var(--accent-primary);color:#fff}.plan-button.primary{background:var(--accent-primary);color:#fff}.plan-button.primary:hover:not(:disabled){background:var(--accent-secondary)}.plan-button:disabled{opacity:.5;cursor:not-allowed}.plans-loading{padding:2rem;color:var(--text-secondary)}.subscription-features{text-align:left;max-width:400px;margin:0 auto 1.5rem}.subscription-features h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.subscription-features ul{list-style:none;padding:0;margin:0}.subscription-features li{display:flex;align-items:center;gap:.5rem;padding:.35rem 0;color:var(--text-secondary);font-size:.9rem}.subscription-features li svg{width:16px;height:16px;stroke:var(--success);flex-shrink:0}.subscription-limits{padding:1rem;background:var(--bg-tertiary);border-radius:8px;margin-bottom:1.5rem}.subscription-limits p{color:var(--text-secondary);font-size:.9rem;margin:0}.subscription-actions{padding-top:1rem;border-top:1px solid var(--border-primary)}.logout-link{background:none;border:none;color:var(--text-tertiary);font-size:.9rem;cursor:pointer;text-decoration:underline;transition:color .2s ease}.logout-link:hover{color:var(--text-secondary)}.subscription-banner{background:linear-gradient(135deg,var(--accent-light) 0%,var(--bg-secondary) 100%);border:2px solid var(--accent-primary);border-radius:12px;padding:1.25rem}.subscription-banner-content{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.subscription-banner-icon{width:48px;height:48px;background:var(--accent-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.subscription-banner-icon svg{width:24px;height:24px;stroke:#fff}.subscription-banner-text{flex:1;min-width:200px}.subscription-banner-text h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.subscription-banner-text p{font-size:.875rem;color:var(--text-secondary);margin:0}.subscription-banner-actions{flex-shrink:0}.subscription-banner-plans{display:flex;gap:.5rem;flex-wrap:wrap}.subscription-plan-btn{display:flex;flex-direction:column;align-items:center;padding:.5rem 1rem;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:8px;font-size:.8rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease;min-width:80px;position:relative}.subscription-plan-btn:hover:not(:disabled){border-color:var(--accent-primary);background:var(--accent-light)}.subscription-plan-btn.recommended{border-color:var(--accent-primary);background:var(--accent-primary);color:#fff}.subscription-plan-btn.recommended:hover:not(:disabled){background:var(--accent-secondary)}.subscription-plan-btn:disabled{opacity:.5;cursor:not-allowed}.plan-price-small{font-size:.7rem;font-weight:600;opacity:.8}.plan-savings-badge{position:absolute;top:-6px;right:-6px;background:var(--success);color:#fff;font-size:.6rem;font-weight:600;padding:2px 4px;border-radius:4px}.card-disabled{position:relative;pointer-events:none}.card-disabled:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg-primary);opacity:.6;border-radius:inherit;z-index:5}.card-disabled-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-card);border:1px solid var(--border-primary);padding:.75rem 1.5rem;border-radius:8px;z-index:10;pointer-events:auto;box-shadow:var(--shadow-md)}.card-disabled-overlay p{margin:0;font-size:.9rem;font-weight:500;color:var(--text-secondary)}.main-tab:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.subscription-banner-content{flex-direction:column;text-align:center}.subscription-banner-actions{width:100%}.subscription-banner-plans{justify-content:center}}.usage-indicator{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.5rem .75rem;background:var(--bg-tertiary);border-radius:6px;font-size:.8rem;color:var(--text-secondary)}.usage-indicator svg{width:14px;height:14px;flex-shrink:0}.usage-indicator.warning{background:var(--warning-light);color:var(--warning-text)}.usage-indicator.warning svg{stroke:var(--warning)}.usage-indicator.danger{background:var(--danger-light);color:var(--danger-text)}.usage-indicator.danger svg{stroke:var(--danger)}@media (max-width: 768px){.subscription-plans{grid-template-columns:1fr}.subscription-required-content{padding:1.5rem}.subscription-header h1{font-size:1.5rem}.price-amount{font-size:1.75rem}}@media (max-width: 480px){.subscription-required-page{padding:1rem}.subscription-required-content{padding:1.25rem;border-radius:12px}.subscription-icon{width:48px;height:48px;margin-bottom:1rem}.subscription-icon svg{width:24px;height:24px}.subscription-required-content h2{font-size:1.25rem}.subscription-message{font-size:.9rem}}.billing-tab-content{padding:1rem 0}.billing-dashboard{display:flex;flex-direction:column;gap:1.5rem}.billing-section{background:var(--bg-tertiary);border-radius:12px;padding:1.5rem}.billing-section h3{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.current-plan-card{background:var(--bg-secondary);border-radius:8px;padding:1.25rem;border:1px solid var(--border-primary)}.plan-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-secondary)}.plan-name{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.plan-icon{font-size:1.25rem}.plan-status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.plan-status-badge.status-active{background:var(--success-light);color:var(--success-text)}.plan-status-badge.status-warning{background:var(--warning-light);color:var(--warning-text)}.plan-status-badge.status-danger{background:var(--danger-light);color:var(--danger-text)}.plan-status-badge.status-none{background:var(--bg-tertiary);color:var(--text-secondary)}.plan-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.plan-detail-row{display:flex;justify-content:space-between;align-items:center}.plan-detail-label{color:var(--text-secondary);font-size:.9rem}.plan-detail-value{color:var(--text-primary);font-weight:500}.plan-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-secondary)}.plan-actions .btn{display:inline-flex;align-items:center;gap:.5rem}.btn-danger-outline{background:transparent;color:var(--danger);border:1px solid var(--danger);padding:.5rem 1rem;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s}.btn-danger-outline:hover{background:var(--danger-light)}.plan-resubscribe{width:100%;display:flex;flex-direction:column;gap:.75rem}.plan-resubscribe-info{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.plan-past-due-warning{width:100%;display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:var(--warning-light);border-radius:8px;border:1px solid var(--warning)}.plan-past-due-warning>svg{flex-shrink:0}.plan-past-due-warning>div{flex:1}.plan-past-due-warning strong{display:block;color:var(--warning-text);margin-bottom:.25rem}.plan-past-due-warning p{color:var(--warning-text);font-size:.9rem;margin:0}.plan-past-due-warning .grace-period-warning{margin-top:.5rem;font-weight:500}.plan-past-due-warning .grace-period-warning strong{display:inline;color:var(--danger)}.no-subscription-card{text-align:center;padding:2rem;background:var(--bg-secondary);border-radius:8px;border:1px dashed var(--border-primary)}.no-subscription-icon{width:72px;height:72px;margin:0 auto 1rem;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center}.no-subscription-icon svg{stroke:var(--text-secondary)}.no-subscription-card h4{margin:0 0 .5rem;color:var(--text-primary)}.no-subscription-card p{color:var(--text-secondary);margin:0;font-size:.9rem}.usage-card{display:flex;flex-direction:column;gap:1.25rem;background:var(--bg-secondary);border-radius:8px;padding:1.25rem;border:1px solid var(--border-primary)}.usage-card.empty{text-align:center;color:var(--text-secondary)}.usage-item{display:flex;flex-direction:column;gap:.5rem}.usage-header{display:flex;justify-content:space-between;align-items:center}.usage-label{color:var(--text-secondary);font-size:.9rem}.usage-value{color:var(--text-primary);font-weight:600}.usage-bar{height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.usage-bar-fill{height:100%;background:var(--success);border-radius:4px;transition:width .3s ease}.usage-bar-fill.warning{background:var(--warning)}.usage-bar-fill.danger{background:var(--danger)}.usage-remaining{font-size:.8rem;color:var(--text-tertiary)}.billing-plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.billing-plans-empty{text-align:center;color:var(--text-secondary);padding:2rem}.billing-plan-card{position:relative;background:var(--bg-secondary);border-radius:12px;padding:1.5rem;border:2px solid var(--border-primary);transition:all .2s;display:flex;flex-direction:column}.billing-plan-card:hover{border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.billing-plan-card.recommended{border-color:var(--accent-primary);background:linear-gradient(to bottom,var(--accent-light),var(--bg-secondary))}.plan-recommended-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--accent-primary);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.plan-card-header{text-align:center;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--border-secondary)}.plan-card-header h4{margin:0 0 .5rem;font-size:1.1rem;color:var(--text-primary)}.plan-price{display:flex;align-items:baseline;justify-content:center;gap:.25rem}.plan-price .price-amount{font-size:2rem;font-weight:700;color:var(--text-primary)}.plan-price .price-period{color:var(--text-secondary);font-size:.9rem}.plan-savings{display:inline-block;margin-top:.5rem;padding:.2rem .5rem;background:var(--success-light);color:var(--success-text);border-radius:4px;font-size:.75rem;font-weight:600}.plan-features{list-style:none;padding:0;margin:0 0 1.25rem;display:flex;flex-direction:column;gap:.75rem;flex:1}.plan-features li{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem}.plan-features li svg{flex-shrink:0;stroke:var(--success)}.billing-plan-card .btn{width:100%;margin-top:auto}.billing-history-list{display:flex;flex-direction:column;gap:0}.billing-history-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-secondary)}.billing-history-item:first-child{border-radius:8px 8px 0 0}.billing-history-item:last-child{border-radius:0 0 8px 8px;border-bottom:none}.billing-history-item:only-child{border-radius:8px}.history-item-icon{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center}.history-item-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.history-item-type{font-weight:500;color:var(--text-primary)}.history-item-status-change{font-size:.8rem;color:var(--text-secondary)}.history-item-date{text-align:right;color:var(--text-secondary);font-size:.85rem;display:flex;flex-direction:column;gap:.15rem}.history-item-time{font-size:.75rem;color:var(--text-tertiary)}.billing-history-empty{text-align:center;padding:2rem;color:var(--text-secondary)}.billing-history-empty svg{margin-bottom:.75rem;stroke:var(--text-tertiary)}.billing-history-empty p{margin:0}.auth-sub-tab-badge.warning{background:var(--warning);animation:pulse 2s infinite}@media (max-width: 768px){.billing-section{padding:1rem}.billing-plans-grid{grid-template-columns:1fr}.plan-header{flex-direction:column;align-items:flex-start;gap:.75rem}.plan-actions{flex-direction:column}.plan-actions .btn{width:100%;justify-content:center}.plan-past-due-warning{flex-direction:column;text-align:center}.plan-past-due-warning>svg{margin:0 auto}.billing-history-item{flex-direction:column;align-items:flex-start;gap:.75rem}.history-item-date{text-align:left;flex-direction:row;gap:.5rem}}@media (max-width: 480px){.billing-plan-card{padding:1rem}.plan-price .price-amount{font-size:1.75rem}.plan-features li{font-size:.85rem}}@media (max-width: 768px){.billing-section h3{font-size:1rem;padding:8px 0}.billing-section .btn,.billing-plan-card .btn,.plan-actions .btn,.btn-danger-outline{min-height:48px;font-size:1rem;padding:12px 16px}.no-subscription-card{padding:1.5rem 1rem}.no-subscription-icon{width:60px;height:60px}.usage-card{padding:1rem}.usage-header{flex-direction:column;align-items:flex-start;gap:.25rem}.current-plan-card{padding:1rem}.plan-detail-row{flex-direction:column;align-items:flex-start;gap:.25rem}.plan-detail-label{font-size:.8rem}.plan-detail-value{font-size:.95rem}.plan-resubscribe{gap:1rem}.plan-resubscribe .btn{width:100%}}@media (max-width: 480px){.billing-section{padding:.875rem;border-radius:10px}.billing-section h3{font-size:.95rem}.plan-name{font-size:1rem}.plan-status-badge{padding:.2rem .5rem;font-size:.75rem}}@media (max-width: 768px){.modal-overlay{padding:16px;align-items:flex-end}.modal-content{padding:20px;border-radius:16px 16px 0 0;max-height:85vh;margin-bottom:0}.modal-content.multi-platform-preview{max-width:100%;max-height:90vh}.modal-content h2{font-size:1.15rem;margin-bottom:16px;padding-right:40px}.modal-close-btn{min-width:44px;min-height:44px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;top:12px;right:12px}.modal-content input[type=text],.modal-content input[type=email],.modal-content input[type=password],.modal-content input[type=number],.modal-content textarea,.modal-content select{font-size:16px;min-height:48px;padding:12px}.modal-actions{flex-direction:column-reverse;gap:10px;margin-top:20px;padding-top:16px}.modal-actions .btn{width:100%;min-height:48px;justify-content:center}.modal-user-info{padding:10px;font-size:.85rem}.modal-sm,.export-modal{max-width:100%}.preset-buttons{flex-direction:column}.preset-buttons .btn{width:100%;justify-content:center}.alt-text-modal-content{max-width:100%}}@media (max-width: 480px){.modal-overlay{padding:12px 12px 0}.modal-content{padding:16px;max-height:88vh;border-radius:14px 14px 0 0}.modal-content h2{font-size:1.05rem}.modal-actions{gap:8px;padding-top:14px}.modal-actions .btn{min-height:44px;font-size:.95rem}}@media (max-width: 768px){.modal-overlay.modal-centered{align-items:center}.modal-overlay.modal-centered .modal-content{border-radius:16px;max-height:80vh}}@media (max-width: 360px){.modal-overlay{padding:8px 8px 0}.modal-content{padding:14px;border-radius:12px 12px 0 0}.modal-content h2{font-size:1rem;padding-right:36px}.modal-close-btn{width:40px;height:40px;min-width:40px;min-height:40px;top:8px;right:8px}.modal-actions .btn{min-height:44px;font-size:.9rem}.billing-section{padding:.75rem}.billing-section h3{font-size:.9rem}.billing-plan-card{padding:.875rem}.plan-price .price-amount{font-size:1.5rem}.plan-price .price-period,.plan-features li{font-size:.8rem}.billing-history-item{padding:.75rem}.history-item-type{font-size:.85rem}.history-item-icon{width:32px;height:32px}.subscription-banner-content{padding:.75rem;gap:.75rem}.subscription-banner-text h3{font-size:.9rem}.subscription-banner-text p{font-size:.8rem}.subscription-plan-btn{padding:.375rem .625rem;font-size:.75rem}.top-bar-content{padding:0 .75rem;gap:.5rem}.auth-sub-tabs{gap:4px}.auth-sub-tab{padding:10px 12px;font-size:.8rem}.auth-sub-tab svg{width:16px;height:16px}.account-card{padding:12px;gap:10px}.account-card-icon{width:36px;height:36px}.account-card-name{font-size:.85rem}}.landing-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary)}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.landing-nav-content{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between}.landing-logo h1{font-size:1.5rem;font-weight:700;margin:0;background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-nav-actions{display:flex;align-items:center;gap:1rem}.landing-nav-link{color:var(--text-secondary);text-decoration:none;font-size:.95rem;font-weight:500;transition:color .2s}.landing-nav-link:hover{color:var(--text-primary)}.landing-btn-primary{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.landing-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #f59e0b59}.landing-btn-primary svg{width:18px;height:18px}.landing-btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-primary);padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s}.landing-btn-secondary:hover{background:var(--bg-hover);border-color:var(--text-secondary)}.landing-btn-large{padding:1rem 2rem;font-size:1.1rem}.landing-btn-full{width:100%;justify-content:center}.landing-hero{padding:8rem 2rem 4rem;text-align:center;position:relative;overflow:hidden;min-height:80vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.landing-hero-content{max-width:800px;margin:0 auto;position:relative;z-index:2}.landing-hero-badge{display:inline-block;background:var(--accent-light);color:var(--accent-primary);padding:.5rem 1.25rem;border-radius:100px;font-size:.875rem;font-weight:600;margin-bottom:1.5rem}.landing-hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;margin:0 0 1.5rem;letter-spacing:-.02em}.landing-hero-gradient{background:linear-gradient(135deg,#f59e0b,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-hero-subtitle{font-size:1.25rem;color:var(--text-secondary);line-height:1.7;margin:0 0 2rem;max-width:600px;margin-left:auto;margin-right:auto}.landing-hero-cta{display:flex;flex-direction:column;align-items:center;gap:1rem}.landing-hero-pricing-hint{color:var(--text-tertiary);font-size:.95rem;margin:0}.landing-hero-pricing-hint strong{color:var(--success)}.landing-hero-platforms{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.landing-platform-float{position:absolute;width:48px;height:48px;background:var(--bg-card);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);animation:float 6s ease-in-out infinite;animation-delay:var(--float-delay);opacity:.85}.landing-platform-float svg{width:24px;height:24px;fill:var(--platform-color)}.landing-platform-float:nth-child(1){top:25%;left:10%}.landing-platform-float:nth-child(2){top:25%;right:12%}.landing-platform-float:nth-child(3){top:65%;left:8%}.landing-platform-float:nth-child(4){top:65%;right:10%}.landing-platform-float:nth-child(5){top:45%;left:5%}.landing-platform-float:nth-child(6){top:45%;right:6%}@keyframes float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(2deg)}50%{transform:translateY(-5px) rotate(-1deg)}75%{transform:translateY(-15px) rotate(1deg)}}.landing-platforms-bar{background:var(--bg-secondary);border-top:1px solid var(--border-primary);border-bottom:1px solid var(--border-primary);padding:1.5rem 2rem}.landing-platforms-bar-content{max-width:1200px;margin:0 auto;text-align:center}.landing-platforms-bar-content>p{color:var(--text-tertiary);font-size:.875rem;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.05em}.landing-platforms-list{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem}.landing-platform-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.95rem;font-weight:500}.landing-platform-item svg{width:24px;height:24px;fill:var(--platform-color)}.landing-section-header{text-align:center;margin-bottom:3rem}.landing-section-header h2{font-size:2.25rem;font-weight:700;margin:0 0 .75rem;letter-spacing:-.01em}.landing-section-header p{font-size:1.1rem;color:var(--text-secondary);margin:0}.landing-features{padding:5rem 2rem;max-width:1200px;margin:0 auto}.landing-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.landing-feature-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:16px;padding:2rem;transition:all .3s}.landing-feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent-primary)}.landing-feature-icon{width:48px;height:48px;background:var(--accent-light);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.landing-feature-icon svg{width:24px;height:24px;stroke:var(--accent-primary)}.landing-feature-card h3{font-size:1.15rem;font-weight:600;margin:0 0 .75rem}.landing-feature-card p{font-size:.95rem;color:var(--text-secondary);margin:0;line-height:1.6}.landing-how-it-works{padding:5rem 2rem;background:var(--bg-tertiary)}.landing-steps-horizontal{max-width:900px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:1.5rem}.landing-step-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:16px;padding:2rem 1.5rem;text-align:center;flex:1;max-width:240px}.landing-step-card .landing-step-number{width:48px;height:48px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;margin:0 auto 1rem}.landing-step-card h3{font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.landing-step-card p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.5}.landing-step-arrow{color:var(--text-tertiary);flex-shrink:0}.landing-step-arrow svg{width:24px;height:24px}.landing-pricing{padding:5rem 2rem;max-width:800px;margin:0 auto}.landing-pricing-toggle{display:flex;justify-content:center;gap:.5rem;margin-bottom:2rem;background:var(--bg-tertiary);padding:.5rem;border-radius:12px}.landing-pricing-toggle-btn{background:transparent;border:none;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;color:var(--text-secondary);cursor:pointer;border-radius:8px;transition:all .2s;display:flex;align-items:center;gap:.5rem}.landing-pricing-toggle-btn:hover{color:var(--text-primary)}.landing-pricing-toggle-btn.active{background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-sm)}.landing-pricing-badge{background:var(--success);color:#fff;padding:.2rem .5rem;border-radius:100px;font-size:.7rem;font-weight:600}.landing-pricing-card{background:var(--bg-card);border:2px solid var(--accent-primary);border-radius:20px;padding:2.5rem;text-align:center;box-shadow:0 8px 32px #f59e0b26}.landing-pricing-card-header{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border-primary)}.landing-pricing-amount{display:flex;align-items:flex-start;justify-content:center;gap:.25rem}.landing-pricing-currency{font-size:1.5rem;font-weight:600;margin-top:.5rem}.landing-pricing-value{font-size:4rem;font-weight:800;line-height:1}.landing-pricing-period{font-size:1rem;color:var(--text-secondary);align-self:flex-end;margin-bottom:.5rem}.landing-pricing-billed{color:var(--text-tertiary);font-size:.9rem;margin:.75rem 0 0}.landing-pricing-features{list-style:none;padding:0;margin:0 0 2rem;text-align:left}.landing-pricing-features li{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;font-size:.95rem;color:var(--text-secondary);border-bottom:1px solid var(--border-secondary)}.landing-pricing-features li:last-child{border-bottom:none}.landing-pricing-features li svg{width:18px;height:18px;min-width:18px;stroke:var(--success)}.landing-pricing-guarantee{color:var(--text-tertiary);font-size:.9rem;margin:1rem 0 0}.landing-pricing-guarantee a{color:var(--accent-primary);text-decoration:none}.landing-pricing-guarantee a:hover{text-decoration:underline}.landing-final-cta{padding:5rem 2rem;background:linear-gradient(135deg,#1c1917,#0c0a09);text-align:center}[data-theme=dark] .landing-final-cta{background:linear-gradient(135deg,#1c1917,#0c0a09)}.landing-final-cta-content{max-width:600px;margin:0 auto}.landing-final-cta h2{font-size:2rem;font-weight:700;color:#fff;margin:0 0 .75rem}.landing-final-cta p{color:#94a3b8;font-size:1.1rem;margin:0 0 2rem}.landing-footer{background:var(--bg-secondary);border-top:1px solid var(--border-primary);padding:3rem 2rem 0}.landing-footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;gap:3rem;padding-bottom:2rem}.landing-footer-brand{flex:1}.landing-footer-brand h3{font-size:1.25rem;font-weight:600;margin:0 0 .5rem;background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-footer-brand p{color:var(--text-secondary);font-size:.9rem;margin:0}.landing-footer-column{min-width:120px}.landing-footer-column h4{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin:0 0 1rem}.landing-footer-column a{display:block;color:var(--text-secondary);text-decoration:none;font-size:.9rem;margin-bottom:.75rem;transition:color .2s}.landing-footer-column a:hover{color:var(--text-primary)}.landing-footer-bottom{max-width:1200px;margin:0 auto;padding:1.5rem 0;border-top:1px solid var(--border-primary);text-align:center}.landing-footer-bottom p{color:var(--text-tertiary);font-size:.85rem;margin:0}@media (max-width: 1024px){.landing-features-grid{grid-template-columns:repeat(2,1fr)}.landing-platform-float{display:none}}@media (max-width: 768px){.landing-nav-content{padding:.875rem 1rem}.landing-logo h1{font-size:1.25rem}.landing-nav-link{display:none}.landing-nav-actions{gap:.5rem}.landing-btn-secondary{padding:.5rem .875rem;font-size:.85rem;min-height:44px}.landing-btn-primary{padding:.5rem 1rem;font-size:.85rem;min-height:44px}.landing-hero{padding:5.5rem 1rem 2.5rem;min-height:auto}.landing-hero-title{font-size:2rem}.landing-hero-subtitle{font-size:1rem;padding:0 .5rem}.landing-platforms-bar{padding:1.25rem 1rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.landing-platforms-list{gap:.875rem;flex-wrap:nowrap;justify-content:flex-start;min-width:max-content;padding:0 .5rem}.landing-platform-item span{display:none}.landing-platform-item svg{width:28px;height:28px}.landing-platform-item{min-width:44px;min-height:44px;justify-content:center}.landing-features{padding:2.5rem 1rem}.landing-features-grid{grid-template-columns:1fr;gap:1rem}.landing-feature-card{padding:1.25rem}.landing-section-header{margin-bottom:2rem;padding:0 .5rem}.landing-section-header h2{font-size:1.5rem}.landing-section-header p{font-size:.95rem}.landing-how-it-works{padding:2.5rem 1rem}.landing-steps-horizontal{flex-direction:column;gap:.75rem}.landing-step-card{max-width:100%;width:100%;padding:1.25rem}.landing-step-card .landing-step-number{width:40px;height:40px;font-size:1rem}.landing-step-arrow{transform:rotate(90deg)}.landing-pricing{padding:2.5rem 1rem}.landing-pricing-toggle{flex-direction:column;background:transparent;padding:0;gap:.5rem}.landing-pricing-toggle-btn{background:var(--bg-tertiary);width:100%;justify-content:center;min-height:48px;padding:.75rem 1rem}.landing-pricing-card{padding:1.25rem}.landing-pricing-value{font-size:3rem}.landing-pricing-features li{padding:.625rem 0;font-size:.9rem}.landing-btn-full{min-height:48px;font-size:1rem}.landing-final-cta{padding:2.5rem 1rem}.landing-final-cta h2{font-size:1.375rem}.landing-final-cta p{font-size:1rem}.landing-footer{padding:2rem 1rem 0}.landing-footer-content{flex-direction:column;gap:1.5rem;text-align:center}.landing-footer-column{min-width:auto}.landing-footer-column a{text-align:center;padding:.5rem 0;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.landing-footer-bottom{padding:1rem 0}}@media (max-width: 480px){.landing-nav-content{padding:.75rem}.landing-logo h1{font-size:1.1rem}.landing-btn-secondary{display:none}.landing-btn-primary{padding:.5rem .875rem;font-size:.8rem}.landing-hero{padding:5rem .875rem 2rem}.landing-hero-badge{font-size:.7rem;padding:.375rem .875rem}.landing-hero-title{font-size:1.625rem;line-height:1.15}.landing-hero-subtitle{font-size:.9rem;line-height:1.6}.landing-hero-pricing-hint{font-size:.85rem}.landing-btn-large{padding:.875rem 1.25rem;font-size:.95rem;width:100%;justify-content:center}.landing-platforms-bar{padding:1rem .75rem}.landing-platforms-list{gap:.625rem}.landing-platform-item svg{width:24px;height:24px}.landing-features{padding:2rem .875rem}.landing-feature-card{padding:1rem}.landing-feature-icon{width:40px;height:40px}.landing-feature-icon svg{width:20px;height:20px}.landing-feature-card h3{font-size:1rem}.landing-feature-card p{font-size:.875rem}.landing-section-header h2{font-size:1.25rem}.landing-section-header p{font-size:.875rem}.landing-how-it-works{padding:2rem .875rem}.landing-step-card{padding:1rem}.landing-step-card .landing-step-number{width:36px;height:36px;font-size:.95rem}.landing-step-card h3{font-size:1rem}.landing-step-card p{font-size:.85rem}.landing-pricing{padding:2rem .875rem}.landing-pricing-toggle-btn{padding:.75rem 1rem;font-size:.85rem;min-height:48px}.landing-pricing-badge{font-size:.65rem;padding:.15rem .4rem}.landing-pricing-card{padding:1rem;border-radius:16px}.landing-pricing-card-header{margin-bottom:1.5rem;padding-bottom:1.5rem}.landing-pricing-value{font-size:2.5rem}.landing-pricing-currency{font-size:1.25rem}.landing-pricing-period{font-size:.9rem}.landing-pricing-features{margin-bottom:1.5rem}.landing-pricing-features li{padding:.5rem 0;font-size:.85rem;gap:.5rem}.landing-pricing-features li svg{width:16px;height:16px;min-width:16px}.landing-pricing-guarantee{font-size:.8rem}.landing-final-cta{padding:2rem .875rem}.landing-final-cta h2{font-size:1.25rem;line-height:1.3}.landing-final-cta p{font-size:.9rem;margin-bottom:1.5rem}.landing-footer{padding:1.5rem .875rem 0}.landing-footer-brand h3{font-size:1.1rem}.landing-footer-brand p{font-size:.85rem}.landing-footer-column h4{font-size:.8rem;margin-bottom:.75rem}.landing-footer-column a{font-size:.85rem;margin-bottom:.5rem}.landing-footer-bottom p{font-size:.75rem}}@media (max-width: 360px){.landing-logo h1{font-size:1rem}.landing-btn-primary{padding:.5rem .75rem;font-size:.75rem}.landing-hero{padding:4.5rem .75rem 1.5rem}.landing-hero-badge{font-size:.65rem;padding:.3rem .75rem}.landing-hero-title{font-size:1.5rem}.landing-hero-subtitle{font-size:.85rem}.landing-platforms-bar{padding:.875rem .5rem}.landing-platform-item svg{width:22px;height:22px}.landing-features,.landing-how-it-works,.landing-pricing,.landing-final-cta,.landing-footer{padding-left:.75rem;padding-right:.75rem}.landing-section-header h2{font-size:1.125rem}.landing-pricing-value{font-size:2.25rem}.landing-final-cta h2{font-size:1.125rem}}.dashboard-container{max-width:1100px;margin:0 auto;padding:24px}.dashboard-section{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;margin-bottom:1.5rem;overflow:hidden}.dashboard-section .collapsible-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-primary)}.dashboard-section .collapsible-content{padding:0}.dashboard-section .collapsible-content.collapsed{padding:0;border-top:none}.section-actions{display:flex;align-items:center;gap:.75rem}.section-count{font-size:.8rem;font-weight:500;color:var(--text-secondary);background:var(--bg-tertiary);padding:3px 10px;border-radius:12px}.settings-card-content{padding:1.5rem}.settings-card-content p{color:var(--text-secondary);margin:0 0 1.25rem;line-height:1.6}.settings-card-content button{display:inline-flex;align-items:center;gap:.5rem}.dashboard-empty-state{background:var(--bg-card);border-radius:16px;padding:3rem 2rem;text-align:center;margin-bottom:2rem;border:1px solid var(--border-primary)}.empty-state-content{max-width:500px;margin:0 auto}.empty-state-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #f59e0b4d}.empty-state-icon svg{width:40px;height:40px;color:#fff}.empty-state-content h2{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 .75rem}.empty-state-description{font-size:1.1rem;color:var(--text-secondary);margin:0 0 2rem}.empty-state-features{background:var(--bg-secondary);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.coming-soon-badge{display:inline-block;background:linear-gradient(135deg,var(--accent-primary) 0%,#8b5cf6 100%);color:#fff;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.35rem .75rem;border-radius:20px;margin-bottom:1rem}.feature-preview-list{list-style:none;padding:0;margin:0;text-align:left}.feature-preview-list li{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;color:var(--text-primary);font-size:.95rem}.feature-preview-list li svg{width:18px;height:18px;color:var(--accent-primary);flex-shrink:0}.empty-state-message{font-size:.9rem;color:var(--text-muted);margin:0}.dashboard-settings-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.settings-card{background:var(--bg-card);border-radius:12px;padding:1.5rem;border:1px solid var(--border-primary)}.settings-card h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.settings-card p{font-size:.9rem;color:var(--text-secondary);margin:0 0 1rem;line-height:1.5}.settings-card .btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:transparent;border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.settings-card .btn-secondary:hover{background:var(--bg-secondary);border-color:var(--accent-primary);color:var(--accent-primary)}.settings-card .btn-secondary svg{width:18px;height:18px}@media (max-width: 640px){.dashboard-container{padding:1rem}.dashboard-empty-state{padding:2rem 1.5rem}.empty-state-icon{width:64px;height:64px}.empty-state-icon svg{width:32px;height:32px}.empty-state-content h2{font-size:1.5rem}.empty-state-description{font-size:1rem}.dashboard-settings-section{grid-template-columns:1fr}}.mailing-lists-section{padding:1.5rem}.mailing-lists-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.mailing-lists-title{display:flex;align-items:baseline;gap:.75rem}.mailing-lists-title h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.lists-count{font-size:.875rem;color:var(--text-muted);font-weight:400}.mailing-lists-loading,.mailing-lists-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;background:var(--bg-card);border-radius:16px;border:1px solid var(--border-primary);text-align:center}.mailing-lists-loading p,.mailing-lists-error p{color:var(--text-secondary);margin:1rem 0 0;font-size:.95rem}.mailing-lists-error svg{width:48px;height:48px;color:var(--danger, #ef4444)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-primary);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mailing-lists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.mailing-list-card{background:var(--bg-card);border-radius:12px;border:1px solid var(--border-primary);overflow:hidden;transition:all .2s ease;box-shadow:var(--shadow-sm)}.mailing-list-card:hover{border-color:var(--accent-primary);box-shadow:0 4px 16px #f59e0b33;transform:translateY(-2px)}.list-icon{width:44px;height:44px;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #f59e0b4d}.list-icon svg{width:22px;height:22px;color:#fff}.list-card-actions{display:flex;gap:.25rem;opacity:0;transition:opacity .2s ease}.mailing-list-card:hover .list-card-actions{opacity:1}.list-card-actions .btn-icon{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;cursor:pointer;color:var(--text-secondary);transition:all .2s ease}.list-card-actions .btn-icon svg{width:16px;height:16px}.list-card-actions .btn-edit:hover{background:var(--bg-secondary);color:var(--accent-primary)}.list-card-actions .btn-delete:hover{background:#ef44441a;color:#ef4444}.list-card-body{padding:1.25rem;background:var(--bg-card)}.list-name{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem;line-height:1.3}.list-description{font-size:.875rem;color:var(--text-secondary);margin:0 0 1rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.list-signup-url{margin:0 0 1rem}.signup-url-label{font-size:.75rem;font-weight:500;color:var(--text-muted);margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.5px}.signup-url-container{display:flex;gap:.5rem;align-items:center}.signup-url-input{flex:1;padding:.5rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:6px;font-size:.8rem;color:var(--text-primary);font-family:Courier New,monospace;cursor:pointer;transition:all .2s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.signup-url-input:hover{background:var(--bg-tertiary)}.signup-url-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light)}.btn-copy-url{padding:.5rem;background:var(--accent-primary);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:38px;height:38px}.btn-copy-url svg{width:18px;height:18px}.btn-copy-url:hover{background:var(--accent-secondary);transform:translateY(-1px)}.btn-copy-url:active{transform:translateY(0)}.btn-copy-url.copied{background:#10b981}.btn-copy-url.copied:hover{background:#059669}.list-meta{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text-muted);gap:1rem;flex-wrap:wrap}.list-subscribers{display:flex;align-items:center;gap:.35rem}.list-subscribers svg{width:14px;height:14px}.list-created{font-size:.75rem}.list-card-footer{border-top:1px solid var(--border-primary);background:var(--bg-card);display:flex;flex-direction:column;gap:0}.btn-view-subscribers{width:100%;padding:.875rem 1.25rem;background:transparent;color:var(--text-secondary);border:none;border-bottom:1px solid var(--border-primary);cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;transition:all .2s}.btn-view-subscribers:hover{background:var(--bg-secondary);color:var(--accent-primary)}.btn-view-subscribers svg:first-child{width:18px;height:18px}.btn-view-subscribers svg:last-child{width:14px;height:14px;margin-left:auto;opacity:.5}.btn-embed-code{width:100%;padding:.875rem 1.25rem;background:transparent;color:var(--text-secondary);border:none;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;transition:all .2s}.btn-embed-code:hover:not(:disabled){background:var(--bg-secondary);color:var(--accent-primary)}.btn-embed-code:disabled{cursor:not-allowed;opacity:.6}.btn-embed-code.copied{color:var(--success-color)}.btn-embed-code svg{width:18px;height:18px}.loading-spinner-small{width:14px;height:14px;border:2px solid var(--border-primary);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}.embed-modal{max-width:700px}.embed-modal .modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-primary)}.embed-modal .modal-header h2{margin:0;font-size:1.25rem;color:var(--text-primary)}.embed-modal .modal-body{display:flex;flex-direction:column;gap:16px}.embed-instructions{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.5}.embed-code-textarea{width:100%;padding:12px;border:1px solid var(--border-primary);border-radius:8px;background:var(--bg-tertiary);color:var(--text-primary);font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:.8rem;line-height:1.5;resize:vertical;min-height:300px;box-sizing:border-box}.embed-code-textarea:focus{outline:none;border-color:var(--accent-primary)}.embed-loading{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px}.embed-loading p{margin:0;color:var(--text-secondary)}.embed-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.embed-actions button{padding:.625rem 1.25rem;font-size:.9rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease;border:1px solid transparent;display:flex;align-items:center;gap:8px}.embed-actions .btn-primary{background:#f59e0b;color:#fff;border-color:#f59e0b}.embed-actions .btn-primary:hover{background:#d97706;border-color:#d97706;transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.embed-actions .btn-primary.copied{background:#10b981;border-color:#10b981}.embed-actions .btn-primary.copied:hover{background:#059669;border-color:#059669;transform:none;box-shadow:none}.embed-actions .btn-secondary{background:transparent;border:1px solid var(--border-primary);color:var(--text-primary)}.embed-actions .btn-secondary:hover{background:var(--bg-secondary);border-color:var(--text-muted)}.embed-actions button svg{width:18px;height:18px}.subscribers-table-wrapper{overflow-x:auto;border-radius:8px;border:1px solid var(--border-primary)}.subscribers-table thead{background:var(--bg-secondary)}.subscribers-table th{padding:.75rem 1rem;text-align:left;font-weight:600;color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-primary)}.subscribers-table td{padding:.875rem 1rem;color:var(--text-primary)}.subscriber-list-page{padding:2rem;max-width:1400px;margin:0 auto}.subscriber-list-header{margin-bottom:2rem}.btn-back{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:transparent;color:var(--text-secondary);border:1px solid var(--border-primary);border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:1.5rem}.btn-back:hover{background:var(--bg-secondary);color:var(--accent-primary);border-color:var(--accent-primary)}.btn-back svg{width:16px;height:16px}.list-info-header{margin-bottom:1.5rem}.list-info-header h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.list-info-header .list-description{font-size:1rem;color:var(--text-secondary);margin:0;line-height:1.6}.subscriber-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;padding:1.25rem;transition:all .2s}.stat-card:hover{border-color:var(--accent-primary);box-shadow:0 4px 12px #f59e0b1a}.stat-card.stat-confirmed{border-left:4px solid #10b981}.stat-card.stat-unconfirmed{border-left:4px solid #f59e0b}.stat-card.stat-unsubscribed{border-left:4px solid #6b7280}.stat-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:2rem;font-weight:700;color:var(--text-primary)}.subscriber-controls{margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem}.search-box{position:relative;flex:1;max-width:500px}.search-box .search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-tertiary);pointer-events:none}.search-input{width:100%;padding:.75rem 3rem;border:1px solid var(--border-primary);border-radius:8px;background:var(--bg-input);color:var(--text-primary);font-size:.875rem;transition:all .2s}.search-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light)}.search-input::placeholder{color:var(--text-tertiary)}.clear-search{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:transparent;border:none;padding:.25rem;cursor:pointer;color:var(--text-tertiary);transition:all .2s;display:flex;align-items:center;justify-content:center}.clear-search svg{width:16px;height:16px}.clear-search:hover{color:var(--text-primary);background:var(--bg-hover);border-radius:4px}.status-filter-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.filter-btn{padding:.625rem 1rem;border:1px solid var(--border-primary);border-radius:8px;background:var(--bg-card);color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.filter-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--text-primary)}.filter-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;box-shadow:0 2px 8px #f59e0b4d}.filter-btn-confirmed.active{background:#10b981;border-color:#10b981;box-shadow:0 2px 8px #10b9814d}.filter-btn-unconfirmed.active{background:#f59e0b;border-color:#f59e0b;box-shadow:0 2px 8px #f59e0b4d}.filter-btn-unsubscribed.active{background:#6b7280;border-color:#6b7280;box-shadow:0 2px 8px #6b72804d}.subscriber-list-content{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;overflow:hidden}.subscribers-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}.subscribers-loading p{margin:0;color:var(--text-secondary);font-size:.875rem}.subscribers-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}.subscribers-error svg{width:48px;height:48px;color:#ef4444}.subscribers-error p{margin:0;color:var(--text-secondary);font-size:.875rem}.subscribers-empty-large{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.subscribers-empty-large .empty-icon{width:64px;height:64px;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;box-shadow:0 4px 16px #f59e0b4d}.subscribers-empty-large .empty-icon svg{width:32px;height:32px;color:#fff}.subscribers-empty-large h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem}.subscribers-empty-large p{font-size:1rem;color:var(--text-secondary);margin:0 0 1rem;max-width:400px}.subscribers-empty-large button{margin-top:.5rem}.subscribers-table-wrapper{overflow-x:auto}.subscribers-table{width:100%;border-collapse:collapse;font-size:.875rem}.subscribers-table thead{background:var(--bg-secondary);border-bottom:2px solid var(--border-primary)}.subscribers-table th{padding:1rem 1.25rem;text-align:left;font-weight:600;color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.subscribers-table tbody tr{border-bottom:1px solid var(--border-primary);transition:background .15s}.subscribers-table tbody tr:last-child{border-bottom:none}.subscribers-table tbody tr:hover{background:var(--bg-secondary)}.subscribers-table td{padding:1rem 1.25rem;color:var(--text-primary)}.subscriber-email{font-family:Courier New,monospace;font-size:.875rem;color:var(--text-primary);font-weight:500}.subscriber-name{color:var(--text-secondary)}.subscriber-status{text-align:center}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:capitalize;letter-spacing:.3px}.status-badge-confirmed{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.3)}.status-badge-unconfirmed{background:#fbbf241a;color:#f59e0b;border:1px solid rgba(251,191,36,.3)}.status-badge-unsubscribed{background:#6b72801a;color:#6b7280;border:1px solid rgba(107,114,128,.3)}.status-badge-default{background:var(--bg-secondary);color:var(--text-muted);border:1px solid var(--border-primary)}.subscriber-date{color:var(--text-muted);font-size:.8rem}.actions-column{text-align:center;width:80px}.subscriber-actions{text-align:center}.btn-delete-subscriber{background:transparent;border:1px solid var(--border-primary);border-radius:6px;padding:.5rem;cursor:pointer;color:var(--text-tertiary);transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.btn-delete-subscriber svg{width:16px;height:16px}.btn-delete-subscriber:hover{background:var(--danger-light);border-color:var(--danger);color:var(--danger)}.btn-danger{background:var(--danger);color:#fff;border:1px solid var(--danger);padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-danger:hover:not(:disabled){background:#dc2626;border-color:#dc2626;box-shadow:0 4px 12px #ef44444d}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.warning-text{color:var(--text-secondary);font-size:.875rem;margin-top:.5rem}.delete-subscriber-modal{max-width:480px}.delete-subscriber-modal .modal-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;padding:.5rem;cursor:pointer;color:var(--text-tertiary);transition:all .2s;border-radius:6px;z-index:1}.delete-subscriber-modal .modal-close:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.delete-subscriber-modal .modal-close:disabled{opacity:.5;cursor:not-allowed}.delete-subscriber-modal .modal-close svg{width:20px;height:20px;display:block}.modal-icon-header{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 2rem 1rem}.modal-icon-wrapper{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.modal-icon-wrapper.delete-icon{background:linear-gradient(135deg,#ef44441a,#dc262626);border:2px solid rgba(239,68,68,.2)}.modal-icon-wrapper svg{width:32px;height:32px;color:var(--danger)}.modal-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.delete-subscriber-modal .modal-body{padding:0 2rem 2rem}.modal-message{font-size:1rem;color:var(--text-secondary);margin:0 0 1.25rem;text-align:center;line-height:1.6}.subscriber-email-highlight{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;padding:.875rem 1rem;font-family:SF Mono,Monaco,Inconsolata,Fira Code,Consolas,monospace;font-size:.9375rem;color:var(--text-primary);font-weight:500;text-align:center;margin-bottom:1.25rem;word-break:break-all}.modal-warning{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:#ef44440d;border:1px solid rgba(239,68,68,.15);border-radius:8px;color:var(--danger-text);font-size:.875rem;font-weight:500}.modal-warning svg{width:16px;height:16px;flex-shrink:0;color:var(--danger)}.delete-subscriber-modal .modal-footer{padding:1.5rem 2rem 2rem;display:flex;gap:.75rem;justify-content:flex-end;border-top:1px solid var(--border-primary)}.delete-subscriber-modal .modal-footer .btn-secondary{padding:.75rem 1.5rem;font-size:.9375rem;font-weight:500;border-radius:8px;transition:all .2s}.delete-subscriber-modal .modal-footer .btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--text-muted)}.delete-subscriber-modal .modal-footer .btn-danger{padding:.75rem 1.5rem;font-size:.9375rem;display:inline-flex;align-items:center;justify-content:center}.btn-danger .spinner{width:16px;height:16px;margin-right:.5rem;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.subscriber-list-page{padding:1rem}.list-info-header h1{font-size:1.5rem}.subscriber-stats{grid-template-columns:1fr}.stat-value{font-size:1.75rem}.subscriber-controls{flex-direction:column;align-items:stretch}.search-box{max-width:none}.status-filter-buttons{justify-content:space-between}.filter-btn{flex:1;min-width:0;font-size:.75rem;padding:.5rem .75rem}.subscribers-table{font-size:.8rem}.delete-subscriber-modal .modal-icon-header{padding:1.5rem 1.5rem 1rem}.modal-icon-wrapper{width:56px;height:56px}.modal-icon-wrapper svg{width:28px;height:28px}.modal-title{font-size:1.25rem}.delete-subscriber-modal .modal-body{padding:0 1.5rem 1.5rem}.delete-subscriber-modal .modal-footer{padding:1.25rem 1.5rem 1.5rem;flex-direction:column-reverse}.delete-subscriber-modal .modal-footer button{width:100%}.subscriber-email-highlight{font-size:.875rem;padding:.75rem}.subscribers-table th,.subscribers-table td{padding:.75rem .875rem}.subscriber-email{font-size:.8rem}}@media (max-width: 640px){.mailing-lists-header{flex-direction:column;align-items:stretch}.mailing-lists-title{justify-content:space-between}.mailing-lists-header .btn-primary{width:100%;justify-content:center}.mailing-lists-grid{grid-template-columns:1fr}.list-card-actions{opacity:1}}.modal-confirm{max-width:420px}.modal-confirm .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-primary)}.modal-confirm .modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.modal-confirm .modal-close-btn{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;cursor:pointer;color:var(--text-secondary);transition:all .2s ease}.modal-confirm .modal-close-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.modal-confirm .modal-close-btn svg{width:18px;height:18px}.modal-confirm .modal-body{margin-bottom:1.5rem}.modal-confirm .modal-body p{margin:0 0 .75rem;line-height:1.5;color:var(--text-primary)}.modal-confirm .modal-body p:last-child{margin-bottom:0}.modal-confirm .modal-body .text-muted{font-size:.875rem;color:var(--text-muted)}.modal-confirm .modal-actions{display:flex;justify-content:flex-end;gap:.75rem}.modal-confirm .modal-actions button{padding:.625rem 1.25rem;font-size:.9rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease}.modal-confirm .btn-secondary{background:transparent;border:1px solid var(--border-primary);color:var(--text-primary)}.modal-confirm .btn-secondary:hover{background:var(--bg-secondary);border-color:var(--primary-color)}.modal-confirm .btn-danger{background:#ef4444;border:1px solid #ef4444;color:#fff}.modal-confirm .btn-danger:hover{background:#dc2626;border-color:#dc2626}.modal-form{max-width:480px}.modal-form .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-primary)}.modal-form .modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.modal-form .modal-close-btn{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;cursor:pointer;color:var(--text-secondary);transition:all .2s ease}.modal-form .modal-close-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.modal-form .modal-close-btn svg{width:18px;height:18px}.modal-form form{display:flex;flex-direction:column;gap:1.25rem}.modal-form .form-group{display:flex;flex-direction:column;gap:.5rem}.modal-form .form-group label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.modal-form .form-group input,.modal-form .form-group textarea{padding:.75rem;font-size:.95rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);transition:border-color .2s ease}.modal-form .form-group input:focus,.modal-form .form-group textarea:focus{outline:none;border-color:var(--primary-color)}.modal-form .form-group input::placeholder,.modal-form .form-group textarea::placeholder{color:var(--text-muted)}.modal-form .form-group input:disabled,.modal-form .form-group textarea:disabled{opacity:.7;cursor:not-allowed}.modal-form .form-group textarea{resize:vertical;min-height:80px}.modal-form .form-hint{font-size:.75rem;color:var(--text-muted);text-align:right}.modal-form .form-error{padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:.875rem}.modal-form .modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.5rem}.modal-form .modal-actions button{padding:.625rem 1.25rem;font-size:.9rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease}.modal-form .btn-secondary{background:transparent;border:1px solid var(--border-primary);color:var(--text-primary)}.modal-form .btn-secondary:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--primary-color)}.modal-form .btn-primary{background:#f59e0b;border:1px solid #fbbf24;color:#fff}.modal-form .btn-primary:hover:not(:disabled){background:#d97706;border-color:#f59e0b}.modal-form .btn-primary:disabled,.modal-form .btn-secondary:disabled{opacity:.6;cursor:not-allowed}.composer-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem;color:var(--text-secondary);min-height:400px}.composer-header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.composer-header-actions{display:flex;align-items:center;gap:1rem;flex-shrink:0;flex-wrap:wrap}.usage-dashboard{width:100%;margin-bottom:2rem}.usage-dashboard.loading,.usage-dashboard.error{padding:2rem;text-align:center;background:var(--bg-card);border-radius:12px;border:1px solid var(--border-primary)}.usage-dashboard .spinner{width:40px;height:40px;margin:0 auto;border:4px solid var(--border-primary);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}.usage-dashboard .error-message{color:var(--danger);font-size:.95rem}.email-usage-card.primary{background:var(--bg-card);border:2px solid var(--accent-primary);border-radius:16px;padding:2rem;margin-bottom:1.5rem;box-shadow:var(--shadow-lg)}.email-usage-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.email-usage-card .card-header h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.email-usage-card .reset-info{font-size:.875rem;color:var(--text-secondary);font-weight:500}.counter-display{display:flex;align-items:baseline;justify-content:center;gap:.5rem;margin-bottom:1rem}.count-used{font-size:3rem;font-weight:800;color:var(--accent-primary);line-height:1}.count-separator{font-size:2rem;font-weight:600;color:var(--text-tertiary)}.count-limit{font-size:2rem;font-weight:600;color:var(--text-secondary)}.count-label{font-size:1rem;color:var(--text-secondary);margin-left:.5rem}.progress-bar-container{width:100%;height:24px;background:var(--bg-tertiary);border-radius:12px;overflow:hidden;margin-bottom:.75rem;border:1px solid var(--border-primary)}.progress-bar-fill{height:100%;transition:width .5s ease,background-color .3s ease;border-radius:12px}.usage-details{display:flex;justify-content:space-between;align-items:center;font-size:.95rem;color:var(--text-secondary);font-weight:500}.usage-details .percentage{font-weight:600}.warning-banner{margin-top:1rem;padding:.875rem 1rem;border-radius:8px;font-size:.95rem;font-weight:500;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.warning-banner.moderate{background:var(--warning-light);color:var(--warning-text);border:1px solid var(--warning)}.warning-banner.critical{background:var(--danger-light);color:var(--danger-text);border:1px solid var(--danger)}.warning-banner.subscriber-warning{margin-top:0;margin-bottom:1.5rem}.upgrade-btn-inline{padding:.5rem 1rem;background:var(--accent-primary);color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.upgrade-btn-inline:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.usage-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;padding:1.25rem;display:flex;gap:1rem;transition:all .2s ease}.usage-card:hover{box-shadow:var(--shadow-md);border-color:var(--accent-primary)}.usage-card .card-icon{font-size:2rem;line-height:1}.usage-card .card-content{flex:1;min-width:0}.usage-card .metric-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem;line-height:1}.usage-card .metric-limit{font-size:1.25rem;font-weight:500;color:var(--text-tertiary)}.usage-card .metric-label{font-size:.875rem;color:var(--text-secondary);font-weight:500;margin-bottom:.5rem}.progress-bar-mini{width:100%;height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden;margin-top:.5rem}.progress-bar-mini-fill{height:100%;background:var(--accent-primary);transition:width .5s ease;border-radius:3px}.unlimited-badge{display:inline-block;padding:.25rem .625rem;background:var(--success-light);color:var(--success-text);border-radius:6px;font-size:.75rem;font-weight:600;margin-top:.5rem}@media (max-width: 768px){.email-usage-card.primary{padding:1.5rem}.email-usage-card .card-header{flex-direction:column;align-items:flex-start;gap:.5rem}.count-used{font-size:2.5rem}.count-limit{font-size:1.75rem}.usage-grid{grid-template-columns:1fr}}@media (min-width: 1200px){.usage-grid{grid-template-columns:repeat(3,1fr)}}.billing-settings-container{padding:1.5rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-primary)}.billing-settings-container h2{margin:0 0 1.5rem;font-size:1.25rem;color:var(--text-primary)}.billing-message{padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem;font-size:.875rem}.billing-message.success{background:var(--success-light);border:1px solid var(--success);color:var(--success-text)}.billing-message.error{background:var(--danger-light);border:1px solid var(--danger);color:var(--danger-text)}.billing-info-card{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:6px;padding:1.5rem;margin-bottom:1.5rem}.billing-info-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--border-primary)}.billing-info-row:last-child{border-bottom:none}.billing-label{color:var(--text-secondary);font-size:.875rem}.billing-value{color:var(--text-primary);font-weight:500}.billing-status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.billing-status-badge-active{background:var(--success-light);color:var(--success-text)}.billing-status-badge-trial{background:#f59e0b33;color:var(--accent-primary)}.billing-status-badge-warning{background:var(--warning-light);color:var(--warning-text)}.billing-status-badge-paused{background:#9ca3af33;color:var(--text-tertiary)}.billing-status-badge-cancelled{background:var(--danger-light);color:var(--danger-text)}.billing-status-badge-none{background:#47556933;color:var(--text-tertiary)}.billing-past-due-notice{margin-top:1rem;padding:1rem;background:var(--warning-light);border:1px solid var(--warning);border-radius:6px;color:var(--warning-text);font-size:.875rem;line-height:1.5}.billing-actions{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.billing-help{padding-top:1rem;border-top:1px solid var(--border-primary)}.billing-help-text{margin:0;font-size:.875rem;color:var(--text-secondary);line-height:1.5}.billing-help-text a{color:var(--accent-primary);text-decoration:none}.billing-help-text a:hover{text-decoration:underline}.billing-free-access-end{font-weight:600;color:var(--accent-primary)}.billing-credits-section{margin-top:24px}.billing-credits-title{font-size:1rem;font-weight:600;margin-bottom:12px;color:var(--text-primary)}.billing-credits-empty{font-size:.875rem;color:var(--text-secondary)}.billing-credits-table-wrap{overflow-x:auto}.billing-credits-table{width:100%;border-collapse:collapse;font-size:.875rem}.billing-credits-table th,.billing-credits-table td{text-align:left;padding:8px 12px;border-bottom:1px solid var(--border-color)}.billing-credits-table th{font-weight:600;color:var(--text-secondary);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.billing-credits-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:.75rem;font-weight:500}.billing-credits-badge-yes{background:#dcfce7;color:#166534}.billing-credits-badge-no{background:var(--bg-secondary);color:var(--text-secondary)}[data-theme=dark] .billing-credits-badge-yes{background:#86efac26;color:#86efac}.upgrade-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.upgrade-modal-content{background:var(--bg-secondary);border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 25px -5px #00000080;border:1px solid var(--border-primary)}.upgrade-modal-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:var(--text-secondary);font-size:2rem;cursor:pointer;line-height:1;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;transition:color .2s}.upgrade-modal-close:hover{color:var(--text-primary)}.upgrade-modal{padding:2rem}.upgrade-modal h2{margin:0 0 .5rem;font-size:1.75rem;color:var(--text-primary);text-align:center}.upgrade-modal .subtitle{margin:0 0 2rem;color:var(--text-secondary);text-align:center;font-size:.95rem}.upgrade-modal .error-message{background:var(--danger-light);border:1px solid var(--danger);color:var(--danger-text);padding:.75rem 1rem;border-radius:6px;margin-bottom:1.5rem;font-size:.875rem}.upgrade-modal .loading{text-align:center;padding:3rem;color:var(--text-secondary)}.upgrade-pricing-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.upgrade-pricing-card{background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:8px;padding:1.25rem;cursor:pointer;transition:all .2s;position:relative;display:flex;flex-direction:column;min-height:160px}.upgrade-pricing-card:hover{border-color:var(--accent-primary)}.upgrade-pricing-card.selected{border-color:var(--accent-primary);background:var(--accent-light)}.upgrade-pricing-card input[type=radio]{position:absolute;top:.75rem;right:.75rem}.upgrade-plan-header{min-height:2.5rem;margin-bottom:.5rem}.upgrade-plan-header h3{margin:0 0 .25rem;font-size:1rem;color:var(--text-primary)}.upgrade-savings-badge{display:inline-block;background:var(--success-light);color:var(--success-text);padding:.125rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.upgrade-plan-price{margin-top:auto;margin-bottom:.25rem}.upgrade-price{font-size:1.75rem;font-weight:700;color:var(--text-primary)}.upgrade-price-period{font-size:.875rem;color:var(--text-secondary)}.upgrade-price-per-month{font-size:.8rem;color:var(--text-tertiary)}.upgrade-features-section{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.upgrade-features-section h3{margin:0 0 1rem;font-size:1rem;color:var(--text-primary)}.upgrade-features-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem}.upgrade-features-list li{color:var(--text-secondary);font-size:.875rem;padding:.25rem 0}.upgrade-checkout-note{margin:1rem 0 0;text-align:center;font-size:.8rem;color:var(--text-tertiary)}