.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(59,130,246,.2);border-top-color:#3b82f6;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}}.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))}@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{background:#3b82f61a;color:#3b82f6}.overview-icon-subscribers{background:#10b9811a;color:#10b981}.overview-icon-automations{background:#f59e0b1a;color:#f59e0b}[data-theme=dark] .overview-icon-lists{background:#3b82f633}[data-theme=dark] .overview-icon-subscribers{background:#10b98133}[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}}.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,#3b82f6,#2563eb);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:#3b82f614}.list-card.selected:hover{background:#3b82f61f}.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:hover{background:#3b82f626}.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)}.list-action-btn.copied{background:var(--success, #22c55e);color:#fff}.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}.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-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:#3b82f61a;color:#3b82f6}.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:#3b82f633}[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-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:#3b82f605}.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(300px,1fr));gap:16px}.broadcast-card{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:12px;cursor:pointer;transition:all .2s ease}.broadcast-card:hover{border-color:var(--text-muted);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.broadcast-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.broadcast-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-badge{flex-shrink:0;padding:4px 10px;font-size:.75rem;font-weight:600;border-radius:6px;text-transform:uppercase;letter-spacing:.5px}.status-badge-draft{background:#6b72801a;color:#6b7280}.status-badge-scheduled{background:#f59e0b1a;color:#f59e0b}.status-badge-sent{background:#10b9811a;color:#10b981}[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-meta{display:flex;flex-direction:column;gap:6px}.broadcast-meta-item{display:flex;align-items:center;gap:6px;font-size:.875rem;color:var(--text-secondary)}.broadcast-meta-item svg{width:16px;height:16px;flex-shrink:0}.broadcast-scheduled{color:var(--accent-primary);font-weight:500}.broadcast-stats{display:flex;align-items:center;gap:16px;padding-top:12px;border-top:1px solid var(--border-primary)}.broadcast-stat{display:flex;flex-direction:column;gap:2px}.broadcast-stat-value{font-size:1.25rem;font-weight:700;color:var(--text-primary);line-height:1}.broadcast-stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.broadcast-sent-date{margin-left:auto;font-size:.75rem;color:var(--text-tertiary)}.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}@media (max-width: 768px){.broadcasts-grid{grid-template-columns:1fr;gap:12px}.broadcast-card{padding:14px}.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-name{font-size:.9375rem}.broadcast-stats{flex-wrap:wrap;gap:12px}.broadcast-sent-date{margin-left:0;flex-basis:100%}}.broadcasts-table-container{overflow-x:auto}.broadcasts-table{width:100%;border-collapse:collapse;border:1px solid var(--border-primary);border-radius:8px;overflow:hidden}.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}}.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:#3b82f626;color:#3b82f6}.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,#3b82f6,#2563eb)}.automation-month-grid .month-day.has-activity{background:#3b82f60d}.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-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}}.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}.merge-tag-picker{display:inline-flex;align-items:center;flex-shrink:0}.merge-tag-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}.merge-tag-btn:hover,.merge-tag-btn.active{background:var(--accent-light);border-color:var(--accent-primary);color:var(--accent-primary)}.merge-tag-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}.merge-tag-section{padding:0}.merge-tag-section+.merge-tag-section{border-top:1px solid var(--border-secondary, var(--border-primary));margin-top:4px;padding-top:4px}.merge-tag-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))}.merge-tag-section-note{margin:0;padding:4px 14px 8px;font-size:.775rem;color:var(--text-secondary);line-height:1.4}.merge-tag-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}.merge-tag-option:hover{background:var(--bg-hover, var(--bg-tertiary))}.merge-tag-code{font-family:monospace;font-size:.8rem;color:var(--accent-primary);font-weight:600}.merge-tag-desc{font-size:.75rem;color:var(--text-muted, var(--text-secondary))}.merge-tag-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}.merge-tag-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-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 .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:#3b82f6;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 #1f2937}.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, #3b82f6);box-shadow:0 0 0 2px #3b82f61f}.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, #3b82f6);color:var(--accent-primary, #3b82f6)}.inline-style-btn.active{background:var(--accent-primary, #3b82f6);border-color:var(--accent-primary, #3b82f6);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}.composer-modal-container{height:calc(100vh - 120px);height:calc(100dvh - 120px);max-height:calc(100vh - 120px);max-height:calc(100dvh - 120px)}.composer-modal-container .modal-body{display:flex;flex-direction:column}.composer-modal-container .broadcast-composer{flex:1;min-height:0}.broadcast-composer{display:flex;flex-direction:column;gap:16px;position:relative;z-index:0}.composer-context-row{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch}.composer-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);flex:1;min-width:200px}.composer-list-context svg{width:18px;height:18px;color:var(--accent-primary);flex-shrink:0}.composer-list-context strong{color:var(--accent-primary);font-weight:600}.composer-style-badge{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;font-size:.875rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.composer-style-badge:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--text-primary)}.composer-style-badge svg{width:16px;height:16px;color:var(--accent-primary);flex-shrink:0}.composer-style-badge .chevron{width:14px;height:14px;color:var(--text-muted);margin-left:2px}.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;margin-right:auto}.modal-btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.modal-btn-ghost:disabled{opacity:.5;cursor:not-allowed}.composer-field{display:flex;flex-direction:column;gap:8px;position:relative;z-index:0}.composer-field label{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.composer-field-editor{flex:1;min-height:0;display:flex;flex-direction:column}.composer-modal-container .composer-field-editor .block-editor{flex:1;height:auto;min-height:400px}.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}.composer-meta{border:1px solid var(--border-primary);border-radius:8px;overflow:hidden}.composer-meta-row{display:flex;align-items:center;gap:16px;padding:0 16px;min-height:48px}.composer-meta-row+.composer-meta-row{border-top:1px solid var(--border-primary)}.composer-meta-label{flex-shrink:0;width:100px;font-size:.875rem;font-weight:600;color:var(--text-secondary)}.composer-meta-input{flex:1;padding:12px 0;background:transparent;border:none;outline:none;font-size:.9375rem;color:var(--text-primary)}.composer-meta-input::placeholder{color:var(--text-tertiary)}.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]{width:20px;height:20px;margin-top:2px;accent-color:var(--accent-primary);cursor:pointer;flex-shrink:0}.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-datetime{display:flex;gap:12px}.schedule-modal-datetime .composer-input{flex:1}.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)}@media (max-width: 768px){.broadcast-composer{gap:16px}.composer-context-row{flex-direction:column}.composer-list-context{min-width:0}.composer-field-editor{min-height:350px}.schedule-modal-datetime{flex-direction:column}}.style-switcher-panel{border:1px solid var(--border-primary);border-radius:10px;background:var(--bg-primary);margin:0 0 12px;overflow:hidden}.style-switcher-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border-primary);background:var(--bg-tertiary)}.style-switcher-title{font-size:.8125rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.style-switcher-close{background:none;border:none;color:var(--text-secondary);font-size:1.25rem;line-height:1;cursor:pointer;padding:0 2px;border-radius:3px}.style-switcher-close:hover{color:var(--text-primary);background:var(--bg-hover)}.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-set-default-row{padding:8px 12px 0;border-top:1px solid var(--border-primary)}.style-set-default-btn{width:100%;padding:6px 12px;background:transparent;border:1px dashed var(--border-primary);border-radius:6px;font-size:.8rem;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;text-align:center}.style-set-default-btn:hover:not(:disabled){border-color:var(--accent-primary);color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 5%,transparent)}.style-set-default-btn:disabled{color:var(--accent-primary);border-color:var(--accent-primary);opacity:.7;cursor:default}.style-color-overrides{border-top:1px solid var(--border-primary);padding:10px 14px;background:var(--bg-secondary)}.style-color-overrides-label{font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:8px}.style-color-row{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:10px}.style-color-row:last-of-type{margin-bottom:0}.style-font-row{margin-top:10px;padding-top:10px;border-top:1px solid var(--border-primary);display:flex;align-items:flex-end;gap:10px}.style-font-field{flex-direction:row!important;align-items:center;gap:8px!important}.style-font-field span{white-space:nowrap}.style-font-select{font-size:.8125rem;padding:4px 8px;border:1px solid var(--border-primary);border-radius:5px;background:var(--bg-primary);color:var(--text-primary);cursor:pointer}.style-reset-all{display:block;margin-top:10px;font-size:.75rem;color:var(--text-secondary);background:none;border:none;padding:0;cursor:pointer;text-decoration:underline}.style-reset-all:hover{color:var(--text-primary)}.style-color-field{display:flex;flex-direction:column;gap:4px;cursor:pointer}.style-color-field span{font-size:.8125rem;color:var(--text-secondary);font-weight:600}.style-color-input-row{display:flex;align-items:center;gap:6px}.style-color-input-row input[type=color]{width:36px;height:28px;padding:2px;border:1px solid var(--border-primary);border-radius:5px;cursor:pointer}.style-color-reset{font-size:.75rem;color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:4px;padding:3px 7px;cursor:pointer}.style-color-reset:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-btn.modal-btn-ghost.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.template-picker{padding:4px 0}.template-picker-subtitle{margin:0 0 20px;font-size:14px;color:var(--text-secondary);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, #3b82f6);box-shadow:0 2px 8px #3b82f61f;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-emoji{font-size:24px;line-height:1;margin-bottom:4px}.template-card-name{font-size:14px;font-weight:600;color:var(--text-primary, #1e293b);line-height:1.3}.template-card-desc{font-size:12px;color:var(--text-secondary, #64748b);line-height:1.4;flex:1}.template-card-style-badge{margin-top:8px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--primary, #3b82f6);background:color-mix(in srgb,var(--primary, #3b82f6) 10%,transparent);padding:2px 6px;border-radius:4px;align-self:flex-start}.broadcast-analytics-modal{min-height:300px}.analytics-tabs{display:flex;gap:2px;border-bottom:1px solid var(--border-color, #e5e7eb);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, #111827)}.analytics-tab--active{color:var(--primary-color, #6366f1);border-bottom-color:var(--primary-color, #6366f1)}.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-color, #e5e7eb);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, #111827)}.recipients-filter-btn--active{background:var(--primary-color, #6366f1);border-color:var(--primary-color, #6366f1);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-color, #e5e7eb);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-color, #e5e7eb);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(--border-color-light, #f3f4f6);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, #111827)}.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-color, #e5e7eb)}.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-color, #e5e7eb);border-radius:6px;background:var(--bg-secondary, #f9fafb);color:var(--text-primary, #111827);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, #374151);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-color, #e5e7eb)}.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, #111827);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-color, #e5e7eb);border-radius:8px;padding:12px 14px;margin-bottom:16px;line-height:1.5}.resend-modal-count strong{color:var(--text-primary, #111827)}.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:#bfdbfe}.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-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-code{display:block;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-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}[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 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{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-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-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-form{padding:20px;background:var(--accent-light);border:2px solid var(--accent-primary);border-radius:10px;display:flex;flex-direction:column;gap:16px}.add-subscriber-form h4{font-size:1rem;font-weight:600;color:var(--accent-primary);margin:0}.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)}.btn-add-subscriber{padding:10px 20px;background:var(--accent-primary);color:#fff;border:none;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;align-self:flex-start}.btn-add-subscriber:hover{background:var(--accent-secondary);transform:translateY(-1px)}.btn-add-subscriber:disabled{opacity:.5;cursor:not-allowed;transform:none}.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-custom-note{font-size:.875rem;color:var(--text-muted);text-align:center;margin:0}.billing-custom-note a{color:var(--accent-primary);text-decoration:none}.billing-custom-note a:hover{text-decoration:underline}@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{display:flex;flex-direction:column;gap:24px}.settings-tabs{display:flex;gap:8px;padding-bottom:16px;border-bottom:1px solid var(--border-primary)}.settings-tab{display:flex;align-items:center;gap:8px;padding:10px 16px;background:transparent;border:1px solid var(--border-primary);border-radius:8px;color:var(--text-secondary);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.settings-tab svg{width:18px;height:18px}.settings-tab:hover{background:var(--bg-tertiary);border-color:var(--text-muted)}.settings-tab.active{background:var(--accent-light);border-color:var(--accent-primary);color:var(--accent-primary)}.tab-badge{padding:2px 8px;border-radius:4px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.tab-badge.warning{background:#fbbf24;color:#000}.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:24px}.section-header{display:flex;flex-direction:column;gap:8px}.section-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.section-description{font-size:.9375rem;color:var(--text-secondary);line-height:1.5;margin:0}.settings-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:6px}.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:10px 14px;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:16px}.form-actions{display:flex;justify-content:flex-start;padding-top:8px}.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:center;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-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}@media (max-width: 768px){.settings-tabs{flex-wrap:wrap}.settings-tab{flex:1;min-width:140px;justify-content:center;padding:8px 12px;font-size:.875rem}.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){.account-settings{gap:20px}.settings-tabs{gap:6px;padding-bottom:12px}.settings-tab{padding:8px 10px;font-size:.8125rem}.settings-tab svg{width:16px;height:16px}.tab-badge{display:none}.settings-section{gap:20px}.settings-form{gap:16px}.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-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}.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(59, 130, 246, .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(59, 130, 246, .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(59, 130, 246, .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(59, 130, 246, .1));color:var(--accent-primary, #3b82f6);border:1px solid var(--accent-light, rgba(59, 130, 246, .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, #3b82f6);cursor:pointer;font-size:1rem;line-height:1;border-radius:99px;transition:background .15s ease}.tag-remove:hover{background:#3b82f633}.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, #3b82f6)}.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)}.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,#3b82f6,#2563eb);color:#fff;font-size:.7rem;font-weight:600;padding:6px 40px;z-index:1;transform:rotate(-40deg);box-shadow:0 2px 8px #3b82f64d}.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(59, 130, 246, .1));color:var(--accent-primary, #3b82f6);border:1px solid var(--accent-light, rgba(59, 130, 246, .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(59, 130, 246, .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,#3b82f6,#2563eb);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 #3b82f659}.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:#3b82f61a;border-radius:50%;display:flex;align-items:center;justify-content:center}.success-icon svg{width:36px;height:36px;color:#3b82f6}.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-page{min-height:100vh;background:var(--bg-secondary);padding:20px}.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;margin-bottom:24px}.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-imports{margin-bottom:24px}.admin-pending-imports-title{display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:700;color:#d97706;margin-bottom:12px}.admin-pending-imports-title svg{width:20px;height:20px;color:#d97706;flex-shrink:0}.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;margin-bottom:24px}.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;margin-bottom:24px;font-size:.875rem;color:var(--text-secondary)}.admin-info strong{color:var(--text-primary)}.admin-filters{display:flex;gap:16px;align-items:center;margin-bottom:24px}.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-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{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;padding:20px 24px;margin-bottom: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{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;padding:24px;margin-bottom:24px}.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-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}.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,#1d4ed8,#3b82f6);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,#1d4ed8,#3b82f6);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}.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 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:#eff6ff;border-left:3px solid #3b82f6;color:#1e40af}[data-theme=dark] .api-callout--warning{background:#fbbf241f;color:#fcd34d}[data-theme=dark] .api-callout--info{background:#3b82f61f;color:#93c5fd}.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-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:#dbeafe;color:#1e40af}.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:#1e40af40;color:#93c5fd}[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, #3b82f6);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}}.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, #3b82f6);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, #3b82f6);border-color:var(--accent-primary, #3b82f6);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, #3b82f6);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(59, 130, 246, .1));color:var(--accent-primary, #3b82f6);border:1px solid var(--accent-light, rgba(59, 130, 246, .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, #3b82f6)}.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: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--bg-hover: #e5e7eb;--text-primary: #111827;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--text-muted: #d1d5db;--border-primary: #e5e7eb;--accent-primary: #3b82f6;--accent-secondary: #2563eb;--accent-light: rgba(59, 130, 246, .1);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)}[data-theme=dark]{--bg-primary: #1f2937;--bg-secondary: #111827;--bg-tertiary: #374151;--bg-hover: #4b5563;--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-tertiary: #9ca3af;--text-muted: #6b7280;--border-primary: #374151;--accent-primary: #60a5fa;--accent-secondary: #3b82f6;--accent-light: rgba(96, 165, 250, .15);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .4)}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-bottom:1px solid #f87171;padding:12px 24px}.subscription-banner-content{max-width:1048px;width:100%;margin:0 auto;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-bottom-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{padding:12px 16px}.subscription-banner-content{padding:0;gap:8px}.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-bottom:1px solid #ead8b8;padding:12px 24px}.compliance-banner-content{max-width:1048px;width:100%;margin:0 auto;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-bottom-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{padding:12px 16px}.compliance-banner-content{padding:0;gap:8px}.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%}: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: #1e293b;--text-secondary: #64748b;--text-tertiary: #94a3b8;--text-muted: #cbd5e1;--border-primary: #e2e8f0;--border-secondary: #f1f5f9;--accent-primary: #3b82f6;--accent-secondary: #2563eb;--accent-light: #dbeafe;--success: #10b981;--success-light: #d1fae5;--success-text: #065f46;--warning: #f59e0b;--warning-light: #fef3c7;--warning-text: #92400e;--danger: #ef4444;--danger-light: #fee2e2;--danger-text: #dc2626;--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);--dropdown-bg: #ffffff;--dropdown-border: #e2e8f0;--dropdown-shadow: 0 8px 32px rgba(0, 0, 0, .12)}[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-card: #1e293b;--bg-input: #0f172a;--bg-hover: #334155;--image-preview-bg: #0f172a;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--text-muted: #64748b;--border-primary: #334155;--border-secondary: #1e293b;--accent-primary: #3b82f6;--accent-secondary: #60a5fa;--accent-light: rgba(59, 130, 246, .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;--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);--dropdown-bg: #1e293b;--dropdown-border: #334155;--dropdown-shadow: 0 8px 32px rgba(0, 0, 0, .5)}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,#3b82f6,#2563eb);-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,#3b82f6,#2563eb);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{margin-bottom:20px}.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:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.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:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.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:#3b82f6;background:#3b82f60d}.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:#3b82f6;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:#4b5563}.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, #1e293b);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}}.alert{padding:14px 18px;border-radius:10px;margin-bottom:20px;font-size:.9rem;display:flex;align-items:center;gap:10px}.alert-error{background:var(--danger-light);color:var(--danger-text);border:1px solid var(--danger)}.alert-success{background:var(--success-light);color:var(--success-text);border:1px solid var(--success)}.alert-info{background:var(--accent-light);color:var(--accent-primary);border:1px solid var(--accent-primary)}.schedule-success-message{display:flex;align-items:center;gap:12px;padding:14px 18px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0;border-radius:10px;margin-bottom:20px;animation:success-fade-in .3s ease}@keyframes success-fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.schedule-success-icon{font-size:1.5rem;flex-shrink:0}.schedule-success-content{display:flex;flex-direction:column;gap:2px}.schedule-success-title{font-size:.95rem;font-weight:600;color:#065f46}.schedule-success-time{font-size:.85rem;color:#047857}.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:#3b82f6;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}.modal-content.view-post-modal{max-width:500px}.view-post-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.view-post-header h2{margin:0}.view-post-header .status-badge{padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600}.view-post-header .status-badge.posted{background:#10b98133;color:#10b981}.view-post-header .status-badge.failed{background:#ef444433;color:#ef4444}.view-post-platform{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#ffffff14;border-radius:8px;margin-bottom:16px;font-weight:500}.view-post-platform svg{width:20px;height:20px}.view-post-account{color:var(--text-secondary);font-weight:400;margin-left:auto;font-size:.9rem}.view-post-content{background:var(--bg-tertiary);border-radius:10px;padding:16px;margin-bottom:16px}.view-post-text{margin:0 0 12px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.view-post-images{display:flex;gap:8px;flex-wrap:wrap}.view-post-image{width:80px;height:80px;border-radius:8px;overflow:hidden}.view-post-image img{width:100%;height:100%;object-fit:cover}.view-post-details{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.view-post-detail{display:flex;justify-content:space-between;align-items:flex-start;font-size:.85rem}.view-post-detail .detail-label{color:var(--text-secondary);flex-shrink:0}.view-post-detail .detail-value{text-align:right;margin-left:12px}.view-post-detail.error .detail-value{color:#ef4444}.modal-content.multi-platform-preview{max-width:900px}.modal-content h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:20px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:1px solid var(--border-primary)}.modal-content.preview-modal{max-width:800px;max-height:90vh;display:flex;flex-direction:column}.preview-email-container{flex:1;overflow-y:auto;border:1px solid var(--border-primary);border-radius:8px;background:var(--bg-secondary);margin:16px 0}.preview-email-header{padding:16px;border-bottom:2px solid var(--border-primary);background:var(--bg-tertiary);font-size:.9rem}.preview-email-header>div{margin-bottom:8px}.preview-email-header>div:last-child{margin-bottom:0}.preview-email-header strong{color:var(--text-secondary);font-weight:600;margin-right:8px}.preview-subject{color:var(--text-primary);font-size:1rem;font-weight:500}.preview-email-content{padding:24px;line-height:1.6;color:var(--text-primary);min-height:200px}.preview-email-content img{max-width:100%;height:auto}.preview-email-content a{color:var(--accent-primary);text-decoration:underline}.preview-note{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--accent-light);border-radius:8px;color:var(--text-secondary);font-size:.9rem;margin-bottom:16px}.preview-note svg{width:18px;height:18px;flex-shrink:0;color:var(--accent-primary)}.btn-preview{display:flex;align-items:center;gap:8px}.btn-preview svg{width:18px;height:18px}.btn-send{display:flex;align-items:center;gap:8px;background:var(--success);color:#fff}.btn-send:hover:not(:disabled){background:#059669}.btn-send svg{width:18px;height:18px}.modal-content.send-modal{max-width:600px}.send-tabs{display:flex;gap:0;margin-bottom:20px;border-bottom:2px solid var(--border-primary)}.send-tab{flex:1;padding:12px 20px;background:transparent;border:none;color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all .2s;border-bottom:3px solid transparent;margin-bottom:-2px}.send-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.send-tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.send-modal-content{min-height:250px}.broadcast-info{background:var(--bg-tertiary);border-radius:8px;padding:16px;margin-bottom:16px}.info-row{margin-bottom:8px;color:var(--text-primary)}.info-row:last-child{margin-bottom:0}.info-row strong{color:var(--text-secondary);margin-right:8px}.warning-message{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--warning-light);border-radius:8px;color:var(--warning-text);font-weight:500;margin-bottom:20px}.warning-message svg{width:20px;height:20px;flex-shrink:0}.send-now-content,.send-schedule-content{margin-top:20px}.send-now-content>p,.send-schedule-content>p{margin-bottom:20px;color:var(--text-secondary)}.confirmation-input{margin-bottom:20px}.confirmation-input label{display:block;margin-bottom:8px;color:var(--text-primary);font-weight:500}.schedule-input{margin-bottom:20px}.schedule-input label{display:block;margin-bottom:8px;color:var(--text-primary);font-weight:500}.schedule-input .field-help{display:block;margin-top:8px;color:var(--text-secondary);font-size:.85rem}.error-message{padding:12px 16px;background:var(--danger-light);color:var(--danger-text);border-radius:8px;margin-bottom:16px;font-weight:500}.btn-confirm-send,.btn-confirm-schedule{width:100%;padding:14px;font-size:1rem;font-weight:600}.btn-confirm-send{background:var(--success);color:#fff}.btn-confirm-send:hover:not(:disabled){background:#059669}.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}.post-group{border:2px solid var(--accent-primary);border-radius:14px;margin-bottom:16px;overflow:hidden;background:var(--bg-card)}.post-group-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:#3b82f6;color:#fff;cursor:pointer}.post-group-header:hover{opacity:.95}.post-group-info{display:flex;align-items:center;gap:14px}.post-group-badge{background:#fff3;padding:5px 12px;border-radius:6px;font-size:.8rem;font-weight:600}.post-group-platforms{display:flex;gap:6px}.platform-badge{background:#fffffff2;color:#667eea;padding:4px 10px;border-radius:5px;font-size:.75rem;font-weight:600}.post-group-expand{background:#fff3;border:none;color:#fff;font-size:.9rem;cursor:pointer;padding:6px 10px;border-radius:6px;transition:all .2s}.post-group-expand:hover{background:#ffffff4d}.post-group-expand.expanded{transform:rotate(180deg)}.post-group-content{border-top:1px solid var(--border-primary)}.post-group-content.collapsed{display:none}.post-group-preview{padding:16px 20px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary)}.post-group-preview .post-text{font-size:.9rem;color:var(--text-secondary)}.post-group-items .post-item{margin:0;border:none;border-radius:0;border-bottom:1px solid var(--border-secondary)}.post-group-items .post-item:last-child{border-bottom:none}.group-indicator{display:inline-flex;align-items:center;gap:4px;background:#3b82f6;color:#fff;padding:3px 8px;border-radius:5px;font-size:.7rem;font-weight:600;margin-left:8px}.overrides-toggle{margin-bottom:16px}.overrides-toggle .checkbox-label{display:inline-flex}.overrides-toggle small{margin-left:30px;display:block;margin-top:4px}.platform-overrides{display:flex;flex-direction:column;gap:14px;margin-top:14px;padding:16px;background:var(--bg-tertiary);border-radius:12px;border:1px solid var(--border-primary)}.platform-override-item{padding:14px;background:var(--bg-card);border-radius:10px;border:1px solid var(--border-primary)}.platform-override-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.platform-override-name{font-weight:600;color:var(--accent-primary);font-size:.9rem}.platform-override-count{font-size:.8rem;color:var(--text-secondary);font-weight:500}.platform-override-count.warning{color:#dc2626}.platform-override-item textarea{width:100%;padding:10px 12px;border:1px solid var(--border-primary);border-radius:8px;font-size:.9rem;min-height:80px;resize:vertical;font-family:inherit;background:var(--bg-input);color:var(--text-primary)}.platform-override-item textarea:focus{outline:none;border-color:var(--accent-primary)}.platform-override-item textarea.over-limit{border-color:#dc2626;background:#dc26261a}.btn-clear-override{margin-top:8px;background:var(--bg-tertiary);color:var(--text-secondary);padding:6px 12px;font-size:.75rem}.edit-group-info{background:#3b82f6;border-radius:12px;padding:14px 18px;margin-bottom:16px;color:#fff}.group-info-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.edit-group-info .group-edit-warning{margin-top:10px}.group-badge{background:#fff3;padding:5px 12px;border-radius:6px;font-size:.8rem;font-weight:600}.group-platforms{font-size:.85rem;opacity:.9}.edit-all-toggle{background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;padding:5px 14px;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s ease}.edit-all-toggle:hover{background:#ffffff40;border-color:#ffffff80}.edit-all-toggle.active{background:#fffffff2;color:#3b82f6;border-color:#fff;font-weight:600}.group-edit-warning{padding:8px 12px;background:#ffffff26;border-radius:6px;font-size:.8rem;text-align:center}.edit-platforms-row{display:flex;align-items:center;gap:8px;margin-bottom:20px;flex-wrap:wrap;position:relative;overflow:visible}.modal-content:has(.edit-add-platform-dropdown){overflow:visible}.edit-platform-icon-badge{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:2px solid transparent;cursor:pointer;transition:all .15s ease;position:relative}.edit-platform-icon-badge:hover{background:#ffffff26;border-color:var(--accent-primary)}.edit-platform-icon-badge.selected{border-color:var(--accent-primary);box-shadow:0 0 0 2px #3b82f64d}.edit-platform-icon-badge.group-mode{border-color:var(--accent-primary);opacity:.9}.edit-platform-icon-badge svg{width:22px;height:22px}.platform-remove-btn{position:absolute;top:-7px;right:-7px;width:20px;height:20px;border-radius:50%;background:#ef4444;border:2px solid var(--bg-primary);color:#fff;font-size:16px;font-weight:400;line-height:0;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.8);transition:all .15s ease;box-shadow:0 2px 4px #0000004d}.platform-remove-btn:before{content:"×";display:block;margin-top:-3px}.edit-platform-icon-badge.removable:hover .platform-remove-btn{opacity:1;transform:scale(1)}.platform-remove-btn:hover{background:#dc2626;transform:scale(1.1)}.edit-platform-icon-badge.bluesky{background:#0085ff33}.edit-platform-icon-badge.mastodon{background:#6364ff33}.edit-platform-icon-badge.twitter{background:#1da1f233}.edit-platform-icon-badge.threads{background:#0000004d}.edit-platform-icon-badge.instagram{background:#e1306c33}.edit-platform-icon-badge.facebook{background:#1877f233}.edit-platform-icon-badge.linkedin{background:#0077b533}.edit-platform-icon-badge.pinterest{background:#e6002333}.edit-platform-icon-badge.bluesky.selected{box-shadow:0 0 0 2px #0085ff66;border-color:#0085ff}.edit-platform-icon-badge.mastodon.selected{box-shadow:0 0 0 2px #6364ff66;border-color:#6364ff}.edit-platform-icon-badge.twitter.selected{box-shadow:0 0 0 2px #1da1f266;border-color:#1da1f2}.edit-platform-icon-badge.threads.selected{box-shadow:0 0 0 2px #ffffff4d;border-color:#fff}.edit-platform-icon-badge.instagram.selected{box-shadow:0 0 0 2px #e1306c66;border-color:#e1306c}.edit-platform-icon-badge.facebook.selected{box-shadow:0 0 0 2px #1877f266;border-color:#1877f2}.edit-platform-icon-badge.linkedin.selected{box-shadow:0 0 0 2px #0077b566;border-color:#0077b5}.edit-platform-icon-badge.pinterest.selected{box-shadow:0 0 0 2px #e6002366;border-color:#e60023}.edit-add-platform-wrapper{position:relative;z-index:100}.edit-add-platform-btn{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:transparent;border:2px dashed rgba(255,255,255,.3);color:var(--text-secondary);font-size:1.5rem;font-weight:300;cursor:pointer;transition:all .15s ease}.edit-add-platform-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#3b82f61a}.edit-add-platform-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1199}.edit-add-platform-dropdown{position:absolute;top:calc(100% + 8px);left:0;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:10px;box-shadow:0 10px 40px #00000080;width:280px;max-height:300px;overflow-y:auto;z-index:1200}.edit-add-platform-dropdown::-webkit-scrollbar{width:8px}.edit-add-platform-dropdown::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.edit-add-platform-dropdown::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.edit-add-platform-dropdown::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.edit-add-platform-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:transparent;border:none;color:var(--text-primary);cursor:pointer;transition:background .15s ease;text-align:left}.edit-add-platform-option:hover{background:#ffffff1a}.edit-add-platform-option svg{width:18px;height:18px;flex-shrink:0}.edit-add-platform-option .platform-name{font-weight:500;flex-shrink:0;font-size:.9rem}.edit-add-platform-option .account-name{color:var(--text-secondary);font-size:.8rem;margin-left:auto;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edit-add-platforms{margin-top:8px}.edit-add-platforms .platform-checkboxes{display:flex;flex-wrap:wrap;gap:8px}.edit-add-platforms .platform-checkbox{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffff14;border:1px solid var(--border-secondary);border-radius:8px;cursor:pointer;transition:all .15s ease}.edit-add-platforms .platform-checkbox:hover{background:#ffffff1f;border-color:var(--accent-primary)}.edit-add-platforms .platform-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-primary)}.edit-add-platforms .platform-checkbox-label{display:flex;align-items:center;gap:6px;font-size:.85rem}.edit-add-platforms .platform-checkbox-label svg{width:16px;height:16px}.group-char-counts{display:flex;flex-direction:column;gap:6px;margin-top:10px;padding:12px;background:var(--bg-tertiary);border-radius:8px}.platform-char-count{display:flex;align-items:center;gap:10px;font-size:.8rem;padding:8px 12px;background:var(--bg-card);border-radius:6px;border:1px solid var(--border-primary)}.platform-char-count.warning{border-color:#dc262680;background:#dc26261a}.platform-char-count .platform-name{font-weight:600;color:var(--text-secondary);min-width:90px}.platform-char-count .char-numbers{color:var(--text-muted)}.platform-char-count.warning .char-numbers{color:#ef4444;font-weight:600}.over-limit-badge{background:#dc2626;color:#fff;padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:600;margin-left:auto}.multi-preview-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-top:16px}.platform-preview-card{border:1px solid var(--border-primary);border-radius:12px;padding:18px;background:var(--bg-tertiary)}.platform-preview-card .preview-header{margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--border-primary)}.platform-preview-card .preview-header h3{color:var(--accent-primary);margin-bottom:8px;font-size:1.1rem}.platform-preview-card .preview-stats{display:flex;gap:12px;font-size:.75rem;color:var(--text-secondary)}.platform-preview-card .preview-stats .warning{color:#ef4444;font-weight:600}.platform-preview-card .preview-post{background:var(--bg-card);border-radius:8px;padding:14px;margin-bottom:12px}.platform-preview-card .preview-text{font-size:.85rem;line-height:1.5;color:var(--text-primary);white-space:pre-wrap}.platform-preview-card .preview-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;margin-top:10px}.preview-image-item img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px}.preview-meta{display:flex;gap:12px;flex-wrap:wrap;font-size:.75rem;color:var(--text-secondary)}.preview-warnings{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:10px 12px;margin-bottom:12px}.warning-message{color:#991b1b;font-size:.8rem;margin-bottom:6px}.warning-message:last-child{margin-bottom:0}.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:#3b82f6;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}.bulk-selection-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-tertiary);border-radius:10px;border:1px solid var(--border-primary);margin-bottom:16px}.select-all-checkbox{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.9rem;color:var(--text-primary);font-weight:500}.select-all-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:#667eea}.bulk-action-toolbar{display:flex;align-items:center;gap:16px}.bulk-selection-info{display:flex;align-items:center;gap:12px}.selection-count{font-weight:600;color:#667eea;font-size:.9rem}.btn-text{background:none;border:none;color:var(--text-secondary);font-size:.85rem;cursor:pointer;text-decoration:underline;padding:0}.btn-text:hover{color:var(--text-primary)}.bulk-actions{display:flex;gap:8px}.post-header-left{display:flex;align-items:flex-start;gap:12px}.post-checkbox{display:flex;align-items:center;margin-top:2px}.post-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:#667eea;cursor:pointer}.post-item.selected{border-color:#667eea;background:linear-gradient(135deg,#667eea0d,#764ba20d)}.date-group{margin-bottom:24px}.date-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,#667eea14,#764ba214);border-radius:10px;margin-bottom:12px}.date-header-text{font-size:1rem;font-weight:700;color:var(--text-primary)}.date-header-count{font-size:.8rem;color:var(--text-secondary);font-weight:500}.posts-section{margin-bottom:24px}.section-header{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--border-primary)}.section-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.section-count{font-size:.8rem;font-weight:500;color:var(--text-secondary);background:var(--bg-tertiary);padding:2px 8px;border-radius:10px}.date-group-posts,.posts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.post-card{background:#ffffff0d;border:1px solid var(--border-primary);border-radius:12px;overflow:visible;transition:all .2s ease;box-shadow:0 1px 3px #0000000a;display:flex;flex-direction:column;min-height:160px;border-left:3px solid var(--platform-color, var(--border-primary));cursor:pointer;position:relative}.post-card:hover{border-color:var(--text-muted);border-left-color:var(--platform-color, var(--text-muted));box-shadow:0 4px 12px #00000026;background:#ffffff14;transform:translateY(-2px)}.post-card.selected{border-color:var(--accent-primary);box-shadow:0 0 0 3px #667eea26}.post-card.scheduled{background:#fdffe81a}.post-card.scheduled:hover{background:#fff0cb26}[data-theme=light] .post-card.scheduled{background:#ffffe21a}[data-theme=light] .post-card.scheduled:hover{background:#ffecbb26}.post-card.platform-bluesky{--platform-color: #0085ff}.post-card.platform-mastodon{--platform-color: #6364ff}.post-card.platform-facebook{--platform-color: #1877f2}.post-card.platform-threads{--platform-color: #888888}.post-card.platform-instagram{--platform-color: #e4405f}.post-card.platform-linkedin{--platform-color: #0a66c2}.post-card.platform-pinterest{--platform-color: #bd081c}.post-card.platform-pixelfed{--platform-color: #6366f1}.post-card.platform-multi{--platform-color: #667eea}[data-theme=light] .post-card.platform-bluesky{--platform-color: #b8d8ff}[data-theme=light] .post-card.platform-mastodon{--platform-color: #d3daff}[data-theme=light] .post-card.platform-facebook{--platform-color: #a8c9f1}[data-theme=light] .post-card.platform-threads{--platform-color: #9ca3af}[data-theme=light] .post-card.platform-instagram{--platform-color: #f4b5d6}[data-theme=light] .post-card.platform-linkedin{--platform-color: #a4def6}[data-theme=light] .post-card.platform-pinterest{--platform-color: #f5c1c1}[data-theme=light] .post-card.platform-pixelfed{--platform-color: #c9d1f7}[data-theme=light] .post-card.platform-multi{--platform-color: #a5b4fc}.post-card-failed{border-left:3px solid #ef4444!important;--platform-color: #ef4444}.post-card-group{border-color:var(--accent-primary);border-width:2px}.post-card-top-row{display:flex;justify-content:space-between;align-items:center;padding:12px 14px 8px}.post-card-top-left{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.post-card-top-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.pending{background:#f59e0b}.status-dot.posted{background:#10b981}.status-dot.failed{background:#ef4444}.status-badge-small{display:inline-flex;align-items:center;padding:3px 8px;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.status-badge-small.scheduled{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.status-badge-small.posting{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;gap:4px}.posting-spinner{width:10px;height:10px;border:2px solid #93c5fd;border-top-color:#1e40af;border-radius:50%;animation:spin .8s linear infinite}.status-check{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:#10b981;color:#fff;border-radius:50%;font-size:.75rem;font-weight:700}.post-card-header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;cursor:pointer}.post-card-header-left,.post-card-header-right{display:flex;align-items:center;gap:12px}.post-select-checkbox{display:flex;align-items:center}.post-select-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:#667eea;cursor:pointer}.post-platforms-row{display:flex;align-items:center;gap:8px}.platform-icon-badge{display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;min-height:28px;flex-shrink:0;border-radius:6px;background:var(--bg-tertiary);transition:transform .15s ease}.platform-icon-badge svg{width:16px;height:16px}.platform-icon-badge.bluesky{background:linear-gradient(135deg,#0085ff26,#00c2ff26)}.platform-icon-badge.bluesky svg{fill:#0085ff}.platform-icon-badge.mastodon{background:linear-gradient(135deg,#6364ff26,#563acc26)}.platform-icon-badge.mastodon svg{fill:#6364ff}.platform-icon-badge.pixelfed{background:linear-gradient(135deg,#ff6b6b26,#ee5a2426)}.platform-icon-badge.pixelfed svg{fill:#ff6b6b}.platform-icon-badge.threads{background:linear-gradient(135deg,#00000026,#33333326)}.platform-icon-badge.threads svg{fill:var(--text-primary)}.platform-icon-badge.facebook{background:linear-gradient(135deg,#1877f226,#166fe526)}.platform-icon-badge.facebook svg{fill:#1877f2}.platform-icon-badge.instagram{background:linear-gradient(45deg,#f0943326,#e6683c26,#dc274326,#cc236626,#bc188826)}.platform-icon-badge.instagram svg{fill:#dc2743}.platform-icon-badge.linkedin{background:linear-gradient(135deg,#0077b526,#00558226)}.platform-icon-badge.linkedin svg{fill:#0077b5}.platform-icon-badge.pinterest{background:linear-gradient(135deg,#e6002326,#bd081c26)}.platform-icon-badge.pinterest svg{fill:#e60023}.platform-icon-badge:hover{transform:scale(1.1)}.platform-name{font-size:.9rem;font-weight:600;color:var(--text-primary)}.account-identifier{font-size:.8rem;font-weight:500;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cross-post-badge{display:inline-flex;align-items:center;padding:4px 10px;background:#3b82f6;color:#fff;font-size:.7rem;font-weight:700;border-radius:12px;text-transform:uppercase;letter-spacing:.3px}.status-indicator{display:flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.status-indicator.status-pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.status-indicator.status-posted{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.status-indicator.status-failed{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.status-icon{font-size:.85rem}.status-label{font-size:.7rem}.post-time-relative{font-size:.8rem;font-weight:600;color:var(--text-secondary);background:var(--bg-tertiary);padding:4px 10px;border-radius:6px}.post-card-body{display:flex;gap:12px;padding:0 14px;flex:1;min-height:0}.post-card-image{width:80px;height:80px;min-width:80px;border-radius:8px;overflow:hidden;border:1px solid var(--border-primary);flex-shrink:0;background:var(--bg-tertiary)}.post-card-image .image-count{position:absolute;bottom:4px;right:4px;background:#000000b3;color:#fff;font-size:.65rem;font-weight:600;padding:2px 5px;border-radius:4px}.post-card-content{flex:1;min-width:0;display:flex;flex-direction:column}.post-text-preview{font-size:.8rem;line-height:1.5;color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0}.post-card-images{display:flex;gap:6px;padding:8px 14px 0;flex-wrap:wrap}.post-card-thumb{width:48px;height:48px;border-radius:6px;overflow:hidden;border:1px solid var(--border-primary);flex-shrink:0;position:relative;background:var(--bg-tertiary)}.post-card-thumb img{width:100%;height:100%;object-fit:cover}.post-card-thumb .image-count{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0009;color:#fff;font-size:.75rem;font-weight:600}.post-card-body{padding:12px 14px;display:flex;gap:12px;align-items:flex-start}.post-card-image{width:64px;height:64px;min-width:64px;border-radius:8px;overflow:hidden;border:1px solid var(--border-primary);flex-shrink:0;position:relative;background:var(--bg-tertiary)}.post-card-image img{width:100%;height:100%;object-fit:cover}.post-card-image .image-count{position:absolute;bottom:3px;right:3px;background:#000000b3;color:#fff;font-size:.65rem;font-weight:600;padding:2px 5px;border-radius:4px}.post-content{margin-bottom:0}.post-card-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.post-card-platforms{display:flex;align-items:center;gap:6px}.post-card-platforms .platform-icon-badge{width:26px;height:26px;min-width:26px;min-height:26px}.post-card-platforms .platform-icon-badge svg{width:14px;height:14px}.post-card-time{font-size:.8rem;color:var(--text-secondary);font-weight:500}.post-card-time.soon{color:#f59e0b;font-weight:600}.cross-post-indicator{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;color:var(--accent-primary);font-weight:600;margin-left:4px}.post-thumbnails{display:flex;gap:8px;margin-top:12px}.post-thumbnail{width:56px;height:56px;border-radius:8px;overflow:hidden;border:1px solid var(--border-primary);flex-shrink:0}.post-thumbnail img{width:100%;height:100%;object-fit:cover}.post-thumbnail.more{display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);font-size:.8rem;font-weight:600;color:var(--text-secondary)}.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}.post-card-bottom-row{padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:8px}.post-card-bottom-row .post-card-time{font-size:.8rem;color:var(--text-secondary);font-weight:500;display:inline-flex;align-items:center;gap:5px}.post-card-bottom-row .post-card-time:before{content:"🕐";font-size:.75rem}.post-card-bottom-row .post-card-time.posted:before{content:"✓";color:#10b981}.post-card-bottom-row .post-card-time.soon{color:#f59e0b}.post-card-bottom-row .post-card-time.soon:before{content:"⏰"}.post-card-bottom-row .post-actions-row{display:flex;gap:6px}.post-card-error-row{padding:8px 14px;display:flex;align-items:center;gap:8px;font-size:.8rem;color:#dc2626;background:#ef44440d;border-radius:0 0 12px 12px}.post-card-error-row .error-icon{font-size:.85rem;flex-shrink:0}.post-card-error-row .error-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-card-error-row .retry-info{font-size:.75rem;color:var(--text-secondary);flex-shrink:0}.post-card-footer{display:flex;justify-content:space-between;align-items:center;padding:10px 14px}.post-scheduled-time{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-secondary)}.time-icon{font-size:.85rem}.time-full{font-weight:500}.time-posted{color:var(--text-muted)}.post-actions-row{display:flex;gap:8px;align-items:center}.post-actions-overflow{position:relative;z-index:50}.post-card:has(.overflow-menu.visible){z-index:100;position:relative}.overflow-menu-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid var(--border-primary);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;font-size:1.2rem;letter-spacing:1px}.overflow-menu-btn:hover{background:var(--bg-tertiary);border-color:var(--text-muted);color:var(--text-primary)}.overflow-menu{position:absolute;top:100%;right:0;margin-top:4px;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:10px;box-shadow:0 8px 24px #00000026;min-width:160px;z-index:100;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .15s ease}.overflow-menu.visible{opacity:1;visibility:visible;transform:translateY(0)}.overflow-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;text-decoration:none;background:transparent;border:none;font-size:.85rem;color:var(--text-primary);cursor:pointer;text-align:left;transition:background .1s ease}.overflow-menu-item:hover{background:var(--bg-tertiary)}.overflow-menu-item.danger{color:#dc2626}.overflow-menu-item.danger:hover{background:#fef2f2}.overflow-menu-item .menu-icon{font-size:1rem;width:20px;text-align:center}.overflow-menu-divider{height:1px;background:var(--border-primary);margin:4px 0}.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}.expand-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.expand-btn:hover{background:var(--bg-tertiary)}.expand-btn.expanded{transform:rotate(180deg);background:var(--accent-primary);border-color:var(--accent-secondary);color:#fff}.post-group-expanded{display:none;border-top:1px solid var(--border-primary);background:var(--bg-tertiary)}.post-group-expanded.visible{display:block}.post-group-item{padding:16px 18px;border-bottom:1px solid var(--border-secondary);background:var(--bg-card);margin:8px 12px;border-radius:10px;border:1px solid var(--border-primary)}.post-group-item:last-child{margin-bottom:12px}.post-group-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.platform-info{display:flex;align-items:center;gap:10px}.post-group-item .platform-name{font-size:.85rem}.post-group-item-actions{display:flex;gap:8px}.empty-state-icon{font-size:3rem;margin-bottom:12px;opacity:.8}@media (max-width: 900px){.posts-grid,.date-group-posts{grid-template-columns:1fr}}@media (max-width: 768px){.posts-grid{gap:12px}.post-card-top-row{padding:10px 12px 6px}.post-card-content{padding:0 12px}.post-card-images{padding:8px 12px 0}.post-card-bottom-row{padding:8px 12px}.post-card-error-row{padding:6px 12px;font-size:.75rem}.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-group-header{flex-direction:column;gap:10px;align-items:flex-start}.post-group-platforms{flex-wrap:wrap}.post-meta{flex-direction:column;gap:12px;align-items:flex-start}.post-actions{width:100%;justify-content:flex-start}.post-card{border-radius:12px}.post-card-header{flex-direction:column;align-items:flex-start;gap:10px;padding:12px 14px}.post-card-header-left{gap:10px}.post-card-header-right{width:100%;justify-content:space-between}.platform-icon-badge{width:28px;height:28px;min-width:28px;min-height:28px;border-radius:6px}.platform-icon-badge svg{width:15px;height:15px}.post-card-body{padding:12px 14px;gap:12px}.post-card-image{width:64px;height:64px;min-width:64px}.post-text-preview{font-size:.9rem;-webkit-line-clamp:2}.post-card-meta{gap:8px}.post-card-platforms .platform-icon-badge{width:22px;height:22px;min-width:22px;min-height:22px}.post-card-platforms .platform-icon-badge svg{width:12px;height:12px}.post-content{font-size:.9rem;line-height:1.5}.post-text{font-size:.9rem}.post-thumbnails{flex-wrap:wrap;gap:8px}.post-thumbnail{width:56px;height:56px}.overflow-menu-btn{width:36px;height:36px;min-width:36px}.post-card-footer{flex-direction:column;gap:12px;align-items:flex-start;padding:12px 14px}.post-scheduled-time{flex-wrap:wrap;font-size:.85rem}.post-actions-row{width:100%;flex-wrap:wrap;gap:8px}.btn-action{flex:1;min-width:70px;min-height:44px;text-align:center;justify-content:center;font-size:.85rem;padding:10px 12px}.quick-actions{gap:4px}.btn-quick-action{width:36px;height:36px;min-width:36px;min-height:36px}.post-group{border-radius:12px}.post-group-badge{font-size:.7rem;padding:3px 8px}.post-group-expand{width:32px;height:32px}.post-group-item{padding:12px 14px}.post-group-item-header{flex-direction:column;gap:8px;align-items:flex-start}.post-group-item-actions{width:100%;justify-content:flex-start;gap:8px}.date-header{flex-direction:column;gap:6px;align-items:flex-start;padding:10px 0}.date-title{font-size:.95rem}.date-count{font-size:.8rem}.filter-select{min-height:44px;font-size:16px}.modal-content{padding:20px}}.quick-actions{display:flex;gap:8px;flex-wrap:wrap}.btn-quick-action{display:inline-flex;align-items:center;gap:6px;padding:8px 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;position:relative}.btn-quick-action:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--text-muted);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-quick-action:active:not(:disabled){transform:translateY(0);box-shadow:none}.btn-quick-action:disabled{opacity:.5;cursor:not-allowed}.btn-quick-action:focus{outline:none;box-shadow:0 0 0 3px #667eea33}.quick-action-icon{font-size:.9rem;line-height:1}.quick-action-label{font-size:.8rem}.btn-quick-action-primary{background:#3b82f6;border-color:transparent;color:#fff}.btn-quick-action-primary:hover:not(:disabled){background:linear-gradient(135deg,#5a6fd6,#6a4294);border-color:transparent;box-shadow:0 4px 12px #667eea59}.btn-quick-action-danger{color:#ef4444;border-color:#ef444466;background:#ef44441a}.btn-quick-action-danger:hover:not(:disabled){background:#ef444433;border-color:#f87171;color:#f87171}.btn-quick-action-link{color:#3b82f6;border-color:#3b82f666;background:#3b82f61a;text-decoration:none}.btn-quick-action-link:hover{background:#3b82f633;border-color:#60a5fa;color:#60a5fa}@media (min-width: 769px){.quick-actions{opacity:.85;transition:opacity .15s ease}.post-card:hover .quick-actions,.post-group-item:hover .quick-actions{opacity:1}.quick-actions.compact .btn-quick-action{padding:8px}.quick-actions.compact .quick-action-label{display:none}.quick-actions.compact .btn-quick-action:hover .quick-action-label{display:inline;position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:8px;background:#1f2937;color:#fff;padding:4px 8px;border-radius:4px;font-size:.7rem;white-space:nowrap;z-index:10}}@media (max-width: 768px){.quick-actions{width:100%}.btn-quick-action{flex:1;min-width:70px;justify-content:center;padding:10px 12px}.quick-action-icon{font-size:1rem}.quick-action-label{font-size:.75rem}}.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:#3b82f6;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:#3b82f626}.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:#3b82f6;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:#3b82f61a;border:2px dashed rgba(59,130,246,.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:#3b82f633;border:2px dashed #3b82f6;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:#3b82f6;background:#0f172ae6;padding:4px 8px;border-radius:4px}.week-day-content.drag-over{background:#3b82f60d}.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}.post-card-actions .btn,.post-card-actions .action-menu-btn{min-height:44px;min-width:44px;padding:10px 14px}.action-menu-dropdown .dropdown-item{min-height:44px;padding:12px 16px}.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-filters{gap:10px}.date-range-buttons{gap:6px}.date-range-btn{min-height:40px;padding:10px 14px}}.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}}.failed-posts-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;background:linear-gradient(135deg,#fef2f2,#fff1f1);border:1px solid #fca5a5;border-radius:10px;margin-bottom:16px;animation:banner-slide-in .3s ease}@keyframes banner-slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.failed-posts-banner-content{display:flex;align-items:center;gap:12px;flex:1}.failed-posts-banner-icon{font-size:1.25rem}.failed-posts-banner-text{font-size:.9rem;font-weight:600;color:#991b1b}.failed-posts-banner-count{font-weight:700}.failed-posts-banner-actions{display:flex;align-items:center;gap:10px}.failed-posts-banner .btn-view-retry{padding:6px 14px;background:#dc2626;color:#fff;border:none;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s ease}.failed-posts-banner .btn-view-retry:hover{background:#b91c1c}.failed-posts-banner .btn-dismiss{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:1px solid #fca5a5;border-radius:6px;color:#991b1b;cursor:pointer;font-size:1.1rem;transition:all .15s ease}.failed-posts-banner .btn-dismiss:hover{background:#fee2e2;border-color:#dc2626}@media (max-width: 600px){.failed-posts-banner{flex-direction:column;align-items:flex-start;gap:12px;padding:14px}.failed-posts-banner-actions{width:100%;justify-content:space-between}}.posts-tabs{display:flex;gap:4px;padding:16px 20px 0;background:linear-gradient(180deg,#f8f9fa 0%,transparent 100%);border-bottom:1px solid #e5e7eb;margin:-20px -20px 20px}.posts-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:none;border-bottom:3px solid transparent;font-size:.95rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;position:relative}.posts-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.posts-tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.posts-tab-icon{font-size:1.1rem}.posts-tab-label{font-size:.95rem}.posts-tab-badge{padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:700;min-width:20px;text-align:center}.posts-tab-badge.failed{background:#fef2f2;color:#dc2626}.failed-posts-section{background:linear-gradient(135deg,#fef2f2,#fff5f5);border:1px solid #fecaca;border-radius:12px;padding:20px;margin-bottom:24px}.failed-posts-header{margin-bottom:16px}.failed-posts-title{display:flex;align-items:center;gap:10px;margin-bottom:8px}.failed-posts-title h4{margin:0;font-size:1.1rem;font-weight:700;color:#dc2626}.failed-posts-icon{font-size:1.25rem}.failed-posts-description{font-size:.9rem;color:#7f1d1d;margin:0;opacity:.8}.failed-posts-list{display:flex;flex-direction:column;gap:12px}.failed-post-card{background:var(--bg-card);border:1px solid rgba(239,68,68,.4);border-radius:10px;padding:16px;transition:all .2s ease}.failed-post-card:hover{box-shadow:0 4px 12px #dc262626;border-color:#f87171}.failed-post-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.failed-post-platform{display:flex;align-items:center;gap:8px}.failed-post-time{font-size:.85rem;color:var(--text-secondary)}.failed-post-text{font-size:.9rem;color:var(--text-primary);margin:0 0 12px;line-height:1.5}.failed-post-error{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;background:#ef44441a;border-radius:6px;margin-bottom:12px}.failed-post-error .error-icon{flex-shrink:0;font-size:.9rem}.failed-post-error .error-text{font-size:.85rem;color:#ef4444;line-height:1.4;word-break:break-word}.failed-post-actions{display:flex;gap:8px;flex-wrap:wrap}.failed-post-actions .btn{flex:1;min-width:80px}.failed-post-card.has-retry-scheduled{border-color:#f59e0b;background:linear-gradient(to right,#f59e0b1a,#f59e0b26)}.error-category-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;white-space:nowrap}.error-category-retryable{background:#f59e0b33;color:#fbbf24;border:1px solid rgba(245,158,11,.5)}.error-category-permanent{background:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.5)}.error-category-unknown{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-primary)}.failed-post-header-right{display:flex;align-items:center;gap:12px}.retry-status-section{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:12px;margin:12px 0}.retry-status-header{display:flex;align-items:center;gap:6px;margin-bottom:8px}.retry-icon{font-size:14px}.retry-title{font-weight:600;font-size:13px;color:#0369a1}.retry-status-details{display:flex;flex-wrap:wrap;gap:16px}.retry-attempts,.next-retry{display:flex;align-items:center;gap:8px}.retry-label{font-size:12px;color:var(--text-secondary)}.retry-value{font-size:12px;font-weight:600;color:#0369a1}.retry-time{color:#f59e0b}.retry-attempts-bar{width:60px;height:6px;background:#e0f2fe;border-radius:3px;overflow:hidden}.retry-attempts-progress{height:100%;background:linear-gradient(to right,#38bdf8,#0ea5e9);border-radius:3px;transition:width .3s ease}.btn-warning{background:#f59e0b;color:#fff;border:none}.btn-warning:hover{background:#d97706}.btn-warning:disabled{background:#fcd34d;cursor:not-allowed}.failed-posts-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-tertiary);border-radius:8px;margin-bottom:12px;gap:12px}.failed-posts-toolbar .select-all-checkbox{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-secondary);cursor:pointer}.failed-posts-toolbar .select-all-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-primary);cursor:pointer}.failed-batch-actions{display:flex;align-items:center;gap:12px}.failed-batch-actions .selection-count{font-size:.85rem;font-weight:500;color:var(--text-primary)}.failed-post-checkbox{display:flex;align-items:center;margin-right:8px}.failed-post-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-primary);cursor:pointer}.failed-post-card.selected{border-color:var(--accent-primary);background:linear-gradient(180deg,var(--bg-card) 0%,rgba(59,130,246,.08) 100%);box-shadow:0 0 0 2px #3b82f633}.retry-status-inline{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:6px;margin-bottom:12px}.retry-icon-small{font-size:.85rem}.retry-status-text{font-size:.8rem;color:#d97706;font-weight:500}.retry-status-inline-small{display:block;font-size:.75rem;color:#d97706;font-weight:600;margin-bottom:4px}.error-content{flex:1;min-width:0}.error-text.expanded{white-space:normal;word-break:break-word}.error-details-toggle{background:none;border:none;color:var(--accent-primary);font-size:.75rem;font-weight:600;cursor:pointer;padding:2px 6px;margin-left:8px;border-radius:4px;transition:all .15s ease}.error-details-toggle:hover{background:var(--accent-light);text-decoration:underline}.error-banner-failed{border-left:3px solid #ef4444;background:#ef444414}.error-banner .error-content{display:flex;flex-direction:column;gap:2px}.btn-action-retry{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);color:#fff}.btn-action-retry:hover{opacity:.9;transform:translateY(-1px)}.posts-loading-skeleton{padding:20px 0}.skeleton-calendar-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;margin-bottom:16px}.skeleton-nav{width:36px;height:36px;background:var(--bg-tertiary);border-radius:8px;animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-title{width:200px;height:28px;background:var(--bg-tertiary);border-radius:6px;animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;padding:0 8px}.skeleton-day-column{background:var(--bg-card);border-radius:10px;overflow:hidden;border:1px solid var(--border-primary)}.skeleton-day-header{height:60px;background:var(--bg-tertiary);animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-day-content{padding:12px 8px;display:flex;flex-direction:column;gap:8px;min-height:200px}.skeleton-post-card{height:60px;background:var(--bg-tertiary);border-radius:8px;animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-post-card:nth-child(2){animation-delay:.2s}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.posts-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center;background:var(--bg-card);border-radius:12px;border:1px solid var(--border-primary);margin:20px 0}.posts-error-icon{font-size:3rem;margin-bottom:16px}.posts-error-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.posts-error-text{font-size:.95rem;color:var(--text-secondary);margin-bottom:20px}.empty-state-enhanced{display:flex;flex-direction:column;align-items:center;padding:60px 24px;background:var(--bg-card);border-radius:12px;border:1px solid var(--border-primary);border-style:dashed;margin:20px 0}.empty-state-enhanced .empty-state-icon{font-size:3.5rem;margin-bottom:16px;opacity:.7}.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: 768px){.skeleton-calendar-grid{grid-template-columns:repeat(3,1fr)}.skeleton-day-column:nth-child(n+4){display:none}.posts-error-state,.empty-state-enhanced{padding:40px 16px;margin:12px 0}.posts-error-icon,.empty-state-enhanced .empty-state-icon{font-size:2.5rem}.posts-error-title,.empty-state-title{font-size:1.1rem}}.history-separator{display:flex;align-items:center;gap:16px;margin:32px 0 24px;padding:0 8px}.history-separator-line{flex:1;height:1px;background:linear-gradient(90deg,transparent 0%,#e5e7eb 20%,#e5e7eb 80%,transparent 100%)}.history-separator-text{font-size:.85rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.date-group.history-group .date-header{background:linear-gradient(135deg,#9ca3af14,#6b728014)}.date-group.history-group .post-card{opacity:.9}.date-group.history-group .post-card:hover{opacity:1}@media (max-width: 768px){.calendar-day{min-height:70px;padding:4px}.calendar-weekday{padding:8px 4px;font-size:.65rem}.calendar-day-number{font-size:.8rem}.calendar-day.today .calendar-day-number{width:24px;height:24px;font-size:.75rem}.calendar-day-preview{display:none}.calendar-post-indicator{min-width:16px;height:16px;font-size:.6rem;padding:0 4px}.calendar-nav-btn{width:36px;height:36px;font-size:1.2rem}.calendar-legend{flex-wrap:wrap;gap:12px}.posts-list-header-actions{gap:8px}}@media (max-width: 480px){.calendar-title h4{display:none}.calendar-title{gap:0}}@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}.post-card-header-left,.post-card-header-right{width:100%}.platform-name{font-size:.8rem}.status-indicator{padding:4px 8px;font-size:.7rem}.post-thumbnail{width:44px;height:44px}.btn-quick-action{padding:8px 10px;font-size:.75rem}.quick-action-icon{font-size:.85rem}}@media (min-width: 375px) and (max-width: 413px){.post-thumbnail{width:50px;height:50px}}@media (min-width: 414px) and (max-width: 767px){.post-thumbnails{gap:10px}.post-thumbnail{width:60px;height:60px}}@media (max-width: 768px){.posts-tabs{padding:12px 16px 0;margin:-16px -16px 16px}.posts-tab{padding:10px 14px;font-size:.9rem;min-height:44px}.posts-tab-icon{font-size:1rem}.posts-tab-label{font-size:.85rem}.posts-tab-badge{padding:2px 6px;font-size:.7rem}}@media (max-width: 768px){.failed-posts-section{padding:16px;margin-bottom:20px;border-radius:10px}.failed-posts-title{gap:8px}.failed-posts-title h4{font-size:1rem}.failed-posts-icon{font-size:1.1rem}.failed-posts-description{font-size:.85rem;line-height:1.5}.failed-posts-list{gap:10px}.failed-post-card{padding:14px;border-radius:8px}.failed-post-header{flex-direction:column;align-items:flex-start;gap:8px}.failed-post-platform{gap:6px}.failed-post-platform .platform-icon{width:28px;height:28px;min-width:28px;min-height:28px}.failed-post-time{font-size:.8rem}.failed-post-text{font-size:.85rem;line-height:1.5}.failed-post-error{padding:10px;border-radius:6px;gap:6px}.failed-post-error .error-text{font-size:.8rem;line-height:1.4}.failed-post-actions{flex-direction:column;gap:8px}.failed-post-actions .btn{width:100%;min-height:44px;justify-content:center}.retry-status-section{padding:10px;border-radius:6px}.retry-status-details{flex-direction:column;gap:8px}.error-category-badge{font-size:10px;padding:2px 6px}.failed-post-header-right{flex-direction:column;align-items:flex-start;gap:6px;width:100%;margin-top:8px}.history-separator{margin:20px 0 16px}.history-separator-text{font-size:.75rem;padding:0 10px}.date-group.history-group .date-header{padding:10px 0}.date-group.history-group .date-title{font-size:.9rem}.date-group.history-group .date-count{font-size:.75rem}.date-group.history-group .post-card{border-radius:10px}.date-group.history-group .post-card-body{padding:12px}.date-group.history-group .post-card-footer{padding:10px 12px}.history-search-input{min-height:44px;font-size:16px}.history-filter-btn{min-height:44px;min-width:44px}.export-btn{min-height:44px;padding:10px 16px;font-size:.9rem}}@media (max-width: 480px){.failed-posts-section{padding:14px}.failed-posts-title h4{font-size:.95rem}.failed-post-card{padding:12px}.failed-post-text{font-size:.8rem}.failed-post-error{padding:8px}.failed-post-error .error-text{font-size:.75rem}.history-separator-text{font-size:.7rem}}@media (max-width: 768px){.btn,.btn-action,.btn-quick-action,.btn-secondary,.btn-primary,.btn-danger{min-height:44px;min-width:44px}input[type=checkbox]{min-width:20px;min-height:20px;cursor:pointer}.post-select-checkbox,.select-all-checkbox{padding:12px;margin:-12px}.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}.expand-btn{width:36px;height:36px}.calendar-nav-btn{width:44px;height:44px}.pagination .btn{min-width:60px;padding:12px 14px}.quick-actions,.bulk-actions{gap:10px}.post-card-body{padding:16px}.post-card-footer,.date-header{padding:14px 16px}.modal-actions .btn{min-height:48px;flex:1}.modal-actions{flex-direction:column-reverse;gap:10px}.modal-actions .btn{width:100%;justify-content:center}.bulk-selection-header{padding:14px 16px;flex-direction:column;gap:12px;align-items:stretch}.bulk-action-toolbar{flex-direction:column;gap:12px;align-items:stretch}.bulk-selection-info{justify-content:space-between}.bulk-actions{display:flex;justify-content:stretch}.bulk-actions .btn{flex:1;justify-content:center}.modal-content,.import-posts-table{-webkit-overflow-scrolling:touch}.post-card{position:relative;overflow:visible}.btn-quick-action:active,.post-card:active,.platform-card:active{transform:scale(.98);transition:transform .1s ease}.view-toggle-btn{flex:1;justify-content:center;padding:12px 16px}.history-separator{margin:24px 0 16px}.history-separator-text{font-size:.75rem}.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}.multi-preview-container{grid-template-columns:repeat(2,1fr)}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.platform-icon-badge{image-rendering:-webkit-optimize-contrast}}@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}.btn-quick-action:active,.post-card:active,.platform-card:active{transform:none}}.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:#3b82f6}.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:#3b82f6;font-size:12px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .2s}.btn-link:hover{background:#eff6ff}.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:#eff6ff}.notification-item.unread:hover{background:#dbeafe}.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-platform{font-size:10px;padding:2px 6px;border-radius:4px;background:#f1f5f9;color:var(--text-secondary);display:inline-flex;align-items:center;gap:4px}.notification-platform svg{width:12px;height:12px}.notification-platform.platform-bluesky{background:#e0f2fe;color:#0284c7}.notification-platform.platform-bluesky svg{fill:#0284c7}.notification-platform.platform-mastodon{background:#f3e8ff;color:#7c3aed}.notification-platform.platform-mastodon svg{fill:#7c3aed}.notification-platform.platform-pixelfed{background:#fee2e2;color:#dc2626}.notification-platform.platform-pixelfed svg{fill:#dc2626}.notification-platform.platform-threads{background:#f1f1f1;color:#000}.notification-platform.platform-threads svg{fill:#000}.notification-platform.platform-facebook{background:#e0f2fe;color:#1877f2}.notification-platform.platform-facebook svg{fill:#1877f2}.notification-platform.platform-instagram{background:#fce7f3;color:#dc2743}.notification-platform.platform-instagram svg{fill:#dc2743}.notification-platform.platform-linkedin{background:#e0f2fe;color:#0077b5}.notification-platform.platform-linkedin svg{fill:#0077b5}.notification-platform.platform-pinterest{background:#fee2e2;color:#e60023}.notification-platform.platform-pinterest svg{fill:#e60023}.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:#3b82f626}[data-theme=dark] .notification-item.unread:hover{background:#3b82f640}[data-theme=dark] .notification-platform{background:var(--bg-tertiary)}[data-theme=dark] .notification-platform.platform-bluesky{background:#0284c733;color:#38bdf8}[data-theme=dark] .notification-platform.platform-bluesky svg{fill:#38bdf8}[data-theme=dark] .notification-platform.platform-mastodon{background:#7c3aed33;color:#a78bfa}[data-theme=dark] .notification-platform.platform-mastodon svg{fill:#a78bfa}[data-theme=dark] .notification-platform.platform-pixelfed{background:#dc262633;color:#fca5a5}[data-theme=dark] .notification-platform.platform-pixelfed svg{fill:#fca5a5}[data-theme=dark] .notification-platform.platform-threads{background:var(--bg-tertiary);color:var(--text-primary)}[data-theme=dark] .notification-platform.platform-threads svg{fill:var(--text-primary)}[data-theme=dark] .notification-platform.platform-facebook{background:#1877f233;color:#60a5fa}[data-theme=dark] .notification-platform.platform-facebook svg{fill:#60a5fa}[data-theme=dark] .notification-platform.platform-instagram{background:#dc274333;color:#fb7185}[data-theme=dark] .notification-platform.platform-instagram svg{fill:#fb7185}[data-theme=dark] .notification-platform.platform-linkedin{background:#0077b533;color:#38bdf8}[data-theme=dark] .notification-platform.platform-linkedin svg{fill:#38bdf8}[data-theme=dark] .notification-platform.platform-pinterest{background:#e6002333;color:#fca5a5}[data-theme=dark] .notification-platform.platform-pinterest svg{fill:#fca5a5}[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-card-foldable{overflow:hidden}.analytics-card-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.analytics-card-header:hover{background-color:transparent}.analytics-card-header-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.analytics-card-header-left h2{display:flex;align-items:center}.analytics-card-header-left .analytics-preview-inline{line-height:24px}.analytics-card-icon{width:24px;height:24px;color:var(--accent-primary)}.analytics-card-header h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.analytics-card-header h2{margin:0}.analytics-preview{padding:4px 10px;background:#667eea1a;border-radius:20px;font-size:.8rem;color:var(--accent-primary);font-weight:500}.analytics-preview-inline{display:flex;align-items:center;gap:6px;font-size:.875rem;color:var(--text-secondary)}.analytics-preview-inline .preview-stat{font-weight:500;color:var(--text-primary)}.analytics-preview-inline .preview-divider{color:var(--text-muted)}.analytics-preview-inline .preview-failed{color:#ef4444;font-weight:600}@media (max-width: 480px){.analytics-preview-inline{display:none}}.analytics-expand-btn{width:32px;height:32px;border:none;background:transparent;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.analytics-expand-btn:hover{background:#667eea1a}.analytics-expand-btn svg{width:20px;height:20px;color:var(--text-secondary);transition:transform .3s ease}.analytics-expand-btn.expanded svg{transform:rotate(180deg)}.analytics-card-foldable .analytics-dashboard{padding:0 20px 20px}.analytics-dashboard{display:flex;flex-direction:column;gap:24px}.analytics-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap}.analytics-header h2{margin:0}.analytics-date-range{display:flex;flex-direction:column;gap:12px}.date-range-buttons{display:flex;gap:8px;flex-wrap:wrap}.date-range-btn{padding:8px 16px;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:8px;font-size:.875rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.date-range-btn:hover{background:var(--bg-hover);border-color:var(--text-muted)}.date-range-btn.active{background:var(--accent-primary);border-color:var(--accent-secondary);color:#fff}.custom-date-range{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-tertiary);border-radius:8px}.custom-date-range input[type=datetime-local]{padding:8px 12px;border:1px solid var(--border-primary);border-radius:6px;font-size:.875rem;background:var(--bg-input);color:var(--text-primary)}.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}.analytics-empty{text-align:center;padding:60px 20px;color:var(--text-secondary)}.analytics-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.metric-card{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:12px;transition:all .2s ease}.metric-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.metric-card-primary{background:#3b82f6;border-color:#667eea}.metric-card-primary .metric-header,.metric-card-primary .metric-value,.metric-card-primary .metric-details{color:#fff}.metric-card-primary .metric-icon{background:#fff3}.metric-card-danger{background:linear-gradient(135deg,#ef444426,#dc262633);border-color:#ef444466}.metric-card-danger .metric-value{color:#dc2626}.metric-header{display:flex;align-items:center;gap:10px}.metric-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#667eea1a;border-radius:8px;font-size:1.125rem}.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}.metric-details{font-size:.875rem;color:var(--text-secondary)}.analytics-section{padding:24px;background:var(--bg-card);border-radius:12px;border:1px solid var(--border-primary)}.analytics-section h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:20px}.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,#3b82f626,#667eea1a);border-radius:16px;border:1px solid rgba(59,130,246,.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}}.retry-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.retry-stat{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-card);border-radius:8px;border:1px solid var(--border-primary)}.retry-stat-label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.retry-stat-value{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.retry-stat-value.success{color:#10b981}.retry-stat-value.danger{color:#dc2626}.platform-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.platform-stat-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;padding:20px;transition:all .2s ease}.platform-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.platform-stat-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-primary)}.platform-stat-name{font-size:1rem;font-weight:600;color:var(--text-primary)}.platform-stat-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}.platform-metric{display:flex;flex-direction:column;gap:4px}.platform-metric-label{font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.platform-metric-value{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.platform-metric-value.success{color:#10b981}.platform-metric-value.warning{color:#f59e0b}.platform-metric-value.danger{color:#dc2626}.error-breakdown{display:flex;flex-wrap:wrap;gap:12px}.error-stat{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:8px}.error-category-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:.875rem;font-weight:600;text-transform:capitalize}.error-category-badge.retryable{background:#3b82f633;color:#60a5fa}.error-category-badge.permanent{background:#ef444433;color:#f87171}.error-category-badge.unknown{background:var(--bg-tertiary);color:var(--text-secondary)}.error-count{font-size:1.125rem;font-weight:700;color:var(--text-primary);min-width:32px;text-align:right}.period-summaries{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:16px}.period-summary-card{background:linear-gradient(135deg,#1e293bcc,#334155cc);border:1px solid rgba(102,126,234,.3);border-radius:12px;padding:20px;transition:all .3s ease}.period-summary-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.period-summary-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.period-icon{font-size:1.5rem}.period-summary-header h4{margin:0;font-size:1.125rem;font-weight:600;color:#fff}.period-summary-body{margin-bottom:16px}.period-main-stat{text-align:center;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:16px}.period-main-stat .period-stat-value{display:block;font-size:2.5rem;font-weight:700;color:#22c55e;line-height:1}.period-main-stat .period-stat-label{display:block;font-size:.875rem;color:#ffffffe6;margin-top:8px;font-weight:500}.period-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.period-stat-item{display:flex;flex-direction:column;gap:4px}.period-stat-item .period-stat-label{font-size:.75rem;color:#ffffffd9;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.period-stat-item .period-stat-value{font-size:1.25rem;font-weight:600;color:#fff}.period-stat-item .period-stat-value.danger{color:#ef4444}.period-stat-change{font-size:.75rem;font-weight:600;margin-top:2px}.period-stat-change.positive{color:#22c55e}.period-stat-change.negative{color:#ef4444}.period-summary-footer{padding-top:12px;border-top:1px solid rgba(255,255,255,.1);text-align:center}.period-summary-footer small{font-size:.75rem;color:#ffffff80}.timeline-chart-container{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:12px;padding:24px;margin-top:16px;height:350px}@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}}@media (max-width: 768px){.analytics-dashboard{gap:20px}.analytics-header{flex-direction:column;align-items:stretch;gap:16px}.analytics-header h2{font-size:1.25rem}.analytics-date-range{gap:10px}.date-range-buttons{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.date-range-btn{min-height:44px;padding:10px 8px;font-size:.85rem;justify-content:center}.custom-date-range{flex-direction:column;align-items:stretch;gap:10px;padding:10px}.custom-date-range input[type=datetime-local]{width:100%;min-height:44px;font-size:16px;padding:10px 12px}.custom-date-range .btn{min-height:44px;width:100%;justify-content:center}.analytics-metrics{display:flex;overflow-x:auto;gap:12px;padding-bottom:8px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.analytics-metrics::-webkit-scrollbar{display:none}.metric-card{flex:0 0 280px;scroll-snap-align:start;padding:16px;border-radius:12px}.metric-header{gap:10px;margin-bottom:10px}.metric-icon{width:36px;height:36px;font-size:1rem}.metric-label{font-size:.85rem}.metric-value{font-size:2rem}.metric-details{font-size:.8rem}.analytics-section{padding:16px;border-radius:12px}.analytics-section h3{font-size:1rem;margin-bottom:14px}.platform-stats{grid-template-columns:1fr;gap:12px}.platform-stat-card{padding:14px;border-radius:10px}.platform-stat-header{margin-bottom:12px}.platform-stat-name{font-size:.95rem}.platform-stat-metrics{gap:10px}.retry-stats{grid-template-columns:1fr;gap:10px}.timeline-chart-container{padding:14px;height:280px;border-radius:10px}.period-summaries{grid-template-columns:1fr;gap:12px}.period-summary-card{padding:16px;border-radius:10px}.period-summary-header{margin-bottom:12px}.period-summary-title{font-size:.95rem}.period-main-stat{margin-bottom:14px}.period-main-stat .period-stat-value{font-size:2.25rem}.period-stats-grid{gap:10px}}@media (max-width: 480px){.analytics-dashboard{gap:16px}.analytics-header h2{font-size:1.1rem}.date-range-buttons{grid-template-columns:repeat(2,1fr)}.metric-card{flex:0 0 240px;padding:14px}.metric-icon{width:32px;height:32px;font-size:.9rem}.metric-value{font-size:1.75rem}.metric-label{font-size:.8rem}.platform-stat-card{padding:12px}.platform-stat-metrics{grid-template-columns:1fr}.analytics-section{padding:14px}.analytics-section h3{font-size:.95rem}.timeline-chart-container{padding:12px;height:240px}.period-summary-card{padding:14px}.period-main-stat .period-stat-value{font-size:2rem}.period-stats-grid{grid-template-columns:1fr}}@media (max-width: 360px){.metric-card{flex:0 0 220px;padding:12px}.metric-value{font-size:1.5rem}.date-range-btn{padding:8px 6px;font-size:.8rem}.timeline-chart-container{height:220px}}.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(59,130,246,.2);border-top-color:#3b82f6;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,#3b82f6,#60a5fa);-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:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.auth-field input::placeholder{color:var(--text-secondary)}.auth-submit-btn{padding:14px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);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 #3b82f666}.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,#3b82f6,#2563eb);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:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.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,#3b82f6,#2563eb);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 #3b82f666}.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:#3b82f6;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:#3b82f6;text-decoration:none;font-weight:500;transition:color .2s}.signup-back-link:hover{color:#2563eb;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:#3b82f6;border:1px solid #3b82f6;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:8px}.signup-another-btn:hover{background:#3b82f61a}.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:#3b82f6}@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;margin-bottom:1.5rem}.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}.main-tabs{gap:6px;padding:.5rem .75rem}.main-tab{padding:10px 14px;font-size:.85rem}.analytics-metric-card{padding:.875rem}.analytics-metric-value{font-size:1.25rem}.analytics-metric-label{font-size:.7rem}}.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,#3b82f6,#2563eb);-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,#3b82f6,#2563eb);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 #3b82f659}.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,#3b82f6,#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,#3b82f6,#2563eb);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 #3b82f626}.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,#1e293b,#0f172a);text-align:center}[data-theme=dark] .landing-final-cta{background:linear-gradient(135deg,#1e3a5f,#0f172a)}.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,#3b82f6,#2563eb);-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 #3b82f64d}.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 #3b82f633;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 #3b82f64d}.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:#3b82f6;color:#fff;border-color:#3b82f6}.embed-actions .btn-primary:hover{background:#2563eb;border-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.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 #3b82f61a}.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 #3b82f64d}.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 #3b82f64d}.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:#3b82f6;border:1px solid #60a5fa;color:#fff}.modal-form .btn-primary:hover:not(:disabled){background:#2563eb;border-color:#3b82f6}.modal-form .btn-primary:disabled,.modal-form .btn-secondary:disabled{opacity:.6;cursor:not-allowed}.campaign-form .form-group{margin-bottom:1.5rem}.campaign-form .form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.campaign-form .form-group input,.campaign-form .form-group textarea,.campaign-form .form-group select{width:100%;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}.campaign-form .form-group input:focus,.campaign-form .form-group textarea:focus,.campaign-form .form-group select:focus{outline:none;border-color:#3b82f6}.campaign-form .form-help-text{display:block;margin-top:.5rem;font-size:.85rem;color:var(--text-muted);line-height:1.4}.campaign-form .modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-primary)}.campaign-form .modal-actions button{padding:.625rem 1.5rem;font-size:.9rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease;min-width:100px}.campaign-form .btn-secondary{background:transparent;border:1px solid var(--border-primary);color:var(--text-primary)}.campaign-form .btn-secondary:hover{background:var(--bg-secondary);border-color:#60a5fa;color:var(--text-primary)}.campaign-form .btn-primary{background:#3b82f6;border:1px solid #60a5fa;color:#fff}.campaign-form .btn-primary:hover{background:#2563eb;border-color:#3b82f6;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.campaign-list-container{max-width:1200px;margin:0 auto;padding:2rem}.campaign-list-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:2rem;gap:1rem}.campaign-list-header .list-info-header{flex:1}.campaign-list-header .list-info-header h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0}.campaign-list-header .list-name-subtitle{font-size:1rem;font-weight:400;color:var(--text-secondary)}.campaign-list-content{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;overflow:hidden}.campaigns-loading,.campaigns-error,.campaigns-empty-state{text-align:center;padding:4rem 2rem;min-height:400px;display:flex;align-items:center;justify-content:center}.campaigns-empty-state .empty-state-content{max-width:500px}.campaigns-empty-state .empty-state-icon{width:120px;height:120px;margin:0 auto 2rem;background:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center}.campaigns-empty-state .empty-state-icon svg{width:60px;height:60px;stroke:#fff}.campaigns-empty-state h2{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem}.campaigns-empty-state .empty-state-description{font-size:1rem;color:var(--text-secondary);margin:0 0 2rem;line-height:1.6}.btn-create-first-campaign{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-create-first-campaign:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 8px 16px #0003}.btn-create-first-campaign svg{width:20px;height:20px}.campaigns-loading{display:flex;flex-direction:column;align-items:center;gap:1rem}.campaigns-loading p{color:var(--text-secondary);font-size:1rem}.campaigns-error{display:flex;flex-direction:column;align-items:center;gap:1rem}.campaigns-error svg{width:48px;height:48px;color:#ef4444}.campaigns-error p{color:var(--text-secondary);font-size:1rem;margin:0}.campaigns-table{width:100%;border-collapse:collapse}.campaigns-table thead{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary)}.campaigns-table th{padding:1rem;text-align:left;font-weight:600;font-size:.875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.campaigns-table tbody tr{border-bottom:1px solid var(--border-primary);transition:background-color .15s ease}.campaigns-table tbody tr:last-child{border-bottom:none}.campaigns-table tbody tr:hover{background:var(--bg-secondary)}.campaigns-table td{padding:1rem}.campaign-title-cell .campaign-title{font-weight:500;color:var(--text-primary)}.campaign-date-cell{color:var(--text-secondary);font-size:.875rem}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-draft{background:#3b82f61a;color:#3b82f6}.status-sent{background:#22c55e1a;color:#22c55e}.campaign-actions-cell{text-align:right}.campaign-actions-cell .btn-view-campaign,.campaign-actions-cell .btn-delete-campaign{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease;margin-left:.5rem}.campaign-actions-cell .btn-view-campaign{background:#3b82f6;border:1px solid #60a5fa;color:#fff}.campaign-actions-cell .btn-view-campaign:hover{background:#2563eb;border-color:#3b82f6;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.campaign-actions-cell .btn-view-campaign svg{width:16px;height:16px}.campaign-actions-cell .btn-delete-campaign{background:transparent;border:1px solid var(--error-border);color:var(--error-color)}.campaign-actions-cell .btn-delete-campaign:hover{background:var(--error-bg);border-color:var(--error-color);transform:translateY(-1px)}.campaign-actions-cell .btn-delete-campaign svg{width:16px;height:16px}.btn-view-campaigns{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-campaigns:hover{background:var(--bg-secondary);color:var(--accent-primary)}.btn-view-campaigns svg:first-child{width:18px;height:18px}.btn-view-campaigns svg:last-child{width:14px;height:14px;margin-left:auto;opacity:.5}.campaign-detail-container{max-width:1200px;margin:0 auto;padding:2rem}.campaign-detail-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem;color:var(--text-secondary)}.campaign-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;margin-bottom:2rem;padding:2rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px}.campaign-header-info{flex:1}.campaign-header-info h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.campaign-description{color:var(--text-secondary);font-size:1rem;margin:0 0 1rem;line-height:1.5}.campaign-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.campaign-type-badge{display:inline-flex;align-items:center;padding:.375rem .75rem;background:var(--accent-bg);color:var(--accent-primary);border:1px solid var(--accent-border);border-radius:6px;font-size:.875rem;font-weight:500}.campaign-progress{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-primary)}.progress-stats{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.progress-stat{display:inline-flex;align-items:center;gap:.25rem;color:var(--text-secondary);font-size:.9rem}.progress-stat .stat-number{font-weight:700;color:var(--text-primary);font-size:1.1rem}.progress-stat.total .stat-number{color:var(--accent-primary)}.stat-separator{color:var(--text-tertiary)}.btn-add-broadcast{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#3b82f6;border:1px solid #60a5fa;color:#fff;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-add-broadcast:hover{background:#2563eb;border-color:#3b82f6;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-add-broadcast svg{width:20px;height:20px}.btn-activate-campaign{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--success);border:1px solid var(--success);color:#fff;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-activate-campaign:hover:not(:disabled){background:#059669;border-color:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.btn-activate-campaign svg{width:20px;height:20px}.btn-analytics{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--success);border:1px solid var(--success);color:#fff;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-analytics:hover:not(:disabled){background:#059669;border-color:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.btn-analytics svg{width:16px;height:16px}.broadcasts-list-content{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:2rem;min-height:300px}.broadcasts-loading,.broadcasts-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem;color:var(--text-secondary)}.broadcasts-error svg{width:48px;height:48px;color:var(--error-color)}.broadcasts-empty-state{display:flex;align-items:center;justify-content:center;padding:2rem}.broadcasts-empty-state .empty-state-content{text-align:center;max-width:500px}.broadcasts-empty-state .empty-state-icon{width:80px;height:80px;margin:0 auto 1.5rem;padding:1.5rem;background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:50%;color:var(--text-tertiary)}.broadcasts-empty-state .empty-state-icon svg{width:100%;height:100%}.broadcasts-empty-state h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.broadcasts-empty-state .empty-state-description{color:var(--text-secondary);font-size:1rem;margin:0;line-height:1.6}.broadcasts-list{display:flex;flex-direction:column;gap:1rem;padding:0}.broadcast-card{display:flex;align-items:flex-start;gap:1.5rem;padding:1.5rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;transition:all .2s ease}.broadcast-card:hover{border-color:var(--accent-primary);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.broadcast-number{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--accent-bg);border:2px solid var(--accent-border);border-radius:50%;font-size:1rem;font-weight:700;color:var(--accent-primary)}.broadcast-content{flex:1;min-width:0}.broadcast-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}.broadcast-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.broadcast-meta{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;color:var(--text-secondary);font-size:.875rem}.broadcast-send-type{display:flex;align-items:center;gap:.375rem}.broadcast-send-type svg{width:16px;height:16px;opacity:.7}.broadcast-updated{display:flex;align-items:center}.broadcast-actions{flex-shrink:0;display:flex;align-items:center;gap:.5rem}.btn-edit-broadcast,.btn-delete-broadcast{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-edit-broadcast{background:var(--bg-primary);border:1px solid var(--border-primary);color:var(--text-primary)}.btn-edit-broadcast:hover{background:var(--bg-secondary);border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.btn-edit-broadcast svg,.btn-delete-broadcast svg{width:16px;height:16px}.btn-delete-broadcast{background:transparent;border:1px solid var(--error-border);color:var(--error-color)}.btn-delete-broadcast:hover{background:var(--error-bg);border-color:var(--error-color);transform:translateY(-1px);box-shadow:0 2px 8px #ef444433}.campaign-composer-container{max-width:1200px;margin:0 auto;padding:2rem}.campaign-composer-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:2rem;gap:1rem}.composer-header-info{flex:1}.composer-header-info h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0}.composer-header-actions{display:flex;align-items:center;gap:1rem;flex-shrink:0}.save-status{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.status-saving{display:flex;align-items:center;gap:.5rem;color:var(--primary-color)}.status-unsaved{color:#f59e0b}.status-saved{color:var(--text-secondary)}.loading-spinner-small{width:14px;height:14px;border:2px solid rgba(59,130,246,.2);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}.btn-save-draft{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-save-draft:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-save-draft:disabled{opacity:.6;cursor:not-allowed}.btn-save-draft svg{width:16px;height:16px}.campaign-composer-content{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;overflow:hidden}.campaign-error-banner{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:#ef44441a;border-bottom:1px solid rgba(239,68,68,.3);color:#ef4444}.campaign-error-banner svg{width:20px;height:20px;flex-shrink:0}.campaign-error-banner button{margin-left:auto;background:none;border:none;color:#ef4444;font-size:1.5rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.campaign-loading{text-align:center;padding:4rem 2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:400px}.campaign-loading p{color:var(--text-secondary);font-size:1rem;margin:0}.campaign-composer-form{padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.campaign-title-input{width:100%;padding:.75rem 1rem;border:1px solid var(--border-primary);border-radius:8px;font-size:1rem;color:var(--text-primary);background:var(--bg-primary);transition:border-color .2s ease}.campaign-title-input:focus{outline:none;border-color:var(--primary-color)}.form-hint{margin-top:.5rem;font-size:.875rem;color:var(--text-secondary)}.editor-group{margin-bottom:0}.quill-editor{border:1px solid var(--border-primary);border-radius:8px;overflow:hidden}.quill-editor .ql-toolbar{background:var(--bg-secondary);border:none;border-bottom:1px solid var(--border-primary);padding:.75rem}.quill-editor .ql-container{border:none;font-size:14px;height:400px;background:var(--bg-primary)}.quill-editor .ql-editor{min-height:400px;padding:1.5rem;color:var(--text-primary)}.quill-editor .ql-editor.ql-blank:before{color:var(--text-secondary);font-style:normal;opacity:.6}.quill-editor .ql-toolbar button{width:28px;height:28px}.quill-editor .ql-toolbar button:hover,.quill-editor .ql-toolbar button:focus,.quill-editor .ql-toolbar button.ql-active{color:var(--primary-color)}.quill-editor .ql-toolbar .ql-stroke{stroke:var(--text-secondary)}.quill-editor .ql-toolbar button:hover .ql-stroke,.quill-editor .ql-toolbar button.ql-active .ql-stroke{stroke:var(--primary-color)}.quill-editor .ql-toolbar .ql-fill{fill:var(--text-secondary)}.quill-editor .ql-toolbar button:hover .ql-fill,.quill-editor .ql-toolbar button.ql-active .ql-fill{fill:var(--primary-color)}.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;margin-bottom:1.5rem;gap:1.5rem;flex-wrap:wrap}.composer-header-actions{display:flex;align-items:center;gap:1rem;flex-shrink:0;flex-wrap:wrap}.save-error{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--error-bg);border:1px solid var(--error-border);border-radius:6px;color:var(--error-color);font-size:.875rem;font-weight:500}.save-error svg{width:16px;height:16px;flex-shrink:0}.save-status{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;border-radius:6px;font-size:.875rem;font-weight:500}.save-success{color:#10b981;background:#10b9811a}.save-success svg{width:16px;height:16px}.save-unsaved{color:#f59e0b;background:#f59e0b1a}.save-saving{color:var(--accent-primary);background:var(--accent-bg)}.saving-spinner{width:14px;height:14px;border:2px solid rgba(59,130,246,.2);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}.btn-save-draft{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#3b82f6;border:1px solid #60a5fa;color:#fff;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-save-draft:hover:not(:disabled){background:#2563eb;border-color:#3b82f6;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-save-draft:disabled{opacity:.5;cursor:not-allowed;transform:none}.composer-campaign-context{padding:1rem 1.5rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;margin-bottom:1.5rem}.campaign-context-info{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.875rem}.context-label{color:var(--text-secondary);font-weight:500}.context-value{color:var(--text-primary);font-weight:600}.context-separator{color:var(--text-tertiary);font-weight:400;margin:0 .25rem}.composer-form{display:flex;flex-direction:column;gap:1.5rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:2rem}.composer-form .form-group{display:flex;flex-direction:column;gap:.5rem}.composer-form .form-label{display:flex;flex-direction:column;gap:.25rem;font-size:.9375rem;font-weight:600;color:var(--text-primary)}.composer-form .field-help{font-size:.8125rem;font-weight:400;color:var(--text-secondary);margin-top:.125rem}.composer-form .form-control{width:100%;padding:.75rem 1rem;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;font-size:1rem;color:var(--text-primary);transition:all .2s ease}.composer-form .form-control:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a}.subject-line-input{font-size:1.125rem;font-weight:500;padding:.875rem 1.125rem}.character-count{align-self:flex-end;font-size:.8125rem;color:var(--text-tertiary);margin-top:.25rem}.send-settings{padding:1.5rem;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px}.send-settings .form-label{margin-bottom:1rem}.send-settings-grid{display:grid;grid-template-columns:1fr;gap:1rem}.send-type-field,.delay-field{display:flex;flex-direction:column;gap:.5rem}.send-type-field label,.delay-field label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.send-type-field select,.delay-field input{width:100%;padding:.625rem .875rem;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;font-size:.9375rem;color:var(--text-primary);transition:all .2s ease}.send-type-field select:focus,.delay-field input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a}.delay-field .field-help{font-size:.8125rem;color:var(--text-secondary);margin-top:.25rem}.editor-group .form-label{margin-bottom:.75rem}.editor-wrapper{border:1px solid var(--border-primary);border-radius:8px;overflow:hidden;background:var(--bg-primary)}.editor-wrapper .quill{display:flex;flex-direction:column}.editor-wrapper .ql-toolbar{background:var(--bg-secondary);border:none;border-bottom:1px solid var(--border-primary);padding:.75rem}.editor-wrapper .ql-container{border:none;font-size:1rem;min-height:400px;background:var(--bg-primary)}.editor-wrapper .ql-editor{min-height:400px;padding:1.5rem;color:var(--text-primary);line-height:1.6}.editor-wrapper .ql-editor.ql-blank:before{color:var(--text-tertiary);font-style:normal;opacity:.6;left:1.5rem;right:1.5rem}.editor-wrapper .ql-toolbar button{width:32px;height:32px;border-radius:4px;transition:background .2s ease}.editor-wrapper .ql-toolbar button:hover{background:var(--bg-primary)}.editor-wrapper .ql-toolbar button.ql-active{background:var(--accent-bg)}.editor-wrapper .ql-toolbar .ql-stroke{stroke:var(--text-secondary);transition:stroke .2s ease}.editor-wrapper .ql-toolbar button:hover .ql-stroke,.editor-wrapper .ql-toolbar button.ql-active .ql-stroke{stroke:var(--accent-primary)}.editor-wrapper .ql-toolbar .ql-fill{fill:var(--text-secondary);transition:fill .2s ease}.editor-wrapper .ql-toolbar button:hover .ql-fill,.editor-wrapper .ql-toolbar button.ql-active .ql-fill{fill:var(--accent-primary)}.editor-wrapper .ql-toolbar .ql-picker-label{color:var(--text-primary);border:1px solid var(--border-primary);border-radius:4px;padding:.25rem .5rem}.editor-wrapper .ql-toolbar .ql-picker-label:hover{background:var(--bg-primary)}.editor-wrapper .ql-toolbar .ql-picker-options{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:6px;padding:.5rem}.editor-wrapper .ql-toolbar .ql-picker-item{color:var(--text-primary);padding:.375rem .75rem;border-radius:4px}.editor-wrapper .ql-toolbar .ql-picker-item:hover{background:var(--accent-bg);color:var(--accent-primary)}@media (min-width: 768px){.send-settings-grid{grid-template-columns:2fr 1fr;align-items:start}}.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 #3b82f64d}.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:#3b82f633;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)}