.landing-page{min-height:100vh;min-height:100dvh;background:var(--mk-ground);color:var(--mk-ink);font-family:var(--mk-font)}.landing-page h1,.landing-page h2,.landing-page h3,.landing-page p{margin:0}.landing-page [id]{scroll-margin-top:80px}.landing-btn-primary,.landing-btn-ghost,.landing-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--tap-target);padding:0 18px;border-radius:12px;font:600 .9375rem/1.2 var(--mk-font);text-decoration:none;cursor:pointer;border:1px solid transparent;box-sizing:border-box;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}.landing-btn-primary{background:var(--mk-brand);color:#fff;box-shadow:0 6px 16px #a21caf40}.landing-btn-primary:hover{background:var(--mk-brand-hover);transform:translateY(-1px)}.landing-btn-ghost{background:var(--mk-surface);color:var(--mk-ink);border-color:var(--mk-border)}.landing-btn-ghost:hover{background:var(--mk-tint)}.landing-btn-secondary{background:transparent;color:var(--mk-text);padding:0 10px;font-weight:500}.landing-btn-secondary:hover{color:var(--mk-brand-text)}.landing-btn-large{min-height:52px;padding:0 24px;font-size:1rem}.landing-btn-icon{width:18px;height:18px;flex:none}.landing-nav{position:sticky;top:0;z-index:var(--z-top-bar);padding-top:env(safe-area-inset-top,0px);background:color-mix(in srgb,var(--mk-ground) 88%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--mk-border-soft)}.landing-nav-content{max-width:1200px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;gap:24px}.landing-logo{display:flex;align-items:center;gap:10px;text-decoration:none;min-height:var(--tap-target)}.landing-nav-links{display:flex;gap:8px}.landing-nav-link{display:inline-flex;align-items:center;min-height:var(--tap-target);padding:0 8px;color:var(--mk-text);text-decoration:none;font-weight:500;font-size:.9375rem}.landing-nav-link:hover{color:var(--mk-brand-text)}.landing-nav-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.landing-section{max-width:1200px;margin:0 auto;padding:96px 24px;box-sizing:border-box}.landing-band{background:var(--mk-surface);border-top:1px solid var(--mk-border-soft);border-bottom:1px solid var(--mk-border-soft)}.landing-section-header{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;margin-bottom:48px}.landing-eyebrow{font-size:.875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mk-brand-text)}.landing-page h2{font-size:clamp(1.875rem,3.6vw,2.75rem);line-height:1.15;letter-spacing:-.03em;font-weight:800}.landing-lead{font-size:1.125rem;line-height:1.6;color:var(--mk-text)}.landing-hero{max-width:1200px;margin:0 auto;padding:72px 24px 56px;display:flex;flex-wrap:wrap;align-items:center;gap:56px;box-sizing:border-box}.landing-hero-copy{flex:1 1 460px;min-width:0;display:flex;flex-direction:column;gap:24px}.landing-hero-badge{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 8px;background:var(--mk-surface);border:1px solid var(--mk-border);border-radius:999px;font-size:.875rem;font-weight:500;color:var(--mk-text)}.landing-hero-badge-tag{background:var(--mk-tint);color:var(--mk-brand-text);font-weight:700;font-size:.75rem;text-transform:uppercase;padding:3px 8px;border-radius:999px}.landing-hero-title{font-size:clamp(2.5rem,5.4vw,4rem);line-height:1.05;letter-spacing:-.035em;font-weight:800}.landing-hero-accent{color:var(--mk-brand-text)}.landing-hero-subtitle{font-size:1.1875rem;line-height:1.6;color:var(--mk-text);max-width:540px}.landing-hero-cta{display:flex;flex-wrap:wrap;gap:12px}.landing-checks{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 22px;font-size:.875rem;color:var(--mk-text)}.landing-checks li{display:flex;align-items:center;gap:8px}.landing-preview{flex:1 1 480px;min-width:0;margin:0;background:var(--mk-surface);border:1px solid var(--mk-border);border-radius:24px;box-shadow:var(--mk-shadow);overflow:hidden}.landing-preview-stage{position:relative;height:190px;background:var(--mk-stage);display:flex;align-items:flex-end;justify-content:center;overflow:hidden;--preview-shift: 0px;--preview-bubble-anchor: 62px}.landing-preview-mascot{height:180px;width:auto;max-width:none;transform:translate(var(--preview-shift));display:block}.landing-preview-bubble{position:absolute;top:24px;left:calc(50% + var(--preview-shift) + var(--preview-bubble-anchor));box-sizing:border-box;max-width:180px;text-wrap:balance;background:var(--mk-surface);color:var(--mk-ink);border:1px solid var(--mk-border);border-radius:14px;padding:10px 14px;font-size:.875rem;font-weight:500;line-height:1.4;box-shadow:0 4px 12px #1d14300f}.landing-preview-bubble:before,.landing-preview-bubble:after{content:"";position:absolute;top:14px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent}.landing-preview-bubble:before{left:-10px;border-right:10px solid var(--mk-border)}.landing-preview-bubble:after{left:-8px;border-right:10px solid var(--mk-surface)}.landing-preview-body{padding:20px 22px;display:flex;flex-direction:column;gap:14px}.landing-mail-row{display:flex;align-items:center;gap:12px}.landing-avatar{width:40px;height:40px;border-radius:50%;background:#c026d3;color:#fff;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex:none}.landing-avatar--soft{background:#e9d5ff;color:#6b21a8}.landing-mail-text{flex:1;min-width:0}.landing-mail-name{font-weight:600;font-size:.9375rem}.landing-mail-subject{font-size:.875rem;color:var(--mk-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.landing-pill{flex:none;font-size:.75rem;font-weight:600;padding:4px 8px;border-radius:6px;white-space:nowrap}.landing-pill--ok{color:#065f46;background:#d1fae5}.landing-pill--warn{color:#92400e;background:#fef3c7}.landing-pill--alert{color:#9f1239;background:#ffe4e6}.landing-pill--info{color:#1e40af;background:#dbeafe}.landing-draft{background:var(--mk-ground);border:1px solid var(--mk-border-soft);border-radius:14px;padding:16px;font-size:.875rem;line-height:1.6;color:var(--mk-text)}.landing-draft-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:8px}.landing-draft-label{font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mk-brand-text)}.landing-draft-source{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;color:var(--mk-text)}.landing-draft-source-icon{width:14px;height:14px}.landing-draft-actions{display:flex;flex-wrap:wrap;gap:10px}.landing-fake-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:12px;font-weight:600;font-size:.9375rem;background:var(--mk-surface);color:var(--mk-ink);border:1px solid var(--mk-border);box-sizing:border-box}.landing-fake-btn--approve{background:#047857;border-color:#047857;color:#fff}.landing-works-with{max-width:1200px;margin:0 auto;padding:8px 24px 64px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 28px;font-size:.9375rem;color:var(--mk-muted)}.landing-works-with-label{font-weight:500}.landing-works-with-item{font-weight:700;color:var(--mk-ink)}.landing-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:24px}.landing-step{display:flex;flex-direction:column;gap:14px;padding:28px;background:var(--mk-ground);border:1px solid var(--mk-border-soft);border-radius:20px}.landing-step-num{width:44px;height:44px;border-radius:12px;background:var(--mk-brand);color:#fff;font-weight:800;font-size:1.125rem;display:inline-flex;align-items:center;justify-content:center}.landing-step h3{font-size:1.25rem;letter-spacing:-.01em}.landing-step p{color:var(--mk-text);line-height:1.6}.landing-split{display:flex;flex-wrap:wrap;align-items:center;gap:56px}.landing-split-copy{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:20px}.landing-control-list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:16px}.landing-control-list li{display:flex;gap:14px;align-items:flex-start}.landing-icon-tile{width:36px;height:36px;flex:none;border-radius:10px;background:var(--mk-tint);color:var(--mk-brand-text);display:inline-flex;align-items:center;justify-content:center}.landing-icon{width:18px;height:18px}.landing-control-title{font-weight:600}.landing-control-desc{color:var(--mk-muted);font-size:.9375rem;line-height:1.55;margin-top:2px}.landing-mini-inbox{flex:1 1 480px;min-width:0;margin:0;background:var(--mk-surface);border:1px solid var(--mk-border);border-radius:20px;box-shadow:var(--mk-shadow);overflow:hidden}.landing-mini-inbox-head{display:flex;align-items:center;gap:10px;padding:18px 20px;border-bottom:1px solid var(--mk-border-soft)}.landing-mini-inbox-title{font-weight:700;font-size:1.0625rem}.landing-count{background:var(--mk-brand);color:#fff;font-size:.75rem;font-weight:700;border-radius:999px;padding:2px 8px}.landing-mini-inbox-filter{margin-left:auto;font-size:.8125rem;font-weight:600;color:var(--mk-brand-text);background:var(--mk-tint);padding:6px 12px;border-radius:999px}.landing-mini-inbox ul{list-style:none;margin:0;padding:0}.landing-mini-inbox li{padding:14px 20px;border-bottom:1px solid var(--mk-border-soft)}.landing-mini-inbox li:last-child{border-bottom:0}.landing-mini-inbox .landing-avatar{width:36px;height:36px}.landing-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:20px}.landing-feature{padding:28px;border:1px solid var(--mk-border-soft);border-radius:20px;display:flex;flex-direction:column;gap:10px}.landing-feature-icon{width:28px;height:28px;color:var(--mk-brand-text)}.landing-feature h3{margin-top:4px;font-size:1.125rem}.landing-feature p{color:var(--mk-muted);line-height:1.6;font-size:.9375rem}.landing-trust{background:var(--mk-panel);color:#fff;border-radius:28px;padding:clamp(32px,5vw,64px);display:flex;flex-wrap:wrap;align-items:center;gap:40px}.landing-trust-copy{flex:1 1 360px;min-width:0;display:flex;flex-direction:column;gap:16px}.landing-trust-copy h2{font-size:clamp(1.75rem,3.2vw,2.5rem)}.landing-trust-copy p:last-child{color:var(--mk-panel-text);font-size:1.0625rem;line-height:1.6}.landing-eyebrow--on-dark{color:var(--mk-panel-accent)}.landing-trust-list{flex:1 1 440px;min-width:0;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:24px}.landing-trust-list li{display:flex;flex-direction:column;gap:6px}.landing-trust-list span{color:var(--mk-panel-text);font-size:.9375rem;line-height:1.5}.landing-trust-icon{width:24px;height:24px;color:var(--mk-panel-accent)}.landing-pricing{padding-top:32px;display:flex;flex-direction:column;align-items:center}.landing-pricing .landing-section-header{margin-bottom:32px}.landing-pricing-toggle{display:inline-flex;padding:4px;gap:4px;background:var(--mk-surface);border:1px solid var(--mk-border);border-radius:14px;margin-bottom:36px}.landing-pricing-toggle-btn{min-height:var(--tap-target);padding:0 18px;border:0;border-radius:10px;background:transparent;color:var(--mk-text);font:600 .9375rem var(--mk-font);cursor:pointer;display:inline-flex;align-items:center;gap:6px}.landing-pricing-toggle-btn.active{background:var(--mk-ink);color:var(--mk-ground)}.landing-pricing-save{font-size:.75rem;font-weight:700;color:var(--mk-ok)}.landing-pricing-toggle-btn.active .landing-pricing-save{color:#6ee7b7}[data-theme=dark] .landing-pricing-toggle-btn.active .landing-pricing-save{color:#047857}.landing-pricing-grid{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:20px}.landing-plan{background:var(--mk-surface);border:1px solid var(--mk-border);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:4px}.landing-plan--featured{border:2px solid var(--mk-brand);box-shadow:0 12px 32px #a21caf24}.landing-plan-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:26px}.landing-plan-name{font-weight:700;font-size:1.125rem}.landing-plan-badge{font-size:.75rem;font-weight:700;color:#fff;background:var(--mk-brand);padding:4px 10px;border-radius:999px}.landing-plan-limit,.landing-plan-per,.landing-plan-billed{color:var(--mk-muted);font-size:.875rem}.landing-plan-price{display:flex;align-items:baseline;gap:4px;margin-top:8px}.landing-plan-value{font-size:2.75rem;font-weight:800;letter-spacing:-.03em}.landing-plan-billed{font-size:.8125rem;min-height:1.2em}.landing-plan-cta{width:100%;margin-top:12px}.landing-pricing-note{margin-top:28px!important;color:var(--mk-muted);font-size:.9375rem;text-align:center}.landing-faq{max-width:820px}.landing-faq h2{text-align:center;margin-bottom:32px}.landing-faq-list{display:flex;flex-direction:column;gap:12px}.landing-faq-item{border:1px solid var(--mk-border);border-radius:16px;padding:0 22px;background:var(--mk-ground)}.landing-faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;font-weight:600;font-size:1.0625rem;cursor:pointer;list-style:none}.landing-faq-item summary::-webkit-details-marker{display:none}.landing-faq-chevron{width:20px;height:20px;flex:none;transition:transform .2s ease}.landing-faq-item[open] .landing-faq-chevron{transform:rotate(180deg)}.landing-faq-item p{margin:0 0 20px;color:var(--mk-text);line-height:1.65}.landing-final-cta{background:var(--mk-stage);border-top:1px solid var(--mk-border-soft);padding:80px 24px 0;display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}.landing-final-cta h2{font-size:clamp(1.875rem,3.6vw,3rem);line-height:1.1}.landing-final-cta p{font-size:1.125rem;color:var(--mk-text)}.landing-final-cta-mascot{width:100%;max-width:544px;height:auto;display:block;margin-top:24px}.landing-footer{background:var(--mk-surface);border-top:1px solid var(--mk-border-soft)}.landing-footer-content{max-width:1200px;margin:0 auto;padding:40px 24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;font-size:.875rem;color:var(--mk-muted)}.landing-footer-brand{display:flex;flex-direction:column;gap:6px}.landing-footer-name{font-weight:800;font-size:1.125rem;color:var(--mk-ink)}.landing-footer-links{display:flex;flex-wrap:wrap;align-items:center;gap:4px 20px}.landing-footer-links a{color:var(--mk-text);display:inline-flex;align-items:center;min-height:var(--tap-target)}.landing-footer-links a:hover{color:var(--mk-brand-text)}@media (max-width: 1024px){.landing-nav-links{display:none}}@media (max-width: 768px){.landing-nav-content{padding:8px 16px;gap:12px}.landing-section{padding:64px 16px}.landing-hero{padding:40px 16px;gap:40px}.landing-works-with{padding:0 16px 48px}.landing-section-header{margin-bottom:32px}.landing-hero-subtitle{font-size:1.0625rem}.landing-final-cta{padding:56px 16px 0}.landing-footer-content{padding:32px 16px}}@media (max-width: 480px){.landing-nav-content{padding:8px 12px;gap:8px}.landing-nav-actions{gap:4px}.landing-nav-cta{display:none}.landing-nav .lang-switcher-btn{min-width:var(--tap-target);justify-content:center;padding:0 8px}.landing-nav .lang-switcher-label{display:none}.landing-hero-cta>*{flex:1 1 100%}.landing-preview-stage{height:160px}.landing-preview-stage{--preview-shift: -60px;--preview-bubble-anchor: 52px}.landing-preview-mascot{height:150px}.landing-preview-bubble{top:14px;max-width:152px;font-size:.8125rem}.landing-preview-body{padding:16px}.landing-step,.landing-feature{padding:22px}.landing-trust{border-radius:20px}.landing-pricing-toggle-btn{padding:0 12px}.landing-mini-inbox li{padding:12px 14px}.landing-faq-item{padding:0 16px}}.lang-switcher{position:relative;flex-shrink:0}.lang-switcher-btn{display:flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--border-primary);color:var(--text-secondary);height:42px;padding:0 10px;border-radius:8px;cursor:pointer;font-size:.85rem;font-family:inherit;transition:all .2s;white-space:nowrap}.lang-switcher-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.lang-switcher-globe{width:15px;height:15px;flex-shrink:0}.lang-switcher-chevron{width:12px;height:12px;flex-shrink:0;opacity:.6;transition:transform .15s}.lang-switcher-chevron--open{transform:rotate(180deg)}.lang-switcher-label{max-width:90px;overflow:hidden;text-overflow:ellipsis}.lang-switcher-dropdown{position:absolute;top:calc(100% + 6px);right:0;z-index:200;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:10px;box-shadow:0 8px 24px #00000026;list-style:none;margin:0;padding:4px;min-width:150px}.lang-switcher-option{padding:7px 12px;border-radius:6px;cursor:pointer;font-size:.875rem;color:var(--text-primary);transition:background .15s}.lang-switcher-option:hover{background:var(--bg-hover)}.lang-switcher-option--active{font-weight:600;color:var(--accent-primary, #6c63ff)}.lang-switcher-btn:focus-visible,.lang-switcher-option:focus-visible{outline:2px solid var(--accent-primary);outline-offset:1px}@media (max-width: 768px){.lang-switcher-btn{height:var(--tap-target)}.lang-switcher-option{display:flex;align-items:center;min-height:var(--tap-target)}}.lang-switcher-menu-row{position:relative}.lang-switcher-menu-row:focus-within{background:var(--bg-hover);outline:2px solid var(--accent-primary);outline-offset:-2px}.lang-switcher-menu-value{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;color:var(--text-secondary);font-size:.875rem}.lang-switcher-menu-row .lang-switcher-chevron{width:14px;height:14px}.lang-switcher-menu-select{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.mk-brand-mark{width:36px;height:36px;border-radius:10px;background:var(--mk-brand);color:#fff;display:inline-flex;align-items:center;justify-content:center;flex:none}.mk-brand-mark svg{width:20px;height:20px}.mk-brand-name{font-weight:800;font-size:1.375rem;letter-spacing:-.02em;color:var(--mk-ink)}.mk-icon-btn{width:var(--tap-target);height:var(--tap-target);display:inline-flex;align-items:center;justify-content:center;padding:0;background:transparent;border:1px solid var(--mk-border);border-radius:12px;color:var(--mk-text);cursor:pointer;flex:none}.mk-icon-btn:hover{background:var(--mk-tint);color:var(--mk-ink)}.mk-icon-btn svg{width:18px;height:18px}.mk-check{width:18px;height:18px;color:var(--mk-ok);flex:none}.landing-page :focus-visible,.auth-shell :focus-visible{outline:3px solid color-mix(in srgb,var(--mk-brand) 45%,transparent);outline-offset:2px}.auth-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;background:var(--bg-primary);color:var(--text-primary);gap:16px}.auth-loading-spinner{width:48px;height:48px;border:4px solid rgba(192,38,211,.2);border-top-color:#c026d3;border-radius:50%;animation:auth-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:var(--text-secondary)}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-card .auth-loading{min-height:0;padding:24px 0;background:none}.auth-page{min-height:100vh;min-height:100dvh;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;padding:24px;position:relative}.auth-theme-toggle{position:absolute;top:calc(24px + env(safe-area-inset-top,0px));right:24px}.auth-lang-switcher{position:absolute;top:calc(24px + env(safe-area-inset-top,0px));right:72px}.auth-container{width:100%;max-width:420px}.auth-back-link{position:absolute;top:calc(24px + env(safe-area-inset-top,0px));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-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,#c026d3,#e879f9);-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(--mk-ink);font-size:.875rem;font-weight:600}.auth-field input{width:100%;box-sizing:border-box;min-height:50px;padding:0 16px;background:var(--mk-surface);border:1px solid var(--mk-border);border-radius:12px;color:var(--mk-ink);font:400 1rem var(--mk-font);transition:border-color .15s ease,box-shadow .15s ease}.auth-field input:focus{outline:none;border-color:var(--mk-brand);box-shadow:0 0 0 4px #a21caf24}.auth-field input::placeholder{color:var(--mk-muted);opacity:.85}.auth-submit-btn{min-height:50px;padding:0 24px;background:var(--mk-brand);color:#fff;border:none;border-radius:12px;font:600 1rem var(--mk-font);cursor:pointer;box-shadow:0 6px 16px #a21caf40;transition:background .15s ease,transform .15s ease;margin-top:4px}.auth-submit-btn:hover:not(:disabled){background:var(--mk-brand-hover);transform:translateY(-1px)}.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(--mk-brand-text);font-weight:500;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(--mk-brand-text);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;margin:0 auto 16px;color:#fff}.auth-success-icon svg{width:32px;height:32px}.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,#c026d3,#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-passkey-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:50px;padding:0 16px;border-radius:12px;border:1px solid var(--mk-border);background:var(--mk-surface);color:var(--mk-ink);font:600 .9375rem var(--mk-font);cursor:pointer;transition:background .15s,border-color .15s}.auth-passkey-btn svg{width:18px;height:18px}.auth-passkey-btn:hover:not(:disabled){background:var(--mk-tint)}.auth-passkey-btn:disabled{opacity:.55;cursor:not-allowed}@media (max-width: 768px){.auth-page{align-items:flex-start;padding:calc(76px + env(safe-area-inset-top,0px)) 16px 24px}.auth-back-link,.auth-theme-toggle,.auth-lang-switcher{top:calc(12px + env(safe-area-inset-top,0px))}.auth-back-link{left:12px;min-height:var(--tap-target);padding:0 4px}.auth-theme-toggle{right:12px}.auth-lang-switcher{right:calc(12px + var(--tap-target) + 8px)}.auth-header{margin-bottom:24px}.auth-header h1{font-size:1.5rem}.auth-card{padding:28px 24px}.auth-submit-btn,.auth-passkey-btn{min-height:48px}.auth-resend-btn{min-height:var(--tap-target)}.auth-link,.auth-link-inline{display:inline-flex;align-items:center;min-height:var(--tap-target)}.auth-link-inline{padding:0 4px;font-size:inherit}}@media (max-width: 480px){.auth-page{padding:calc(68px + env(safe-area-inset-top,0px)) 12px 20px}.auth-lang-switcher .lang-switcher-btn{min-width:var(--tap-target);justify-content:center;padding:0 8px}.auth-lang-switcher .lang-switcher-label{display:none}.auth-header{margin-bottom:20px}.auth-header h1{font-size:1.375rem;margin-bottom:4px}.auth-header p{font-size:.875rem}.auth-card{padding:22px 18px;border-radius:14px}.auth-card h2{font-size:1.25rem}.auth-subtitle{margin-bottom:20px}.auth-form{gap:16px}.auth-field input{padding:13px 12px}.auth-divider{margin:18px 0}.auth-footer{margin-top:20px}}.auth-shell{min-height:100vh;min-height:100dvh;display:flex;background:var(--mk-ground);color:var(--mk-ink);font-family:var(--mk-font)}.auth-main{flex:1 1 520px;min-width:0;display:flex;flex-direction:column;padding:calc(16px + env(safe-area-inset-top,0px)) clamp(16px,4vw,48px) 16px;box-sizing:border-box}.auth-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.auth-brand{display:flex;align-items:center;gap:10px;min-height:var(--tap-target);padding:0;background:none;border:0;cursor:pointer}.auth-topbar-actions{display:flex;align-items:center;gap:8px}.auth-main-body{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 0}.auth-card--flat{width:100%;max-width:420px;background:none;border:0;box-shadow:none;border-radius:0;padding:0}.auth-intro{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.auth-title{margin:0;font-size:2rem;font-weight:800;letter-spacing:-.03em;line-height:1.15;color:var(--mk-ink)}.auth-card--flat .auth-subtitle{margin:0;color:var(--mk-text);font-size:1rem;line-height:1.5}.auth-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;margin-bottom:24px;background:var(--mk-tint);border-radius:14px}.auth-tab{min-height:var(--tap-target);border:0;border-radius:10px;background:transparent;color:var(--mk-muted);font:600 .9375rem var(--mk-font);cursor:pointer}.auth-tab.active{background:var(--mk-surface);color:var(--mk-ink);box-shadow:0 1px 3px #1d14301f}.auth-card--flat .auth-form{gap:16px}.auth-field-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.auth-field-label-row .auth-links{margin:0}.auth-password{position:relative}.auth-field .auth-password input{padding-right:56px}.auth-password-toggle{position:absolute;top:50%;right:3px;transform:translateY(-50%);width:var(--tap-target);height:var(--tap-target);display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:10px;background:transparent;color:var(--mk-muted);cursor:pointer}.auth-password-toggle:hover{color:var(--mk-ink)}.auth-password-toggle svg{width:20px;height:20px}.auth-card--flat .auth-divider span{text-transform:none;letter-spacing:0;color:var(--mk-muted)}.auth-error--after{margin:12px 0 0}.auth-secure-note{display:flex;align-items:center;gap:10px;margin:24px 0 0;padding:14px 16px;background:var(--mk-surface);border:1px solid var(--mk-border);border-radius:14px;font-size:.875rem;line-height:1.45;color:var(--mk-text)}.auth-secure-note svg{width:20px;height:20px;flex:none;color:var(--mk-ok)}.auth-fine-print{margin:20px 0 0;text-align:center;font-size:.875rem;line-height:1.55;color:var(--mk-muted)}.auth-fine-print a{color:var(--mk-brand-text)}.auth-legal{display:flex;flex-wrap:wrap;justify-content:center;gap:0 20px;font-size:.8125rem}.auth-legal-link{display:inline-flex;align-items:center;min-height:var(--tap-target);padding:0;background:none;border:0;color:var(--mk-text);font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.auth-legal-link:hover{color:var(--mk-brand-text)}.auth-brand-panel{flex:1 1 520px;min-width:0;margin:16px;padding:48px;border-radius:28px;background:var(--mk-stage);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;overflow:hidden}.auth-brand-panel-copy{max-width:440px;text-align:center;display:flex;flex-direction:column;gap:12px}.auth-brand-panel-copy h2{margin:0;font-size:1.875rem;font-weight:800;letter-spacing:-.03em;line-height:1.2}.auth-brand-panel-copy p{margin:0;color:var(--mk-text);font-size:1.0625rem;line-height:1.55}.auth-brand-panel-art{width:100%;max-width:460px;display:flex;flex-direction:column;align-items:center}.auth-brand-panel-mascot{width:100%;max-width:440px;height:auto;display:block}.auth-sample{width:100%;margin-top:-8px;padding:18px;box-sizing:border-box;background:var(--mk-surface);border:1px solid var(--mk-border);border-radius:20px;box-shadow:0 16px 40px #1d14301a;display:flex;flex-direction:column;gap:12px}.auth-sample-row{display:flex;align-items:center;gap:12px}.auth-sample-avatar{width:38px;height:38px;border-radius:50%;background:#c026d3;color:#fff;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex:none}.auth-sample-text{flex:1;min-width:0}.auth-sample-name{font-weight:600;font-size:.9375rem}.auth-sample-subject{font-size:.875rem;color:var(--mk-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auth-sample-pill{flex:none;font-size:.75rem;font-weight:600;color:#065f46;background:#d1fae5;padding:4px 8px;border-radius:6px}.auth-sample-body{font-size:.875rem;line-height:1.55;color:var(--mk-text);background:var(--mk-ground);border-radius:12px;padding:12px 14px}.auth-brand-panel-points{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 24px;font-size:.875rem;color:var(--mk-text)}.auth-brand-panel-points li{display:flex;align-items:center;gap:8px}@media (max-width: 1024px){.auth-brand-panel{display:none}}@media (max-width: 768px){.auth-main-body{align-items:flex-start;padding:32px 0 24px}.auth-title{font-size:1.75rem}}@media (max-width: 480px){.auth-main{padding-left:16px;padding-right:16px}.auth-main-body{padding-top:24px}.auth-title{font-size:1.5rem}.auth-topbar .lang-switcher-btn{min-width:var(--tap-target);justify-content:center;padding:0 8px}.auth-topbar .lang-switcher-label{display:none}}a.auth-back-link{text-decoration:none}.invite-icon{width:56px;height:56px;border-radius:50%;background:var(--accent-light);color:var(--accent-primary);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.invite-icon svg{width:28px;height:28px}.auth-card h2.invite-title{text-align:center;font-size:1.3rem;line-height:1.35}.invite-subtitle{text-align:center}.invite-hint{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:16px}.auth-field input.invite-readonly{background:var(--bg-tertiary);color:var(--text-secondary);cursor:default}.auth-field input.invite-readonly:focus{border-color:var(--border-primary);box-shadow:none}.invite-notice{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:10px;padding:14px 16px;margin-bottom:16px;color:var(--text-primary);font-size:.9rem;line-height:1.5}.invite-accounts{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:10px 0 0}.invite-accounts dt{color:var(--text-secondary)}.invite-accounts dd{margin:0;font-weight:600;overflow-wrap:anywhere}.invite-centered{margin:0 auto}.top-bar{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);padding:20px 0;padding-top:calc(20px + env(safe-area-inset-top,0px));position:sticky;top:0;z-index:var(--z-top-bar);box-shadow:var(--shadow-sm);transition:background-color .3s ease,border-color .3s ease}.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-text h1{font-size:1.5rem;font-weight:700;margin:0 0 4px;letter-spacing:-.5px;background:linear-gradient(135deg,#c026d3,#a21caf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.top-bar-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.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:var(--z-top-bar-scrim)}.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,#c026d3,#a21caf);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-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:hover{background:var(--bg-hover)}.user-menu-item svg{width:18px;height:18px;color:var(--text-secondary);flex-shrink:0}.user-menu-divider{height:1px;background:var(--border-primary)}.user-menu-danger{color:#ef4444}.user-menu-danger svg{color:#ef4444}.user-menu-danger:hover{background:var(--danger-light, rgba(239, 68, 68, .1))}.user-menu-account-row{display:flex;align-items:center;gap:4px;padding:4px;border-bottom:1px solid var(--border-primary)}.user-menu-account-switch{display:flex;align-items:center;gap:10px;flex:1;padding:10px 8px;background:none;border:none;color:var(--text-primary);font-size:.9rem;cursor:pointer;text-align:left;border-radius:8px;transition:background .2s ease}.user-menu-account-switch:hover{background:var(--bg-hover)}.user-menu-account-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;flex-shrink:0}.user-menu-account-info{display:flex;flex-direction:column;gap:1px;min-width:0}.user-menu-account-name{font-size:.875rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}.user-menu-account-email{font-size:.775rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}.user-menu-account-remove{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s ease,color .2s ease}.user-menu-account-remove:hover{background:var(--danger-light, rgba(239,68,68,.1));color:var(--danger, #ef4444)}.user-menu-add-account{color:var(--text-secondary);font-size:.875rem}.user-menu-add-account:hover{color:var(--text-primary)}.user-menu-add-account-form{padding:12px 16px;border-bottom:1px solid var(--border-primary)}.user-menu-add-input{width:100%;padding:8px 10px;margin-bottom:8px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);font-size:.875rem;box-sizing:border-box}.user-menu-add-input:focus{outline:none;border-color:var(--accent-primary, #3b82f6)}.user-menu-add-error{color:var(--danger);font-size:.8rem;margin:0 0 8px}.user-menu-add-actions{display:flex;gap:8px;justify-content:flex-end}.user-menu-add-cancel{padding:6px 12px;background:none;border:1px solid var(--border-primary);border-radius:6px;color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:background .2s ease}.user-menu-add-cancel:hover{background:var(--bg-hover)}.user-menu-add-submit{padding:6px 12px;background:var(--accent-primary, #3b82f6);border:none;border-radius:6px;color:#fff;font-size:.85rem;cursor:pointer;transition:opacity .2s ease}.user-menu-add-submit:hover{opacity:.9}.user-menu-add-submit:disabled{opacity:.6;cursor:not-allowed}.usage-widget-wrap{position:relative;flex-shrink:0}.usage-widget{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:3px;padding:0 12px;height:44px;box-sizing:border-box;background:transparent;border:1px solid var(--border-primary);border-radius:12px;cursor:pointer;transition:all .2s ease;min-width:0}.usage-widget:hover,.usage-widget:focus-visible{background:transparent;box-shadow:0 0 0 3px var(--accent-light);border-color:var(--accent-primary);outline:none}.usage-widget-label{display:flex;align-items:center;gap:5px;font-size:.8125rem;font-weight:700;color:var(--text-primary);line-height:1;white-space:nowrap;padding-bottom:2px}.usage-widget-label svg{width:13px;height:13px;color:var(--text-muted);flex-shrink:0}.usage-widget-bar{display:block;width:100%;height:3px;background:var(--border-primary);border-radius:2px;overflow:hidden}.usage-widget-bar-fill{display:block;height:100%;border-radius:2px;background:var(--accent-primary);transition:width .3s ease}.usage-widget--warning .usage-widget-label{color:#b45309}.usage-widget--warning .usage-widget-bar-fill{background:#f59e0b}.usage-widget--warning{border-color:#fcd34d}.usage-widget--danger .usage-widget-label{color:#b91c1c}.usage-widget--danger .usage-widget-bar-fill{background:#ef4444}.usage-widget--danger{border-color:#fca5a5}[data-theme=dark] .usage-widget--warning .usage-widget-label{color:#fcd34d}[data-theme=dark] .usage-widget--warning{border-color:#78350f}[data-theme=dark] .usage-widget--danger .usage-widget-label{color:#fca5a5}[data-theme=dark] .usage-widget--danger{border-color:#7f1d1d}.usage-widget-popover{position:absolute;top:calc(100% + 10px);right:0;width:200px;background:var(--dropdown-bg);border:1px solid var(--dropdown-border);border-radius:10px;box-shadow:var(--dropdown-shadow);padding:12px 14px;display:flex;flex-direction:column;gap:6px;z-index:var(--z-top-bar-popover);pointer-events:none;opacity:0;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease}.usage-widget-wrap:hover .usage-widget-popover{opacity:1;transform:translateY(0)}.usage-widget-popover-row{display:flex;justify-content:space-between;align-items:center;font-size:.8125rem;color:var(--text-secondary)}.usage-widget-popover-row strong{color:var(--text-primary);font-weight:600}.usage-widget-popover-period{font-size:.75rem;color:var(--text-muted);margin-top:2px}.usage-widget-popover-bar{height:4px;background:var(--border-primary);border-radius:2px;overflow:hidden;margin-top:2px}.usage-widget-popover-bar-fill{height:100%;border-radius:2px;background:var(--accent-primary);transition:width .3s ease}.usage-widget-popover-bar-fill--warning{background:#f59e0b}.usage-widget-popover-bar-fill--danger{background:#ef4444}.user-menu-dropdown:focus{outline:none}.user-menu-item:focus-visible,.user-menu-account-switch:focus-visible,.user-menu-account-remove:focus-visible{background:var(--bg-hover);outline:2px solid var(--accent-primary);outline-offset:-2px}.user-menu-item-label{flex:1;min-width:0}.user-menu-switch-track{position:relative;flex-shrink:0;width:38px;height:22px;border-radius:999px;background:var(--border-primary);transition:background-color .2s ease}.user-menu-switch-thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .2s ease}.user-menu-switch[aria-checked=true] .user-menu-switch-track{background:var(--accent-primary)}.user-menu-switch[aria-checked=true] .user-menu-switch-thumb{transform:translate(16px)}.usage-menu-row{align-items:flex-start}.usage-menu-row-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.usage-menu-row-head{display:flex;justify-content:space-between;gap:12px}.usage-menu-row-count{font-weight:700;font-variant-numeric:tabular-nums}.usage-menu-row-period{font-size:.8125rem;color:var(--text-muted)}.usage-menu-row--warning .usage-menu-row-count{color:#b45309}.usage-menu-row--warning .usage-widget-bar-fill{background:#f59e0b}.usage-menu-row--danger .usage-menu-row-count{color:#b91c1c}.usage-menu-row--danger .usage-widget-bar-fill{background:#ef4444}[data-theme=dark] .usage-menu-row--warning .usage-menu-row-count{color:#fcd34d}[data-theme=dark] .usage-menu-row--danger .usage-menu-row-count{color:#fca5a5}.top-bar-slot{display:contents}.top-bar .top-bar-compact-only,.user-menu-burger,.top-bar-scrim{display:none}@media (max-width: 768px){.top-bar{padding:12px 0;padding-top:calc(12px + env(safe-area-inset-top,0px))}.top-bar-content{padding:0 16px;gap:12px}.top-bar-text h1{font-size:1.25rem;margin:0}.top-bar-text p,.top-bar-actions>.top-bar-wide-only{display:none}.top-bar .top-bar-compact-only{display:block}.top-bar .user-menu-item.top-bar-compact-only{display:flex}.user-menu{position:static}.user-menu-trigger{gap:10px;padding:4px 4px 4px 14px;border-radius:999px}.user-name,.user-menu-trigger .chevron{display:none}.user-menu-burger{display:inline-flex;flex-direction:column;justify-content:space-between;width:18px;height:12px;flex-shrink:0;color:var(--text-secondary)}.user-menu-burger>span{display:block;height:2px;border-radius:1px;background:currentColor;transition:transform .2s ease,opacity .2s ease}.user-menu-trigger[aria-expanded=true] .user-menu-burger{color:var(--accent-primary)}.user-menu-trigger[aria-expanded=true] .user-menu-burger>span:nth-child(1){transform:translateY(5px) rotate(45deg)}.user-menu-trigger[aria-expanded=true] .user-menu-burger>span:nth-child(2){opacity:0}.user-menu-trigger[aria-expanded=true] .user-menu-burger>span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}.top-bar .user-menu-dropdown{top:calc(100% + 8px);right:16px;width:min(360px,calc(100vw - 32px));max-height:calc(100vh - 96px);max-height:calc(100dvh - 96px - env(safe-area-inset-top,0px));overflow-y:auto;overscroll-behavior:contain;border-radius:16px;transform-origin:top right;animation:top-bar-menu-in .18s var(--ease-sheet)}.top-bar .user-menu-dropdown--closing{animation:top-bar-menu-out .14s ease-in forwards;pointer-events:none}.user-menu-item{min-height:var(--tap-target)}.top-bar-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-top-bar-scrim);background:#0f0a1e52;animation:top-bar-scrim-in .18s ease-out}[data-theme=dark] .top-bar-scrim{background:#00000080}.top-bar-scrim--closing{animation:top-bar-scrim-out .14s ease-in forwards}.user-menu-account-remove{min-width:var(--tap-target);min-height:var(--tap-target)}.user-menu-add-input{min-height:var(--tap-target)}.user-menu-add-cancel,.user-menu-add-submit{min-height:var(--tap-target);padding:0 16px}.user-menu-account-name,.user-menu-account-email{max-width:none}}@media (max-width: 480px){.top-bar-content{padding:0 12px}.top-bar-text h1{font-size:1.125rem}.top-bar .user-menu-dropdown{top:calc(100% + 6px);left:8px;right:8px;width:auto;transform-origin:top center}}@keyframes top-bar-menu-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}@keyframes top-bar-menu-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-4px) scale(.98)}}@keyframes top-bar-scrim-in{0%{opacity:0}to{opacity:1}}@keyframes top-bar-scrim-out{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){.user-menu-dropdown,.top-bar-scrim{animation:none}.user-menu-burger>span,.user-menu-switch-track,.user-menu-switch-thumb{transition:none}}.gravatar-avatar{overflow:hidden;position:relative}.gravatar-avatar__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:50%;display:block;opacity:0;transition:opacity .15s ease}.gravatar-avatar__img--loaded{opacity:1}.inbox-scope-select{padding:5px 8px;height:32px;max-width:260px;min-width:0;border:1px solid var(--border-primary);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:.8125rem;cursor:pointer;outline:none;text-overflow:ellipsis;transition:border-color .15s}.inbox-scope-select:focus{border-color:var(--accent-primary)}.inbox-scope-select:disabled{opacity:.6;cursor:not-allowed}.inbox-scope-field{display:flex;align-items:center;gap:8px;min-width:0;font-size:.8125rem;color:var(--text-secondary)}.inbox-scope-field>label{flex-shrink:0;font-weight:500}.inbox-scope-chip{display:inline-flex;align-items:center;gap:4px;max-width:180px;margin-left:6px;padding:1px 6px;border-radius:999px;font-size:.68rem;font-weight:500;line-height:1.5;vertical-align:middle;white-space:nowrap;background:var(--accent-light);color:var(--accent-primary);border:1px solid color-mix(in srgb,var(--accent-primary) 30%,transparent)}[data-theme=dark] .inbox-scope-chip{color:var(--text-primary);border-color:color-mix(in srgb,var(--accent-primary) 45%,transparent)}.inbox-scope-chip svg{flex-shrink:0}.inbox-scope-chip-text{overflow:hidden;text-overflow:ellipsis}.inbox-scope-custom-badge{display:inline-block;padding:1px 7px;border-radius:999px;font-size:.68rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;background:var(--accent-light);color:var(--accent-primary)}[data-theme=dark] .inbox-scope-custom-badge{color:var(--text-primary)}.auto-rules-scope-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.auto-rules-scope-notice{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;padding:10px 14px;border-radius:8px;border:1px solid var(--border-primary);background:var(--bg-tertiary);font-size:.8125rem;color:var(--text-secondary)}.auto-rules-scope-notice strong{color:var(--text-primary)}.auto-rules-scope-confirm{font-size:.875rem;color:var(--text-secondary);margin:0 0 16px}.auto-rules-scope-confirm-actions{display:flex;gap:8px;justify-content:flex-end}@media (max-width: 768px){.inbox-scope-select{max-width:100%}.inbox-scope-field{flex-wrap:wrap}}.auto-rules-fieldset{border:0;padding:0;margin:0;min-width:0}.auto-rules-fieldset:disabled{opacity:.6}[data-theme=dark] .inbox-panel{background-color:#bf9ac30a;background-image:repeating-linear-gradient(135deg,transparent,transparent 16px,rgba(191,154,195,.03) 16px,rgba(191,154,195,.03) 32px)}.inbox-panel{position:relative;display:flex;flex-direction:column;min-height:calc(100vh - 340px);min-height:calc(100dvh - 340px);background-color:#bf9ac31a;background-image:repeating-linear-gradient(135deg,transparent,transparent 16px,rgba(191,154,195,.08) 16px,rgba(191,154,195,.08) 32px);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;box-shadow:inset 0 0 3px #00000026;scroll-margin-top:var(--top-bar-height, 0px)}.inbox-panel-header,.inbox-view-tabs,.inbox-filter-toolbar,.email-list,.inbox-load-more,.inbox-empty-state,.inbox-filtered-empty,.inbox-loading-state,.email-detail{background:var(--card-bg)}.inbox-panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color)}.inbox-header-actions{display:flex;align-items:center;gap:8px}.inbox-header-search-wrap{display:flex;align-items:center;gap:8px;min-width:0}.inbox-header-search-field{display:flex;align-items:center;gap:6px;padding:0 10px;height:32px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;transition:border-color .15s;flex:1;min-width:120px;max-width:280px}.inbox-header-search-field:focus-within{border-color:var(--accent-primary)}.inbox-header-search-field svg{width:13px;height:13px;color:var(--text-muted, var(--text-secondary));flex-shrink:0}.inbox-header-search-input{border:none;outline:none;background:transparent;color:var(--text-primary);font-size:.8rem;flex:1;min-width:0}.inbox-header-search-input::placeholder{color:var(--text-muted, var(--text-secondary))}.inbox-header-search-clear{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;border:none;background:var(--bg-secondary);color:var(--text-muted, var(--text-secondary));font-size:.75rem;cursor:pointer;padding:0;line-height:1;flex-shrink:0;transition:background .15s,color .15s}.inbox-header-search-clear:hover{background:var(--border-color);color:var(--text-primary)}.inbox-topic-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 6px 3px 10px;background:color-mix(in srgb,var(--accent-primary) 10%,transparent);border:1px solid var(--accent-primary);border-radius:20px;font-size:.75rem;color:var(--accent-primary);font-weight:500;max-width:180px;white-space:nowrap;flex-shrink:0}.inbox-topic-chip-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-topic-chip-clear{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;border:none;background:var(--accent-primary);color:#fff;font-size:.65rem;cursor:pointer;padding:0;line-height:1;transition:opacity .15s}.inbox-topic-chip-clear:hover{opacity:.75}.inbox-edit-mode-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border-color);border-radius:8px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.inbox-edit-mode-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.inbox-edit-mode-btn--active{background:var(--bg-secondary);border-color:var(--accent-color, #6366f1);color:var(--accent-color, #6366f1)}.inbox-panel-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0;padding:8px 0}.inbox-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center;gap:16px}.inbox-empty-icon{width:64px;height:64px;background:var(--bg-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.inbox-empty-icon svg{width:32px;height:32px;color:var(--text-secondary)}.inbox-empty-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0}.inbox-empty-description{font-size:.9rem;color:var(--text-secondary);max-width:420px;line-height:1.6;margin:0}.inbox-empty-cta{margin-top:8px}.inbox-connect-btn{flex-shrink:0;white-space:nowrap}.inbox-caught-up{gap:12px}.inbox-caught-up-icon{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));display:flex;align-items:center;justify-content:center;margin-bottom:8px;box-shadow:0 4px 20px #c026d34d}.inbox-caught-up-icon svg{width:34px;height:34px;color:#fff;stroke:#fff}.inbox-caught-up-title{font-size:1.4rem;font-weight:700;color:var(--text-primary);margin:0}.inbox-caught-up-desc{font-size:.9rem;color:var(--text-secondary);max-width:380px;line-height:1.6;margin:0 0 12px}.inbox-weekly-stats{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.inbox-weekly-stat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 24px;background:var(--accent-light);border:1px solid rgba(192,38,211,.15);border-radius:14px;min-width:110px}.inbox-weekly-stat-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.inbox-weekly-stat-icon svg{width:18px;height:18px;color:var(--primary)}.inbox-weekly-stat-value{font-size:1.6rem;font-weight:700;color:var(--primary);line-height:1}.inbox-weekly-stat-label{font-size:.72rem;color:var(--text-secondary);text-align:center;letter-spacing:.01em}.inbox-loading-state{display:flex;align-items:center;gap:10px;padding:40px 24px;color:var(--text-secondary);font-size:.875rem}.inbox-unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--accent-primary);color:#fff;border-radius:10px;font-size:.75rem;font-weight:700;margin-left:8px}.inbox-poll-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;height:34px;border-radius:8px;border:1px solid var(--border-primary);background:transparent;color:var(--text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:background .15s,color .15s}.inbox-poll-btn:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary)}.inbox-poll-btn:disabled{opacity:.5;cursor:not-allowed}.inbox-poll-btn svg{width:14px;height:14px;flex-shrink:0}.inbox-poll-btn svg.spinning{animation:spin 1s linear infinite}.inbox-view-tabs{display:flex;border-bottom:1px solid var(--border-color);padding:6px 12px;background:var(--card-bg);gap:4px}.inbox-view-tab{padding:5px 14px;font-size:.875rem;font-weight:500;color:var(--text-secondary);background:transparent;border:none;border-radius:20px;cursor:pointer;transition:color .15s,background .15s;white-space:nowrap}.inbox-view-tab:hover{color:var(--text-primary);background:var(--hover-bg, rgba(0,0,0,.05))}.inbox-view-tab--active{color:var(--accent-primary, #6366f1);background:color-mix(in srgb,var(--accent-primary, #6366f1) 12%,transparent)}[data-theme=dark] .inbox-view-tab--active{background:color-mix(in srgb,var(--accent-primary, #818cf8) 18%,transparent)}.inbox-filter-toolbar{display:flex;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);flex-wrap:wrap}.inbox-filter-select{padding:5px 8px;height:32px;border:1px solid var(--border-primary);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:.8125rem;cursor:pointer;outline:none;transition:border-color .15s}.inbox-filter-select:focus{border-color:var(--accent-primary)}.inbox-filter-clear{padding:5px 12px;height:32px;border:1px solid var(--border-primary);border-radius:6px;background:transparent;color:var(--text-secondary);font-size:.8125rem;cursor:pointer;transition:background .1s,color .1s;margin-left:auto;white-space:nowrap}.inbox-filter-clear:hover:not(:disabled){background:var(--bg-tertiary, #e5e7eb);color:var(--text-primary)}.inbox-filter-clear:disabled{opacity:.45;cursor:not-allowed}[data-theme=dark] .inbox-filter-clear:hover:not(:disabled){background:#374151}.inbox-filter-refreshing{width:14px;height:14px;border:2px solid var(--border-primary);border-top-color:var(--accent-primary, #3b82f6);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.inbox-filter-select:disabled{opacity:.45;cursor:not-allowed}.email-list-header{display:flex;align-items:center;gap:10px;padding:4px 16px 4px 12px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);min-height:36px}.email-list-header-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.email-list-header-count{font-size:.8125rem;color:var(--text-secondary);font-weight:500}.email-row-avatar{width:36px;height:36px;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}.email-row-check{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;cursor:pointer}.email-row-check input[type=checkbox]{width:15px;height:15px;cursor:pointer;accent-color:var(--accent-primary)}.email-row--selected{background:color-mix(in srgb,var(--accent-primary) 16%,var(--card-bg))!important;box-shadow:inset 3px 0 0 var(--accent-primary)}.inbox-bulk-count{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-right:4px}.inbox-bulk-btn{padding:3px 11px;height:26px;border-radius:5px;border:none;font-size:.75rem;font-weight:600;cursor:pointer;transition:opacity .15s,background .15s}.inbox-bulk-btn:disabled{opacity:.55;cursor:not-allowed}.inbox-bulk-btn--approve{background:#16a34a;color:#fff}.inbox-bulk-btn--approve:hover:not(:disabled){background:#15803d}.inbox-bulk-btn--reject{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-primary)}.inbox-bulk-btn--reject:hover:not(:disabled){background:var(--bg-tertiary, #e5e7eb);color:var(--text-primary)}[data-theme=dark] .inbox-bulk-btn--reject:hover:not(:disabled){background:#374151}.inbox-bulk-deselect{padding:0;background:transparent;border:none;font-size:.8125rem;color:var(--text-muted);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.inbox-bulk-deselect:hover:not(:disabled){color:var(--text-secondary)}.inbox-filter-count{padding:8px 24px;font-size:.78rem;color:var(--text-muted);border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.inbox-filtered-empty{padding:48px 24px}.inbox-filtered-empty-msg{margin:0;font-size:.9rem;color:var(--text-muted);text-align:center}.inbox-load-more{padding:16px 24px;display:flex;justify-content:center;border-top:1px solid var(--border-color)}.inbox-load-more-btn{padding:7px 20px;font-size:.875rem;border:1px solid var(--border-color);border-radius:6px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .1s,color .1s}.inbox-load-more-btn:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary)}.inbox-load-more-btn:disabled{opacity:.5;cursor:default}.email-list{list-style:none;margin:0;padding:0;transition:opacity .15s;box-shadow:0 1px 3px #00000026}.email-list--refreshing{opacity:.55;pointer-events:none}.email-row{display:flex;align-items:center;gap:12px;padding:14px 24px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background .15s,box-shadow .15s}.email-row:hover{background:#c026d312;box-shadow:inset 3px 0 0 var(--accent-primary)}.email-row--unread{background:var(--accent-light, rgba(59,130,246,.04))}.email-row--unread .email-row-from,.email-row--unread .email-row-subject{font-weight:700}.email-row-main{flex:1;min-width:0}.email-row-from{font-size:.9rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px}.email-row-subject{font-size:.875rem;color:var(--text-secondary);display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden}.email-row-subject-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-row-aside{display:flex;align-items:center;gap:8px;flex-shrink:0}.email-row-badges{display:contents}.email-row-inbox-tag{font-size:.75rem;padding:2px 8px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:4px;color:var(--text-secondary)}.email-row-time{font-size:.8125rem;color:var(--text-muted);white-space:nowrap}.email-age-badge{font-size:.75rem;font-weight:500;padding:2px 6px;border-radius:4px;white-space:nowrap;flex-shrink:0}.email-age-badge--ok{background:var(--bg-secondary);color:var(--text-secondary)}.email-age-badge--warning{background:#d9770626;color:#b45309}.email-age-badge--breach{background:#dc262626;color:#dc2626;font-weight:600}.email-age-badge--resolved{background:transparent;color:var(--text-muted);font-weight:400}[data-theme=dark] .email-age-badge--warning{background:#d9770633;color:#fbbf24}[data-theme=dark] .email-age-badge--breach{background:#dc262633;color:#f87171}.email-row-drafting{display:flex;align-items:center}.email-row-menu{position:relative;flex-shrink:0}.email-row-menu-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;border-radius:4px;color:var(--text-muted);cursor:pointer;opacity:0;transition:opacity .1s,background .1s;padding:0}.email-row:hover .email-row-menu-btn{opacity:1}.email-row-menu-btn:hover{background:var(--border-color);color:var(--text-primary)}.email-row-dropdown{position:absolute;right:0;top:calc(100% + 4px);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 4px 12px #0000001f;min-width:120px;z-index:100;overflow:hidden}.email-row-dropdown-item{display:block;width:100%;padding:8px 14px;text-align:left;background:transparent;border:none;font-size:.875rem;color:var(--text-primary);cursor:pointer}.email-row-dropdown-item:hover{background:var(--bg-secondary)}.email-row-dropdown-danger{color:var(--error-color, #dc2626)}.email-row-dropdown-danger:hover{background:#dc262614}.email-status-badge{display:inline-block;padding:2px 7px;border-radius:4px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}.email-status-badge--new{background:#dbeafe;color:#1d4ed8}.email-status-badge--read{background:var(--bg-tertiary, #f3f4f6);color:var(--text-muted)}.email-status-badge--replied{background:#d1fae5;color:#065f46}.email-status-badge--closed{background:#f3f4f6;color:#6b7280}[data-theme=dark] .email-status-badge--new{background:#1e3a5f;color:#93c5fd}[data-theme=dark] .email-status-badge--read{background:#374151;color:#9ca3af}[data-theme=dark] .email-status-badge--replied{background:#064e3b;color:#6ee7b7}[data-theme=dark] .email-status-badge--closed{background:#374151;color:#9ca3af}.email-status-badge--auto_sent{background:#d1fae5;color:#065f46}.email-status-badge--auto_archived{background:#f3f4f6;color:#6b7280}[data-theme=dark] .email-status-badge--auto_sent{background:#064e3b;color:#6ee7b7}[data-theme=dark] .email-status-badge--auto_archived{background:#374151;color:#9ca3af}.email-status-badge--needs_clarification{background:#fef3c7;color:#92400e}[data-theme=dark] .email-status-badge--needs_clarification{background:#451a03;color:#fcd34d}.email-status-badge--snoozed{background:#ede9fe;color:#6d28d9}[data-theme=dark] .email-status-badge--snoozed{background:#2e1065;color:#c4b5fd}.email-snooze-until{font-size:11px;color:#7c3aed;white-space:nowrap}[data-theme=dark] .email-snooze-until{color:#a78bfa}.clarification-panel{margin-top:24px;border:1.5px solid #f59e0b;border-radius:8px;padding:20px;background:#fffbeb}[data-theme=dark] .clarification-panel{background:#1c1208;border-color:#b45309}.clarification-panel-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.clarification-panel-title{font-weight:600;font-size:13px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.clarification-panel-badge{display:inline-block;padding:3px 10px;border-radius:4px;background:#fef3c7;color:#92400e;font-weight:600;font-size:12px}[data-theme=dark] .clarification-panel-badge{background:#451a03;color:#fcd34d}.clarification-question{font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 16px;line-height:1.5}.clarification-answer-input{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid var(--border-color, #e5e7eb);border-radius:6px;font-size:14px;font-family:inherit;background:var(--bg-primary);color:var(--text-primary);resize:vertical;margin-bottom:12px}.clarification-answer-input:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b26}.clarification-actions{display:flex;gap:8px}.clarification-answer-submitted{margin-bottom:16px}.clarification-answer-label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;display:block;margin-bottom:4px}.clarification-answer-text{font-size:14px;color:var(--text-primary);margin:0;white-space:pre-wrap}.clarification-generating{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:14px}.loading-spinner--sm{width:14px;height:14px;border-width:2px}.email-category-badge{display:inline-block;padding:2px 7px;border-radius:4px;font-size:.6875rem;font-weight:600;letter-spacing:.3px;white-space:nowrap}.email-category-badge--bug_report{background:#fee2e2;color:#991b1b}.email-category-badge--feature_request{background:#ede9fe;color:#5b21b6}.email-category-badge--billing_question{background:#fef3c7;color:#92400e}.email-category-badge--general_inquiry{background:#dbeafe;color:#1e40af}.email-category-badge--spam,.email-category-badge--other{background:#f3f4f6;color:#6b7280}[data-theme=dark] .email-category-badge--bug_report{background:#450a0a;color:#fca5a5}[data-theme=dark] .email-category-badge--feature_request{background:#2e1065;color:#c4b5fd}[data-theme=dark] .email-category-badge--billing_question{background:#451a03;color:#fbbf24}[data-theme=dark] .email-category-badge--general_inquiry{background:#1e3a5f;color:#93c5fd}[data-theme=dark] .email-category-badge--spam,[data-theme=dark] .email-category-badge--other{background:#374151;color:#9ca3af}.email-detail{--email-detail-padding: 24px;position:relative;flex:1;padding:var(--email-detail-padding);display:flex;flex-direction:column;gap:20px}.email-detail-transition-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:var(--card-bg);border-radius:inherit;animation:draft-transition-in .5s ease both}.email-detail--page-enter-next{animation:email-slide-right .35s ease-out both}.email-detail--page-enter-prev{animation:email-slide-left .35s ease-out both}.email-detail--page-enter-bottom{animation:email-slide-bottom .35s ease-out both}.email-detail--page-enter-top{animation:email-slide-top .35s ease-out both}@keyframes email-slide-right{0%{transform:translate(360px)}to{transform:translate(0)}}@keyframes email-slide-left{0%{transform:translate(-360px)}to{transform:translate(0)}}@keyframes email-slide-bottom{0%{transform:translateY(360px)}to{transform:translateY(0)}}@keyframes email-slide-top{0%{transform:translateY(-360px)}to{transform:translateY(0)}}.email-detail--exit-left,.email-detail--exit-right,.email-detail--exit-up,.email-detail--exit-down{pointer-events:none}.email-detail--exit-left{animation:email-exit-left .35s ease-in both}.email-detail--exit-right{animation:email-exit-right .35s ease-in both}.email-detail--exit-up{animation:email-exit-up .35s ease-in both}.email-detail--exit-down{animation:email-exit-down .35s ease-in both}@keyframes email-exit-left{to{transform:translate(-200px)}}@keyframes email-exit-right{to{transform:translate(200px)}}@keyframes email-exit-up{to{transform:translateY(-200px)}}@keyframes email-exit-down{to{transform:translateY(200px)}}.inbox-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--card-bg);border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s ease}.inbox-panel--overlay-visible:after{opacity:1;transition:opacity .35s ease}.email-detail-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.email-back-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;border-radius:6px;border:1px solid var(--border-primary);background:transparent;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s}.email-back-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.email-back-btn svg{width:16px;height:16px}.email-detail-nav,.email-detail-title{display:contents}.email-back-btn-label--compact,.email-detail-nav-steps{display:none}.email-detail-subject{font-size:1rem;font-weight:700;color:var(--text-primary);line-height:1.4;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-ai-insight{display:flex;gap:10px;padding:12px 14px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-left:3px solid var(--accent-primary);border-radius:8px;align-items:flex-start}[data-theme=dark] .email-ai-insight{background:#c026d312}.email-ai-icon{flex-shrink:0;color:var(--accent-primary);margin-top:2px}.email-ai-insight-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.email-ai-insight-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.email-ai-inbox-tag{font-size:.75rem;padding:2px 8px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:4px;color:var(--text-secondary)}.email-ai-rationale{font-size:.8125rem;color:var(--text-secondary);margin:0;line-height:1.55;font-style:italic}.email-message{border-radius:8px;overflow:hidden;border:1px solid var(--border-primary)}.email-message--inbound{border-left:3px solid var(--border-color);background:var(--bg-primary)}[data-theme=dark] .email-message--inbound{border-left-color:#374151}.email-message--outbound{border-left:3px solid #16a34a;background:#f0fdf4}[data-theme=dark] .email-message--outbound{background:#16a34a12;border-left-color:#16a34a}.email-message-response-time{font-size:.75rem;color:var(--text-muted);white-space:nowrap}.email-message--outbound .email-message-sender{color:#065f46}[data-theme=dark] .email-message--outbound .email-message-sender{color:#6ee7b7}.email-message--outbound .email-message-time,.email-message--outbound .email-message-response-time{color:#047857}[data-theme=dark] .email-message--outbound .email-message-time,[data-theme=dark] .email-message--outbound .email-message-response-time{color:#34d399}.email-thread-pair{display:flex;flex-direction:column;gap:20px}.email-message-header{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.email-message--inbound .email-message-header{flex-direction:column;align-items:stretch;gap:0;justify-content:flex-start}.email-message--outbound .email-message-header{background:#d1fae5;border-bottom-color:#a7f3d0}[data-theme=dark] .email-message--outbound .email-message-header{background:#064e3b;border-bottom-color:#065f46}.email-message-sender-group{display:flex;align-items:center;gap:10px}.email-message-avatar{width:36px;height:36px;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}.email-message-sender{font-weight:600;font-size:.9rem;color:var(--text-primary)}.email-message-meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.email-message-address{font-size:.78rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.email-message-time{font-size:.78rem;color:var(--text-muted);white-space:nowrap}.email-message-header-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;width:100%}.sender-history-card{padding:10px 14px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px}.sender-history-strip{display:flex;flex-direction:column}.sender-history-header{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:none;padding:0;cursor:pointer;text-align:left}.sender-history-header-label{font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.sender-history-header-right{display:flex;align-items:center;gap:5px}.sender-history-count{font-size:.7rem;font-weight:600;color:var(--text-muted)}.sender-history-chevron{font-size:.7rem;color:var(--accent-primary)}.sender-history-first-contact{margin:8px 0 0;font-size:.8rem;color:var(--text-muted)}.sender-history-list{display:flex;flex-direction:column;margin-top:6px;border-top:1px solid var(--border-primary)}.sender-history-row{display:flex;flex-direction:row;align-items:center;gap:10px;padding:7px 0;background:none;border:none;border-bottom:1px solid var(--border-primary);cursor:pointer;text-align:left;width:100%;transition:opacity .1s}.sender-history-row:last-of-type{border-bottom:none}.sender-history-row:hover{opacity:.7}.sender-history-row-subject{flex:1;min-width:0;font-size:.82rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sender-history-row-meta{display:flex;align-items:center;gap:5px;flex-shrink:0}.sender-history-row-date{font-size:.72rem;color:var(--text-muted);white-space:nowrap}.sender-history-show-all{background:none;border:none;border-top:1px solid var(--border-primary);padding:6px 0 0;margin-top:2px;cursor:pointer;font-size:.78rem;color:var(--accent-primary);text-align:left;width:100%}.sender-history-show-all:hover{text-decoration:underline}.email-message-body{padding:16px;font-size:.9rem;color:var(--text-primary);line-height:1.7}.email-message-body--markdown p{margin:0 0 .6em;line-height:1.6}.email-message-body--markdown p:last-child{margin-bottom:0}.email-message-body--markdown strong{font-weight:600}.email-message-body--markdown em{font-style:italic}.email-message-body--markdown ol,.email-message-body--markdown ul{margin:.4em 0 .6em 1.4em;padding:0}.email-message-body--markdown li{margin-bottom:.25em;line-height:1.5}.email-message-body--markdown h1,.email-message-body--markdown h2,.email-message-body--markdown h3{font-weight:600;margin:.8em 0 .3em;line-height:1.3}.email-message-body--markdown code{font-family:monospace;font-size:.875em;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:3px;padding:1px 4px}.email-message-body--markdown blockquote{margin:.4em 0;padding-left:12px;border-left:2px solid var(--border-primary);color:var(--text-secondary)}.email-quoted-toggle{display:inline-flex;align-items:center;margin-top:10px;padding:2px 10px;border:1px solid var(--border-primary);border-radius:4px;background:var(--bg-secondary);color:var(--text-muted);font-size:.75rem;font-family:inherit;cursor:pointer;transition:background .15s,color .15s}.email-quoted-toggle:hover{background:var(--bg-tertiary, #e5e7eb);color:var(--text-secondary)}[data-theme=dark] .email-quoted-toggle:hover{background:#374151}.email-quoted-body{margin-top:10px;padding-left:12px;border-left:2px solid var(--border-primary)}.email-quoted-line{color:var(--text-secondary)!important;font-size:.85rem;line-height:1.3;margin-bottom:1px}.email-detail-meta,.email-detail-body{display:none}.meta-label{color:var(--text-muted);flex-shrink:0;font-weight:500}.email-body-line{margin:0 0 4px}.email-body-empty{color:var(--text-secondary);font-style:italic}.email-detail-loading{display:flex;align-items:center;gap:10px;padding:40px 24px;color:var(--text-secondary);font-size:.875rem}.email-detail-error{padding:40px 24px;color:var(--text-secondary);display:flex;flex-direction:column;align-items:flex-start;gap:12px}.draft-panel{position:relative;border:1px solid var(--border-primary);border-radius:8px;display:flex;flex-direction:column;gap:12px;padding-bottom:16px}.draft-transition-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent-color, #a855f7);animation:draft-transition-pop .4s cubic-bezier(.34,1.56,.64,1) both}.draft-transition-icon svg{width:26px;height:26px;stroke:#fff;stroke-width:2.5}.draft-transition-label{font-size:.9375rem;font-weight:600;color:var(--text-secondary);animation:draft-transition-fade-in .3s .15s ease both}@keyframes draft-transition-in{0%{opacity:0}to{opacity:1}}@keyframes draft-transition-pop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes draft-transition-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.draft-panel-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);border-radius:8px 8px 0 0}.draft-panel-header--sent{background:#d1fae5;border-bottom-color:#a7f3d0}[data-theme=dark] .draft-panel-header--sent{background:#064e3b;border-bottom-color:#065f46}.draft-panel-sent-meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px;margin-left:auto}.draft-panel-sent-time{font-size:.78rem;color:#065f46;font-weight:500}[data-theme=dark] .draft-panel-sent-time{color:#6ee7b7}.draft-panel-response-time{font-size:.75rem;color:#047857;font-weight:500}[data-theme=dark] .draft-panel-response-time{color:#34d399}.draft-panel-title{font-size:.875rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}.draft-confidence-badge{font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:10px;white-space:nowrap;letter-spacing:.02em}.draft-confidence--high{background:#d1fae5;color:#047857}.draft-confidence--medium{background:#fef3c7;color:#92400e}.draft-confidence--low{background:#fee2e2;color:#991b1b}[data-theme=dark] .draft-confidence--high{background:#064e3b;color:#6ee7b7}[data-theme=dark] .draft-confidence--medium{background:#78350f;color:#fcd34d}[data-theme=dark] .draft-confidence--low{background:#7f1d1d;color:#fca5a5}.draft-saving-indicator{font-size:.8125rem;color:var(--text-muted)}.draft-reopen-btn{margin-left:auto;font-size:.75rem;padding:3px 10px;font-weight:600}.draft-panel>*:not(.draft-panel-header){margin-left:16px;margin-right:16px}.draft-panel .draft-textarea{width:calc(100% - 32px);box-sizing:border-box}.draft-panel>.draft-refine{margin-left:16px;margin-right:16px}.draft-textarea{width:100%;min-height:180px;padding:12px 14px;border-radius:8px;border:1px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-primary);font-size:.875rem;font-family:inherit;line-height:1.6;resize:vertical;box-sizing:border-box;transition:border-color .15s}.draft-textarea:focus{outline:none;border-color:var(--accent-primary)}.draft-textarea:disabled{opacity:.7;cursor:not-allowed}.draft-textarea--readonly{opacity:.85;cursor:default;resize:none}.draft-sent-body{font-size:.9rem;color:var(--text-primary);line-height:1.7}.draft-actions{display:flex;justify-content:space-between;gap:8px}.draft-actions-left,.draft-actions-right{display:flex;gap:8px}.draft-action-btn{min-width:0;display:inline-flex;align-items:center;gap:6px}.draft-action-btn svg{flex-shrink:0}@media (max-width: 1024px){.draft-action-btn-label--defer{display:none}}.draft-action-btn--danger{color:#dc2626;border-color:#fca5a5}.draft-action-btn--danger:hover:not(:disabled){background:#fee2e2;border-color:#dc2626}[data-theme=dark] .draft-action-btn--danger{color:#f87171;border-color:#7f1d1d}[data-theme=dark] .draft-action-btn--danger:hover:not(:disabled){background:#450a0a;border-color:#ef4444}.draft-refine-limit-wrapper{position:relative;display:inline-flex}.draft-refine-limit-cross{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;overflow:hidden;pointer-events:none;z-index:1}.draft-refine-limit-cross:before,.draft-refine-limit-cross:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.draft-refine-limit-cross:before{background:linear-gradient(to bottom right,transparent calc(50% - 2px),rgba(156,163,175,.45) calc(50% - 2px),rgba(156,163,175,.45) calc(50% + 2px),transparent calc(50% + 2px))}.draft-refine-limit-cross:after{background:linear-gradient(to bottom left,transparent calc(50% - 2px),rgba(156,163,175,.45) calc(50% - 2px),rgba(156,163,175,.45) calc(50% + 2px),transparent calc(50% + 2px))}.draft-refine-limit-popover{position:absolute;bottom:calc(100% + 10px);left:0;width:220px;background:var(--dropdown-bg);border:1px solid var(--dropdown-border);border-radius:10px;box-shadow:var(--dropdown-shadow);padding:10px 13px;font-size:.8125rem;color:var(--text-secondary);line-height:1.4;z-index:1002;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .15s ease,transform .15s ease}.draft-refine-limit-wrapper:hover .draft-refine-limit-popover{opacity:1;transform:translateY(0)}.draft-refine{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--bg-secondary, #f9fafb);border:1px solid var(--border-color, #e5e7eb);border-radius:6px}.draft-refine-input{width:100%;padding:8px 10px;font-size:.875rem;font-family:inherit;border:1px solid var(--border-color, #e5e7eb);border-radius:4px;background:var(--bg-primary, #fff);color:var(--text-primary, #111);resize:vertical;box-sizing:border-box}.draft-refine-input:focus{outline:none;border-color:var(--accent, #6366f1)}.draft-refine-actions{display:flex;gap:8px}[data-theme=dark] .draft-refine{background:var(--bg-secondary, #1e1e2e);border-color:var(--border-color, #374151)}[data-theme=dark] .draft-refine-input{background:var(--bg-primary, #111827);border-color:var(--border-color, #374151);color:var(--text-primary, #f9fafb)}.draft-generating{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--text-muted);font-style:italic}.draft-spam-notice{display:flex;flex-direction:column;gap:10px}.draft-spam-notice p{font-size:.875rem;color:var(--text-secondary);margin:0}.draft-spam-actions{display:flex;gap:8px;flex-wrap:wrap}.draft-done-message{font-size:.875rem;color:var(--text-secondary);margin:0}.conversation-history{border:1px solid var(--border-color);border-radius:8px;margin-bottom:16px;overflow:hidden}.conversation-history-toggle{display:flex;align-items:center;gap:6px;width:100%;padding:12px 16px;background:var(--bg-secondary, #f8f9fa);border:none;cursor:pointer;font-size:.8125rem;font-weight:600;color:var(--text-secondary);text-align:left;transition:background .15s}.conversation-history-toggle:hover{background:var(--bg-hover, #f0f1f3)}[data-theme=dark] .conversation-history-toggle{background:var(--bg-elevated, #1e1e1e)}[data-theme=dark] .conversation-history-toggle:hover{background:var(--bg-elevated-hover, #2a2a2a)}.conversation-history-chevron{flex-shrink:0;color:var(--text-muted);transition:transform .2s}.conversation-history-chevron--open{transform:rotate(90deg)}.conversation-history-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--border-color)}.conversation-history-item{border-bottom:1px solid var(--border-color)}.conversation-history-item:last-child{border-bottom:none}.conversation-history-item-header{display:flex;align-items:center;gap:8px;width:100%;padding:10px 16px;background:none;border:none;cursor:pointer;text-align:left;font-size:.8125rem;color:var(--text-primary);transition:background .15s}.conversation-history-item-header:hover{background:var(--bg-hover, #f0f1f3)}[data-theme=dark] .conversation-history-item-header:hover{background:var(--bg-elevated-hover, #2a2a2a)}.conversation-history-sender{font-weight:600;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-history-date{font-size:.75rem;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.conversation-history-snippet{font-size:.8125rem;color:var(--text-secondary);padding:0 16px 10px;margin:0;white-space:pre-wrap;word-break:break-word}.conversation-history-body{padding:0 16px 12px;font-size:.875rem;color:var(--text-primary);white-space:pre-wrap;word-break:break-word}.thread-count-badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:10px;background:var(--bg-secondary, #f0f1f3);color:var(--text-secondary);font-size:.6875rem;font-weight:600;white-space:nowrap;margin-left:6px;vertical-align:middle}[data-theme=dark] .thread-count-badge{background:var(--bg-elevated, #2a2a2a)}.email-attachment-badge{display:inline-flex;align-items:center;margin-left:5px;color:var(--text-muted, #9ca3af);vertical-align:middle;flex-shrink:0}.email-language-badge{display:inline-flex;align-items:center;padding:1px 6px;border-radius:4px;background:var(--accent-muted, #e8f0fe);color:var(--accent, #3b6fce);font-size:.625rem;font-weight:700;letter-spacing:.04em;margin-left:6px;vertical-align:middle}[data-theme=dark] .email-language-badge{background:#3b6fce2e;color:#7aa8f8}.email-translate-btn{background:none;border:none;padding:0;cursor:pointer;font-size:.75rem;color:var(--accent, #3b6fce);text-decoration:underline;white-space:nowrap}.email-translate-btn:disabled{opacity:.5;cursor:default}[data-theme=dark] .email-translate-btn{color:#7aa8f8}.draft-translation-preview{margin-top:8px;padding:10px 12px;border-radius:6px;font-size:.9rem;background:var(--surface-alt, #f0f4ff);border:1px solid var(--border, #dde3f0);color:var(--text-secondary, #555)}[data-theme=dark] .draft-translation-preview{background:#1e2535;border-color:#2e3a50;color:#a0aec0}.email-sensitive-badge{display:inline-flex;align-items:center;padding:1px 6px;border-radius:4px;font-size:.6875rem;font-weight:600;background:#fff3cd;color:#92400e;border:1px solid #f59e0b;margin-left:6px;vertical-align:middle;white-space:nowrap;cursor:default}[data-theme=dark] .email-sensitive-badge{background:#f59e0b26;color:#fbbf24;border-color:#f59e0b59}.email-sensitive-banner{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;margin-bottom:10px;background:#fffbeb;border:1px solid #f59e0b;border-radius:8px;color:#78350f}[data-theme=dark] .email-sensitive-banner{background:#f59e0b1a;border-color:#f59e0b59;color:#fbbf24}.email-sensitive-banner-icon{flex-shrink:0;margin-top:1px;color:#d97706}[data-theme=dark] .email-sensitive-banner-icon{color:#fbbf24}.email-sensitive-banner-body{flex:1;min-width:0}.email-sensitive-banner-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.email-sensitive-banner-body strong{font-size:.875rem;font-weight:600}.email-sensitive-reason{margin:4px 0 0;font-size:.8125rem;line-height:1.5;opacity:.85}.email-sensitive-guidance-toggle{background:none;border:1px solid currentColor;border-radius:4px;padding:2px 8px;font-size:.75rem;font-weight:600;color:inherit;cursor:pointer;opacity:.75;white-space:nowrap;flex-shrink:0}.email-sensitive-guidance-toggle:hover{opacity:1}.email-sensitive-guidance{margin-top:12px;padding-top:12px;border-top:1px solid rgba(0,0,0,.1);font-size:.8125rem;line-height:1.6}[data-theme=dark] .email-sensitive-guidance{border-top-color:#ffffff1a}.email-sensitive-guidance-intro{margin:0 0 12px}.email-sensitive-guidance-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:12px}@media (max-width: 768px){.email-sensitive-guidance-cols{grid-template-columns:1fr}}.email-sensitive-guidance-heading{font-weight:700;margin:0 0 6px;font-size:.8125rem}.email-sensitive-guidance ul{margin:0;padding-left:18px}.email-sensitive-guidance li{margin-bottom:5px}.email-sensitive-guidance-disclaimer{margin:0;font-size:.75rem;opacity:.7;font-style:italic}.email-ai-error-badge{display:inline-flex;align-items:center;padding:1px 6px;border-radius:4px;font-size:.6875rem;font-weight:600;background:#fef9c3;color:#713f12;border:1px solid #ca8a04;margin-left:4px;vertical-align:middle;white-space:nowrap;cursor:default}[data-theme=dark] .email-ai-error-badge{background:#ca8a0426;color:#fde047;border-color:#ca8a0466}.email-ai-error-banner{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;margin-bottom:10px;background:#fefce8;border:1px solid #ca8a04;border-radius:6px;font-size:.8125rem;color:#713f12;line-height:1.4}.email-ai-error-banner svg{flex-shrink:0;margin-top:1px;color:#ca8a04}[data-theme=dark] .email-ai-error-banner{background:#ca8a0414;border-color:#ca8a0459;color:#fde047}[data-theme=dark] .email-ai-error-banner svg{color:#fde047}.email-attachments{border-top:1px solid var(--border-color, #e5e7eb);padding:12px 16px}.email-attachments-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted, #6b7280);margin-bottom:8px}.email-attachments-list{display:flex;flex-wrap:wrap;gap:8px}.email-attachment-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--border-color, #e5e7eb);border-radius:6px;background:var(--surface-secondary, #f9fafb);max-width:220px}.email-attachment-image-link{display:block;flex-shrink:0}.email-attachment-thumbnail{display:block;width:100%;max-height:200px;border-radius:4px;object-fit:cover}.email-attachment-item--image{flex-direction:column;align-items:stretch;max-width:220px;padding:0;overflow:hidden}.email-attachment-item--image .email-attachment-image-link{display:block;width:100%}.email-attachment-item--image .email-attachment-info{padding:6px 10px}.email-attachment-item--image .email-attachment-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-attachment-icon{font-size:1.2rem;flex-shrink:0}.email-attachment-info{display:flex;flex-direction:column;gap:2px;min-width:0}.email-attachment-name{font-size:.8125rem;color:var(--color-primary, #6366f1);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-attachment-name:hover{text-decoration:underline}.email-attachment-size{font-size:.75rem;color:var(--text-muted, #6b7280)}[data-theme=dark] .email-attachment-item{background:#ffffff0a;border-color:#ffffff1a}.draft-sources{margin:.5rem 0 .75rem}.draft-sources-toggle{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;color:var(--text-muted, #6b7280);background:none;border:none;cursor:pointer;padding:.2rem 0;line-height:1.4;text-align:left}.draft-sources-toggle:hover{color:var(--text-primary, #111827)}[data-theme=dark] .draft-sources-toggle:hover{color:var(--text-primary, #f9fafb)}.draft-sources-caret{font-size:.6rem;margin-left:.1rem}.draft-sources-list{margin:.4rem 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.4rem}.draft-source-item{display:flex;flex-direction:column;gap:.15rem;padding:.5rem .65rem;background:var(--surface-secondary, #f3f4f6);border-radius:6px;font-size:.8rem}[data-theme=dark] .draft-source-item{background:#ffffff0d}.draft-source-title{font-weight:600;color:var(--text-primary)}.draft-source-snippet{color:var(--text-muted, #6b7280);font-style:italic;line-height:1.4}.draft-snooze-picker{margin-top:.75rem;padding:1rem;background:var(--surface-secondary, #f3f4f6);border-radius:8px;display:flex;flex-direction:column;gap:.75rem}[data-theme=dark] .draft-snooze-picker{background:#ffffff0d}.draft-snooze-title{margin:0;font-size:.85rem;font-weight:600;color:var(--text-secondary, #374151)}.draft-snooze-options{display:flex;flex-wrap:wrap;gap:.5rem}.draft-snooze-btn{font-size:.82rem!important;padding:.3rem .7rem!important}.draft-snooze-hint{opacity:.5;font-size:.75em;font-family:monospace}.draft-snooze-custom{display:flex;gap:.5rem;align-items:center}.draft-snooze-datetime{flex:1;padding:.3rem .5rem;border:1px solid var(--border-color, #d1d5db);border-radius:6px;background:var(--surface-primary, #fff);color:var(--text-primary);font-size:.82rem}[data-theme=dark] .draft-snooze-datetime{background:#ffffff14;border-color:#ffffff26;color-scheme:dark}.draft-snooze-cancel{font-size:.8rem;color:var(--text-muted, #6b7280);background:none;border:none;cursor:pointer;padding:.2rem 0;align-self:flex-start}.draft-shortcut-hint{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .75rem;background:var(--surface-secondary, #f3f4f6);border-radius:6px;font-size:.78rem;color:var(--text-muted, #6b7280)}[data-theme=dark] .draft-shortcut-hint{background:#ffffff0d}.draft-shortcut-hint-dismiss{background:none;border:none;cursor:pointer;color:var(--text-muted, #9ca3af);font-size:.85rem;line-height:1;padding:.1rem .2rem;flex-shrink:0}.draft-shortcut-hint-dismiss:hover{color:var(--text-primary)}.draft-shortcut-hint-text{display:flex;align-items:center;gap:.4rem}.email-row--cursor{outline:2px solid var(--color-primary, #6366f1);outline-offset:-2px;border-radius:8px}[data-theme=dark] .email-row--cursor{outline-color:var(--color-primary, #818cf8)}.email-followup-badge{font-size:11px;color:#0891b2;white-space:nowrap}[data-theme=dark] .email-followup-badge{color:#67e8f9}.email-followup-badge--sent{color:#16a34a}[data-theme=dark] .email-followup-badge--sent{color:#4ade80}.draft-action-btn--active{background:#0891b2!important;color:#fff!important;border-color:#0891b2!important}[data-theme=dark] .draft-action-btn--active{background:#0e7490!important;border-color:#0e7490!important}.draft-followup-config{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem .75rem;background:var(--surface-secondary, #f3f4f6);border-radius:8px;font-size:.82rem}[data-theme=dark] .draft-followup-config{background:#ffffff0d}.draft-followup-config-label{color:var(--text-secondary, #6b7280)}.draft-followup-hours-input{width:4rem;padding:.15rem .3rem;border:1px solid var(--border-color, #d1d5db);border-radius:4px;background:var(--surface-primary, #fff);color:var(--text-primary);font-size:.82rem;text-align:center}[data-theme=dark] .draft-followup-hours-input{background:#ffffff14;border-color:#ffffff26}.email-followup-sent-label{font-size:.82rem;color:var(--text-muted, #9ca3af);font-style:italic;white-space:nowrap}.email-followup-scheduled-label{font-size:.82rem;font-weight:500;color:#0891b2;white-space:nowrap}[data-theme=dark] .email-followup-scheduled-label{color:#67e8f9}.email-message-meta-group{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-top:2px}.email-followup-icon{display:flex;align-items:center;color:#0891b2;cursor:default;flex-shrink:0}[data-theme=dark] .email-followup-icon{color:#67e8f9}.email-followup-icon--sent{color:var(--text-muted, #9ca3af)}[data-theme=dark] .email-followup-icon--sent{color:var(--text-muted, #6b7280)}.email-sent-menu{position:relative;flex-shrink:0}.email-sent-menu-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;border-radius:4px;color:var(--text-muted);cursor:pointer;padding:0;transition:background .1s}.email-sent-menu-btn:hover{background:var(--border-color);color:var(--text-primary)}.email-sent-dropdown{position:absolute;right:0;top:calc(100% + 4px);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 4px 12px #0000001f;min-width:180px;z-index:100;overflow:hidden}.email-sent-dropdown-item{display:block;width:100%;padding:8px 14px;text-align:left;background:transparent;border:none;font-size:.875rem;color:var(--text-primary);cursor:pointer;white-space:nowrap}.email-sent-dropdown-item:hover{background:var(--bg-secondary)}.teach-it-toast{background:var(--bg-primary, #fff);border:1px solid var(--border-color, #e2e8f0);border-radius:8px;padding:12px 16px;max-width:360px;box-shadow:0 4px 12px #00000026}.teach-it-toast__message{margin:0 0 10px;font-size:13px;color:var(--text-primary);line-height:1.4}.teach-it-toast__actions{display:flex;gap:8px}.teach-it-toast__btn{padding:5px 12px;border-radius:4px;border:1px solid var(--border-color, #e2e8f0);background:var(--bg-secondary, #f7f7f7);color:var(--text-primary);font-size:12px;cursor:pointer;transition:background .15s}.teach-it-toast__btn:hover{background:var(--bg-tertiary, #eee)}.teach-it-toast__btn--save{background:var(--accent-color, #7c3aed);color:#fff;border-color:transparent;display:inline-flex;align-items:center;gap:4px}.teach-it-toast__btn--save:hover:not(:disabled){background:color-mix(in srgb,var(--accent-color, #7c3aed) 85%,#000)}.teach-it-toast__btn--save:disabled{opacity:.5;cursor:not-allowed}.teach-it-toast__list{margin:0 0 8px;padding-left:18px;font-size:13px;color:var(--text-primary);line-height:1.4;overflow-wrap:anywhere}.teach-it-toast__hint{margin:0 0 10px;font-size:12px;color:var(--text-secondary)}.email-row-menu:empty{width:24px}.inbox-selector{margin-left:auto;height:30px;max-width:260px;min-width:0;text-overflow:ellipsis;align-self:center}.inbox-member-empty-hint{margin-top:4px;font-size:.8125rem;color:var(--text-muted)}@media (max-width: 768px){.inbox-panel{overflow:clip}.inbox-panel-header{padding:12px 16px;gap:8px}.inbox-connect-btn{min-height:var(--tap-target)}.inbox-header-search-field{height:var(--tap-target)}.inbox-header-search-clear{width:28px;height:28px;font-size:1rem}.inbox-edit-mode-btn{width:var(--tap-target);height:var(--tap-target)}.inbox-poll-btn{height:var(--tap-target)}.inbox-view-tabs{flex-wrap:wrap;align-items:center}.inbox-view-tab{min-height:var(--tap-target)}.inbox-selector{height:var(--tap-target)}.inbox-filter-toolbar{padding:12px 16px}.inbox-filter-select,.inbox-filter-clear{height:var(--tap-target)}.inbox-filter-toolbar .inbox-filter-select,.inbox-filter-clear{flex:1 1 140px;min-width:0;margin-left:0}.email-list-header{position:sticky;top:var(--top-bar-height, 0px);z-index:var(--z-sticky);flex-wrap:wrap;gap:0 8px;padding:0 16px 0 4px;min-height:52px}.email-list-header-actions{flex:1 1 0;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:0 8px;padding-bottom:8px}.inbox-bulk-deselect{order:1;justify-self:end;min-height:var(--tap-target)}.inbox-bulk-btn{order:2;height:auto;min-height:var(--tap-target);font-size:.875rem;border-radius:8px}.email-row-check{width:var(--tap-target);height:var(--tap-target)}.email-row-check input[type=checkbox]{width:20px;height:20px}.email-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto auto;grid-template-areas:"avatar from    time   menu" "avatar subject badges menu";gap:0 12px;align-items:center;padding:12px 4px 12px 16px}.email-row--selectable{grid-template-columns:var(--tap-target) 36px minmax(0,1fr) auto auto;grid-template-areas:"check avatar from    time   menu" "check avatar subject badges menu";column-gap:8px;padding-left:4px}.email-row-main,.email-row-aside{display:contents}.email-row-check{grid-area:check}.email-row-avatar{grid-area:avatar;align-self:start;margin-top:2px}.email-row-from{grid-area:from;margin-bottom:2px}.email-row-subject{grid-area:subject}.email-row-time{grid-area:time;justify-self:end;font-size:.75rem}.email-row-menu{grid-area:menu}.email-row-badges{grid-area:badges;display:flex;align-items:center;justify-content:flex-end;gap:6px}.email-row-badges:empty{display:none}.email-row-badges .email-row-inbox-tag{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-row-badges .email-age-badge--ok{display:none}.email-row-menu-btn{width:32px;height:var(--tap-target);opacity:1}.email-row-menu:empty{width:0}.email-row:has(.email-row-menu:empty){padding-right:16px}.inbox-load-more-btn{min-height:var(--tap-target)}.email-detail-header{display:contents}.email-detail-nav{position:sticky;top:var(--top-bar-height, 0px);z-index:var(--z-sticky);display:flex;align-items:center;justify-content:space-between;gap:8px;margin:calc(-1 * var(--email-detail-padding)) calc(-1 * var(--email-detail-padding)) -8px;padding:4px 8px;background:var(--card-bg);border-bottom:1px solid var(--border-color)}.email-back-btn{min-height:var(--tap-target);padding:0 12px 0 4px;border:none;border-radius:10px;color:var(--accent-primary);font-size:1rem;font-weight:600}.email-back-btn svg{width:22px;height:22px}.email-back-btn-label{display:none}.email-back-btn-label--compact{display:inline}.email-detail-nav-steps{display:flex;gap:4px}.email-detail-nav-step{display:flex;align-items:center;justify-content:center;width:var(--tap-target);height:var(--tap-target);padding:0;border:none;border-radius:10px;background:transparent;color:var(--text-secondary);cursor:pointer}.email-detail-nav-step svg{width:22px;height:22px}.email-detail-nav-step:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary)}.email-detail-nav-step:disabled{opacity:.35;cursor:default}.email-detail-title{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}.email-detail-subject{flex:1 1 100%;font-size:1.125rem;line-height:1.35;white-space:normal;overflow:visible}}@media (max-width: 480px){.inbox-panel-header{flex-wrap:wrap}.inbox-header-actions{display:contents}.inbox-panel-title{flex:1 1 auto;min-width:0}.inbox-header-search-wrap{order:1;flex:1 1 100%}.inbox-header-search-field{max-width:none}.inbox-poll-btn{width:var(--tap-target);padding:0;justify-content:center}.inbox-poll-btn svg{width:18px;height:18px}.inbox-poll-btn-label{display:none}.inbox-selector{flex:1 1 140px;max-width:none}.email-row{grid-template-areas:"avatar from    time    menu" "avatar subject subject menu" ".      badges  badges  badges"}.email-row--selectable{grid-template-areas:"check avatar from    time    menu" "check avatar subject subject menu" "check .      badges  badges  badges"}.email-row-badges{flex-wrap:wrap;justify-content:flex-start;margin-top:6px}}.email-detail-action-slot{display:contents}.draft-sheet-list{list-style:none;margin:0;padding:0 0 8px;display:flex;flex-direction:column;gap:4px}.draft-sheet-item{display:flex;align-items:center;gap:14px;width:100%;min-height:56px;padding:8px 12px;border:none;border-radius:10px;background:transparent;color:var(--text-primary);font-family:inherit;font-size:1rem;font-weight:500;text-align:left;cursor:pointer}@media (hover: hover){.draft-sheet-item:hover:not(:disabled){background:color-mix(in srgb,var(--accent-primary) 7%,transparent)}}.draft-sheet-item:active:not(:disabled){background:color-mix(in srgb,var(--accent-primary) 7%,transparent)}.draft-sheet-item:disabled{opacity:.5;cursor:default}.draft-sheet-item svg{width:20px;height:20px;flex-shrink:0;color:var(--text-secondary)}.draft-sheet-item>svg:first-child{box-sizing:border-box;width:36px;height:36px;padding:8px;border-radius:8px;color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 12%,transparent)}.draft-sheet-item-label{flex:1;min-width:0}.draft-sheet-switch{position:relative;flex-shrink:0;width:40px;height:24px;border-radius:12px;background:var(--border-primary);transition:background .15s}.draft-sheet-switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000040;transition:transform .15s}.draft-sheet-item[aria-pressed=true] .draft-sheet-switch{background:#0891b2}.draft-sheet-item[aria-pressed=true] .draft-sheet-switch:after{transform:translate(16px)}.draft-sheet-followup{flex-wrap:wrap;margin:4px 0 8px 48px}.draft-sheet-snooze .draft-snooze-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.draft-sheet-snooze .draft-snooze-btn{min-height:var(--tap-target)}.draft-sheet-snooze .draft-snooze-custom{margin-top:16px}.draft-sheet-snooze .draft-snooze-datetime{min-width:0;min-height:var(--tap-target)}@media (max-width: 768px){.draft-action-bar{position:sticky;bottom:0;z-index:var(--z-sticky);display:flex;align-items:stretch;gap:4px;margin:0 calc(-1 * var(--email-detail-padding)) calc(-1 * var(--email-detail-padding));padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px));background:var(--card-bg);border-top:1px solid var(--border-color);box-shadow:0 -4px 16px #0000000f}[data-theme=dark] .draft-action-bar{box-shadow:0 -4px 16px #0000004d}.draft-action-bar svg{width:20px;height:20px;flex-shrink:0}.draft-action-bar-primary{flex:1 0 auto;max-width:280px;margin-right:auto;min-height:52px;gap:8px;padding:0 14px;white-space:nowrap;border-radius:12px;font-size:1rem}.draft-action-bar-btn{position:relative;flex:0 1 auto;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:4px 6px;border:none;border-radius:10px;background:transparent;color:var(--text-secondary);font-family:inherit;font-size:.6875rem;font-weight:600;line-height:1.2;cursor:pointer;-webkit-tap-highlight-color:transparent}.draft-action-bar-btn svg{margin:0 12px}.draft-action-bar-btn .draft-action-bar-label{min-width:min-content;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-align:center;overflow-wrap:normal}.draft-action-bar-btn:active:not(:disabled){background:var(--bg-secondary)}@media (hover: hover){.draft-action-bar-btn:hover:not(:disabled){background:var(--bg-secondary)}}.draft-action-bar-btn:disabled,.draft-action-bar-btn--unavailable{opacity:.4}.draft-action-bar-btn:disabled{cursor:default}.draft-action-bar-btn.draft-action-bar-btn--danger{color:var(--danger-text)}.draft-action-bar-btn.draft-action-bar-btn--active{background:var(--accent-light);color:var(--accent-primary)}.draft-action-bar-more{display:none}@media (pointer: coarse){.email-detail:has(.draft-textarea:focus,.draft-refine-input:focus,.draft-followup-hours-input:focus) .draft-action-bar{display:none}.draft-shortcut-hint{display:none}}.draft-textarea{min-height:160px;resize:none}.draft-refine-input{min-height:7.5em}.draft-refine-actions,.draft-followup-config{flex-wrap:wrap}.draft-refine-actions .draft-action-btn,.draft-reopen-btn,.draft-followup-config .btn,.draft-followup-hours-input,.email-translate-btn,.draft-sources-toggle,.email-quoted-toggle{min-height:var(--tap-target)}.email-translate-btn{padding:12px 0;margin:-12px 0}.draft-sources-toggle{padding:0}.sender-history-header,.sender-history-row,.sender-history-show-all{min-height:var(--tap-target)}.email-sensitive-guidance-toggle{min-height:36px;padding:4px 12px}.email-sent-menu-btn{width:var(--tap-target);height:var(--tap-target);margin:-10px -10px -10px 0}.email-sent-dropdown-item,.draft-snooze-btn,.draft-snooze-cancel,.draft-snooze-datetime{min-height:var(--tap-target)}.email-attachment-item,.email-attachment-item--image{max-width:100%}}@media (max-width: 480px){.email-detail{--email-detail-padding: 16px;gap:16px}.draft-action-bar-btn--overflow{display:none}.draft-action-bar-more{display:flex}.draft-action-bar-more--badged:after{content:"";position:absolute;top:8px;right:calc(50% - 16px);width:8px;height:8px;border-radius:50%;background:#0891b2;box-shadow:0 0 0 2px var(--card-bg)}.email-message-header{padding:10px 12px}.email-message-header-top{flex-wrap:wrap;gap:2px 10px}.email-message--inbound .email-message-sender-group{flex:1 1 auto;min-width:0}.email-message-sender{min-width:0}.email-message--inbound .email-message-meta{flex:1 1 100%;flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:2px 12px;min-width:0;padding-left:46px}.email-message--inbound .email-message-address{flex-basis:100%;max-width:none;white-space:normal}.email-message-body{padding:14px 12px}}.email-detail-missing{margin-top:16px}.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:var(--z-modal);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);max-height:calc(100dvh - 150px);display:flex;flex-direction:column;animation:slideUp .3s ease;border:1px solid var(--border-primary);overflow:hidden}.modal-container:focus{outline:none}@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,.modal-back{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,.modal-back:hover{background:var(--bg-hover);border-color:var(--text-muted);color:var(--text-primary)}.modal-close svg,.modal-back svg{display:block;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);max-height:calc(100dvh - 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:0;z-index:var(--z-sheet)}.modal-backdrop--sheet-full{align-items:stretch;-webkit-backdrop-filter:none;backdrop-filter:none}.modal-backdrop--sheet-bottom{align-items:flex-end;padding-top:calc(24px + env(safe-area-inset-top))}.modal-container{width:100%;max-width:none;max-height:none;border:none;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);animation:sheetUp .25s var(--ease-sheet)}.modal-sheet--full{height:100vh;height:100dvh;border-radius:0;padding-top:env(safe-area-inset-top)}.modal-sheet--bottom{animation-name:sheetUpFromEdge;max-height:100%;border-radius:16px 16px 0 0;border-top:1px solid var(--border-primary)}.modal-header{gap:8px;min-height:60px;padding:8px 8px 8px 16px}.modal-back+.modal-title{flex:1}.modal-title{min-width:0;font-size:1.125rem;overflow-wrap:anywhere}.modal-close,.modal-back{width:var(--tap-target);height:var(--tap-target);border-color:transparent}.modal-back{margin-left:-8px}.modal-body{padding:16px;min-height:0}.modal-body:last-child{padding-bottom:calc(16px + env(safe-area-inset-bottom))}.modal-footer{padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--bg-primary)}.modal-btn{min-height:var(--tap-target)}.modal-body:has(.modal-sticky-actions){display:flex;flex-direction:column;padding-bottom:0}.modal-body>:has(>.modal-sticky-actions){flex:1 0 auto;display:flex;flex-direction:column}.modal-body .modal-sticky-actions{position:sticky;bottom:0;margin-top:auto;z-index:1;display:flex;flex-wrap:wrap;gap:8px;margin-left:-16px;margin-right:-16px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--bg-primary);border-top:1px solid var(--border-primary)}.modal-body .modal-sticky-actions>button{flex:1 1 auto;width:auto;min-height:var(--tap-target)}}@keyframes sheetUpFromEdge{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sheetUp{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.ccui-cp{flex:2 1 340px;min-width:0;box-sizing:border-box;position:sticky;top:24px;display:flex;flex-direction:column;gap:16px;padding:22px;border-radius:16px;background:#17191c;border:1px solid #17191C;color:#ecedea}[data-theme=dark] .ccui-cp{background:#0e0f11;border-color:#2a2d32}.ccui-cp-head{display:flex;flex-direction:column;gap:4px}.ccui-cp-head h2{margin:0;font-size:16px;font-weight:600;color:#fff}.ccui-cp-head p,.ccui-cp-audience span,.ccui-cp-note{margin:0;font-size:13px;color:#b8bbc0}.ccui-cp-tabs{display:flex;flex-wrap:wrap;gap:6px}.ccui-cp-tab{font:inherit;font-size:13px;min-height:36px;padding:0 12px;border-radius:8px;border:1px solid #3A3D43;background:transparent;color:#d7d9dc;cursor:pointer}.ccui-cp-tab:hover{border-color:#5b6068}.ccui-cp-tab[aria-selected=true]{font-weight:600;border-color:#fff;background:#fff;color:#17191c}.ccui-cp-audience{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.ccui-cp-seg{display:inline-flex;gap:3px;padding:3px;border-radius:9px;background:#0e0f11}[data-theme=dark] .ccui-cp-seg{background:#1c1e22}.ccui-cp-seg-item{font:inherit;font-size:13px;min-height:34px;padding:0 12px;border:0;border-radius:7px;background:transparent;color:#b8bbc0;cursor:pointer}.ccui-cp-seg-item[aria-checked=true]{font-weight:600;background:#3a3d43;color:#fff}.ccui-cp-text{margin:0;max-height:460px;overflow:auto;padding:14px 16px;border-radius:10px;background:#0e0f11;color:#ecedea;font-family:var(--font-mono);font-size:12.5px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;transition:opacity .15s ease}[data-theme=dark] .ccui-cp-text{background:#1c1e22}.ccui-cp-stale{opacity:.55}.ccui-cp-foot{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ccui-cp-meta{display:flex;flex-direction:column;gap:4px;font-size:12px;line-height:1.45;color:#9a9ea5}.ccui-cp-copy,.ccui-cp-link{font:inherit;font-size:13px;font-weight:600;cursor:pointer;color:#fff}.ccui-cp-copy{flex:none;min-height:36px;padding:0 14px;border-radius:8px;border:1px solid #3A3D43;background:transparent}.ccui-cp-copy:hover{border-color:#5b6068}.ccui-cp-link{padding:0;border:0;background:none;text-decoration:underline}@media (max-width: 860px){.ccui-cp{position:static}}.ccui-btn{font:inherit;font-size:14px;font-weight:500;min-height:40px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--border-primary);border-radius:var(--radius-md, 8px);background:var(--bg-card);color:var(--text-primary);text-decoration:none;white-space:nowrap;cursor:pointer}.ccui-btn:hover:not(:disabled){background:var(--bg-hover)}.ccui-btn:disabled{opacity:.55;cursor:not-allowed}.ccui-btn-primary{font-weight:600;border-color:transparent;background:var(--accent-primary);color:#fff}.ccui-btn-primary:hover:not(:disabled){background:var(--accent-secondary, var(--accent-primary))}.ccui-btn-dark{border-color:transparent;background:var(--text-primary);color:var(--bg-card)}.ccui-btn-dark:hover:not(:disabled){background:var(--text-primary);opacity:.88}.ccui-btn-danger{border-color:transparent;background:var(--danger);color:#fff}.ccui-btn-danger:hover:not(:disabled){background:var(--danger);filter:brightness(.92)}.ccui-btn-plain{border-color:transparent;background:transparent;color:var(--text-secondary)}.ccui-btn-sm{min-height:36px;padding:0 12px;font-size:13px}.ccui-input{font:inherit;font-size:14px;width:100%;min-height:44px;box-sizing:border-box;padding:10px 12px;border:1px solid var(--border-primary);border-radius:10px;background:var(--bg-card);color:var(--text-primary)}.ccui-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light)}textarea.ccui-input{min-height:88px;line-height:1.55;resize:vertical}.ccui-card{padding:20px 24px;border:1px solid var(--border-primary);border-radius:16px;background:var(--bg-card);min-width:0}.ccui-card-head{margin-bottom:16px}.ccui-card-head h2{margin:0 0 4px;font-size:17px;font-weight:600;color:var(--text-primary)}.ccui-card-head p{margin:0;font-size:14px;line-height:1.5;color:var(--text-secondary)}.ccui-empty{margin:0;padding:28px 20px;border:1px dashed var(--border-primary);border-radius:var(--radius-lg, 12px);font-size:14px;line-height:1.5;color:var(--text-secondary);text-align:center}.ccui-link{font:inherit;padding:0;border:0;background:none;color:var(--accent-text, var(--accent-primary));text-decoration:underline;cursor:pointer}.ccui-muted{color:var(--text-secondary)}@media (max-width: 600px){.ccui-card{padding:18px 16px}}.ccui-review-queue{padding:20px 24px;border:1px solid var(--border-primary);border-radius:16px;background:var(--bg-card)}.ccui-review-queue-header{margin-bottom:16px}.ccui-review-queue-title{display:flex;align-items:center;gap:8px;margin:0 0 4px;font-size:17px;font-weight:600;color:var(--text-primary)}.ccui-review-queue-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;background:var(--accent-light);color:var(--accent-primary);font-size:.75rem;font-weight:700;letter-spacing:0;border-radius:6px}.ccui-review-queue-hint{margin:0;font-size:14px;color:var(--text-secondary)}.ccui-review-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.ccui-review-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--border-secondary)}.ccui-review-list>.ccui-review-row:first-child{border-top:none;padding-top:0}.ccui-review-row-text{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.ccui-review-row-title{font-size:.9375rem;font-weight:500;color:var(--text-primary);overflow-wrap:anywhere}.ccui-review-row-detail{font-size:.8125rem;color:var(--text-secondary);line-height:1.5;overflow-wrap:anywhere}.ccui-review-row-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:.75rem;color:var(--text-tertiary)}.ccui-review-row-source{display:inline-block;padding:1px 6px;border:1px solid var(--border-primary);border-radius:4px;color:var(--text-secondary);line-height:1.4}.ccui-review-row-scope{line-height:1.6;color:var(--text-secondary)}.ccui-review-row-count{line-height:1.6}.ccui-review-row-actions{display:flex;gap:8px;flex-shrink:0}.ccui-review-missing{margin-top:20px;padding-top:16px;border-top:1px solid var(--border-primary)}.ccui-review-missing-title{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0 0 12px}.ccui-review-row-missing{display:block}.ccui-review-missing-form{display:flex;flex-direction:column;gap:8px}.ccui-review-missing-input-row{display:flex;gap:8px;align-items:center}.ccui-review-missing-input-row .ccui-input{flex:1;min-width:0}.ccui-review-more{margin-top:12px;font-size:14px}@media (max-width: 600px){.ccui-review-queue{padding:18px 16px}.ccui-review-row{flex-direction:column;gap:8px}.ccui-review-missing-input-row{flex-wrap:wrap}.ccui-review-missing-input-row .ccui-input{flex-basis:100%}}.ccui-field{display:flex;flex-direction:column;gap:8px}.ccui-label-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.ccui-label{font-size:14px;font-weight:500;color:var(--text-primary)}.ccui-label-row .ccui-refine{margin-left:auto}.ccui-help{margin:-4px 0 0;font-size:13px;color:var(--text-secondary)}.ccui-field .ccui-input{font-size:14px;min-height:44px;padding:10px 12px;border-radius:10px}textarea.ccui-input{line-height:1.55}.ccui-tone-never .ccui-label{font-size:13px;font-weight:600;color:var(--warning-text)}.ccui-tone-always .ccui-label{font-size:13px;font-weight:600;color:var(--accent-text, var(--accent-primary))}.ccui-pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.ccui-suggested{padding:16px;border-radius:12px;background:var(--warning-light);border:1px solid color-mix(in srgb,var(--warning) 30%,transparent)}.ccui-suggested .ccui-input{background:var(--bg-card)}.ccui-suggested-tag{font-size:12px;font-weight:600;color:var(--warning-text)}.ccui-suggested-actions{display:flex;flex-wrap:wrap;gap:8px}.ccui-suggested-actions .ccui-btn{min-height:40px;font-size:13px;padding:0 14px}.ccui-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.ccui-list-item{display:flex;align-items:flex-start;gap:8px;padding:6px 6px 6px 12px;border-radius:10px;background:var(--bg-primary);font-size:14px;line-height:1.45;color:var(--text-primary)}.ccui-list-item span{flex:1;min-width:0;padding-top:4px;overflow-wrap:anywhere}.ccui-remove{font:inherit;font-size:16px;line-height:1;flex:none;width:28px;height:28px;border:0;border-radius:50%;background:transparent;color:var(--text-secondary);cursor:pointer}.ccui-remove:hover{background:var(--bg-hover);color:var(--danger-text)}.ccui-add-row{display:flex;gap:8px}.ccui-add-row .ccui-input{flex:1;min-width:0}.ccui-seg{display:inline-flex;flex-wrap:wrap;align-self:flex-start;gap:4px;padding:4px;border-radius:10px;background:var(--bg-tertiary)}.ccui-seg-item{font:inherit;font-size:13px;min-height:36px;padding:0 14px;border:0;border-radius:7px;background:transparent;color:var(--text-secondary);cursor:pointer}.ccui-seg-item[aria-checked=true]{font-weight:600;background:var(--bg-card);color:var(--text-primary);box-shadow:0 1px 2px #00000014}.ccui-refine{position:relative;display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.ccui-refine-trigger{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;background:none;cursor:pointer;border-radius:4px;color:var(--text-tertiary);transition:color .1s,background .1s;padding:0}.ccui-refine-trigger:hover,.ccui-refine-trigger-active{color:var(--accent-primary);background:var(--accent-light)}.ccui-refine-undo{font-size:.6875rem;font-weight:500;color:var(--text-secondary);background:none;border:1px solid var(--border-secondary);border-radius:4px;padding:1px 6px;cursor:pointer;transition:color .1s,border-color .1s;white-space:nowrap}.ccui-refine-undo:hover{color:var(--accent-primary);border-color:var(--accent-primary)}.ccui-refine-popover{position:absolute;top:calc(100% + 6px);right:0;z-index:200;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:10px;padding:12px;width:300px;box-shadow:0 4px 20px #0000002e;display:flex;flex-direction:column;gap:8px}.ccui-refine-popover .ccui-input{width:100%;padding:7px 10px;border:1px solid var(--border-primary);border-radius:6px;background:var(--bg-input, var(--bg-card));color:var(--text-primary);font-size:.875rem;font-family:inherit;box-sizing:border-box}.ccui-refine-popover .ccui-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light)}.ccui-refine-actions{display:flex;gap:6px;justify-content:flex-end}.ccui-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.ccui-chip{display:inline-flex;align-items:center;gap:4px;font-size:13px;padding:4px 4px 4px 12px;border-radius:999px;background:var(--bg-tertiary);color:var(--text-primary)}.ccui-chip .ccui-remove{font:inherit;font-size:16px;line-height:1;flex:none;width:26px;height:26px;border:0;border-radius:50%;background:transparent;color:var(--text-secondary);cursor:pointer}.ccui-chip .ccui-remove:hover{background:var(--bg-hover);color:var(--danger-text)}.ccui-chips-add{font:inherit;font-size:13px;min-height:36px;padding:0 12px;border-radius:999px;border:1px dashed var(--border-primary);background:transparent;color:var(--accent-text, var(--accent-primary));cursor:pointer}.ccui-chips-add:hover{border-color:var(--accent-primary)}.ccui-chips .ccui-chips-input{width:180px;min-height:36px;padding:6px 12px;border-radius:999px;font-size:13px}.ccui-vg{display:flex;flex-direction:column;gap:16px;min-width:0}.ccui-vg-dirty{padding-bottom:72px}.ccui-vg-card{display:flex;flex-direction:column;gap:20px}.ccui-vg-card .ccui-card-head{margin-bottom:0}.ccui-vg-banner{margin:0;padding:12px 16px;border-radius:12px;background:var(--warning-light);color:var(--warning-text);font-size:14px;line-height:1.5}.ccui-savebar{position:fixed;left:50%;bottom:calc(16px + var(--ccui-savebar-offset, 0px));transform:translate(-50%);z-index:30;max-width:calc(100vw - 32px);box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 8px 8px 18px;border-radius:14px;background:var(--bg-card);border:1px solid var(--border-primary);box-shadow:var(--shadow-lg);font-size:14px;font-weight:500;color:var(--text-primary)}.ccui-savebar span{margin-right:6px}@media (max-width: 520px){.ccui-savebar{width:calc(100vw - 32px);justify-content:flex-end}.ccui-savebar span{flex:1}}.ccui-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.ccui-gr{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.ccui-gr-kind{display:flex;flex-direction:column;gap:10px;min-width:0}.ccui-gr-head h3{margin:0;font-size:13px;font-weight:600;color:var(--text-primary)}.ccui-gr-never .ccui-gr-head h3{color:var(--warning-text)}.ccui-gr-always .ccui-gr-head h3{color:var(--accent-text, var(--accent-primary))}.ccui-gr-head p{margin:2px 0 0;font-size:13px;color:var(--text-secondary)}.ccui-gr-rule{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:4px 6px 4px 10px;border:1px solid var(--border-primary);border-radius:10px;background:var(--bg-card)}.ccui-gr-text{flex:1 1 160px;min-width:0;min-height:34px;padding:7px 0;border:0;background:transparent;color:var(--text-primary);font:inherit;font-size:14px;line-height:1.45;resize:none;field-sizing:content}.ccui-gr-text:focus{outline:none}.ccui-gr-rule:focus-within{border-color:var(--accent-primary)}.ccui-gr-where{padding:2px 8px;border:1px solid var(--border-secondary, var(--border-primary));border-radius:999px;background:var(--bg-secondary);color:var(--text-secondary);font:inherit;font-size:12px;cursor:pointer}.ccui-gr-where:hover{background:var(--bg-hover)}.ccui-gr-where-panel{flex-basis:100%;display:flex;flex-direction:column;gap:6px;padding:6px 0 4px}.ccui-gr-channels{display:flex;flex-wrap:wrap;gap:6px}.ccui-gr-channel{min-height:32px;padding:4px 10px;border:1px solid var(--border-primary);border-radius:999px;background:var(--bg-card);color:var(--text-secondary);font:inherit;font-size:13px;cursor:pointer}.ccui-gr-channel-on{border-color:var(--accent-primary);background:var(--accent-light);color:var(--accent-text, var(--accent-primary))}.ccui-gr-inherited .ccui-list-item{background:var(--bg-secondary)}.ccui-gr-inherited .ccui-muted{margin-left:auto;font-size:12px;white-space:nowrap}.ccui-guide{display:flex;flex-direction:column;gap:24px;min-width:0}.ccui-guide-section{display:flex;flex-direction:column;gap:10px;min-width:0}.ccui-guide-head{display:flex;align-items:center;gap:8px}.ccui-guide-head h3{margin:0;font-size:15px;font-weight:600;color:var(--text-primary)}.ccui-guide-inherited{padding:12px 14px;border-radius:12px;background:var(--bg-primary, var(--bg-secondary));border:1px solid var(--border-secondary, var(--border-primary))}.ccui-guide-inherited-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}.ccui-guide-from{font-size:12px;font-weight:600;color:var(--text-secondary)}.ccui-guide-inherited-body{font-size:14px;line-height:1.55;color:var(--text-secondary);white-space:pre-wrap;overflow-wrap:anywhere}.ccui-guide-clamped{max-height:9.3em;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,#000 60%,transparent);mask-image:linear-gradient(to bottom,#000 60%,transparent)}.ccui-guide-more{margin-top:6px;font-size:13px}.ccui-guide-own{display:flex;flex-direction:column;gap:10px;min-width:0}.ccui-guide-own.ccui-suggested{padding:14px}.ccui-guide-draft{padding:14px;border:1px dashed var(--border-primary);border-radius:12px}.ccui-guide-suggested{display:flex;flex-direction:column;gap:6px}.ccui-guide-suggested .ccui-help{margin:0}.ccui-guide-body{font-size:14px;min-height:140px}.ccui-guide-md{margin:-4px 0 0;font-size:12px}.ccui-guide-mode{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.ccui-guide-mode .ccui-label{font-size:13px}.ccui-guide-select{width:auto;min-height:36px;padding:6px 10px;font-size:13px}.ccui-guide-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.ccui-guide-vis{display:flex;align-items:center;gap:8px}.ccui-guide-vis .ccui-label{font-size:13px;color:var(--text-secondary)}.ccui-guide-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-left:auto}.ccui-guide-refine svg{color:var(--accent-primary)}.ccui-guide-refine-popover{top:auto;bottom:calc(100% + 6px)}.ccui-guide-warn{margin:0;color:var(--danger-text)}.ccui-guide-add{display:flex;flex-direction:column;gap:10px;padding:16px;border:1px dashed var(--border-primary);border-radius:12px}.ccui-guide-add-title{margin:0;font-size:14px;font-weight:600;color:var(--text-primary)}.ccui-guide-add .ccui-help{margin:0}.ccui-guide-add-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.ccui-guide-custom{display:flex;align-items:center;gap:6px}.ccui-guide-custom .ccui-chips-input{width:230px}.ccui-ex{display:flex;flex-direction:column;gap:20px;min-width:0}.ccui-ex-group h3{margin:0 0 4px;font-size:13px;font-weight:600;color:var(--text-primary)}.ccui-ex-group>p{margin:0 0 8px;font-size:13px;color:var(--text-secondary)}.ccui-ex-good h3{color:var(--accent-text, var(--accent-primary))}.ccui-ex-bad h3{color:var(--warning-text)}.ccui-ex-list{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.ccui-ex-card{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border:1px solid var(--border-primary);border-radius:12px;background:var(--bg-card);min-width:0}.ccui-ex-card.ccui-suggested{padding:12px 14px}.ccui-ex-text{margin:0;font-size:14px;line-height:1.55;color:var(--text-primary);white-space:pre-wrap;overflow-wrap:anywhere}.ccui-ex-bad .ccui-ex-text{color:var(--text-secondary)}.ccui-ex-pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.ccui-ex-side{display:flex;flex-direction:column;gap:4px;min-width:0}.ccui-ex-side-label{font-size:12px;font-weight:600;color:var(--text-secondary)}.ccui-ex-before .ccui-ex-text{color:var(--text-secondary);text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--text-secondary) 45%,transparent)}.ccui-ex-note{margin:0;font-size:13px;color:var(--text-secondary)}.ccui-ex-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.ccui-ex-meta .ccui-ex-actions{display:flex;gap:4px;margin-left:auto}.ccui-ex-form{display:flex;flex-direction:column;gap:12px}.ccui-ex-form textarea.ccui-input{min-height:72px}.ccui-ex-add{padding:14px;border:1px dashed var(--border-primary);border-radius:12px}@media (max-width: 520px){.ccui-guide-actions{flex-direction:column;align-items:stretch}.ccui-guide-buttons{margin-left:0}.ccui-guide-custom,.ccui-guide-custom .ccui-chips-input{width:100%}.ccui-guide-refine-popover{width:min(300px,calc(100vw - 48px));right:auto;left:0}}.ccui-facts{display:flex;flex-direction:column;gap:20px}.ccui-facts-group h3{margin:0 0 8px;font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:none}.ccui-facts-list{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.ccui-fact{display:flex;align-items:center;gap:8px;padding:4px 6px 4px 4px;border:1px solid var(--border-primary);border-radius:10px;background:var(--bg-card)}.ccui-fact-editing{display:block;padding:12px}.ccui-fact-main{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:baseline;align-content:center;gap:4px 10px;min-height:40px;padding:6px 8px;border:0;border-radius:8px;background:transparent;color:var(--text-primary);font:inherit;text-align:left;cursor:pointer}.ccui-fact-main:hover{background:var(--bg-hover)}.ccui-fact-label{font-size:14px;font-weight:500}.ccui-fact-value{font-size:14px;color:var(--text-secondary);overflow-wrap:anywhere}.ccui-fact-meta{display:flex;align-items:center;gap:6px;flex-shrink:0}.ccui-fact-tag{padding:2px 8px;border-radius:999px;background:var(--bg-secondary);color:var(--text-secondary);font-size:12px;white-space:nowrap}.ccui-fact-tag-internal{background:var(--warning-light);color:var(--warning-text)}.ccui-fact-tag-private{background:var(--bg-tertiary)}.ccui-fact-form{display:flex;flex-direction:column;gap:12px}.ccui-fact-form-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}.ccui-fact-field{display:flex;flex-direction:column;gap:6px;min-width:0}.ccui-fact-field-grow{flex:1 1 220px}.ccui-fact-field .ccui-input{min-height:40px}.ccui-fact-form-actions{display:flex;gap:8px;margin-left:auto}.ccui-facts-add{padding:14px;border:1px dashed var(--border-primary);border-radius:12px}@media (max-width: 520px){.ccui-fact{flex-wrap:wrap}.ccui-fact-meta{margin-left:8px}.ccui-fact-form-actions{margin-left:0;width:100%}.ccui-fact-form-actions .ccui-btn{flex:1}}.ccui-docs-add{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.ccui-docs-add-card{border:1px solid var(--border-primary);border-radius:var(--radius-lg, 12px);background:var(--bg-card)}.ccui-docs-add-button{font:inherit;width:100%;min-height:76px;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;padding:14px 18px;text-align:left;color:var(--text-primary);background:var(--bg-card);border:0;border-radius:inherit;cursor:pointer}button.ccui-docs-add-card{border:1px solid var(--border-primary)}.ccui-docs-add-button:hover{background:var(--bg-hover)}.ccui-docs-drop{border-style:dashed;border-color:color-mix(in srgb,var(--accent-primary) 45%,var(--border-primary))}.ccui-docs-dragging{border-color:var(--accent-primary);background:var(--accent-light)}.ccui-docs-dragging .ccui-docs-add-button{background:transparent}.ccui-docs-add-title{font-size:15px;font-weight:600;color:var(--accent-text, var(--accent-primary))}.ccui-docs-add-sub{font-size:13px;color:var(--text-secondary)}.ccui-docs-table{display:flex;flex-direction:column;border:1px solid var(--border-primary);border-radius:var(--radius-lg, 12px);background:var(--bg-card);overflow:hidden}.ccui-docs-row{font:inherit;display:grid;grid-template-columns:minmax(0,2.4fr) minmax(0,1.6fr) minmax(0,1.2fr) minmax(0,1fr) minmax(0,1.3fr);align-items:center;gap:16px;width:100%;min-height:56px;padding:10px 18px;border:0;border-top:1px solid var(--border-secondary);background:transparent;color:var(--text-primary);text-align:left;font-size:14px;cursor:pointer}.ccui-docs-row-noscope,.ccui-docs-table:has(.ccui-docs-row-noscope) .ccui-docs-head{grid-template-columns:minmax(0,2.6fr) minmax(0,1.8fr) minmax(0,1fr) minmax(0,1.3fr)}button.ccui-docs-row:hover{background:var(--bg-hover)}button.ccui-docs-row:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-2px}.ccui-docs-head{min-height:0;padding-top:12px;padding-bottom:12px;border-top:0;background:var(--bg-secondary);font-size:12px;font-weight:600;color:var(--text-secondary);cursor:default}.ccui-docs-title{font-weight:500;overflow-wrap:anywhere}.ccui-docs-pin{display:inline-block;margin-right:8px;padding:1px 7px;border-radius:999px;background:var(--accent-light);color:var(--accent-text, var(--accent-primary));font-size:11px;font-weight:600;vertical-align:1px}.ccui-docs-source,.ccui-docs-scope{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ccui-docs-vis{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.ccui-docs-vis-public{background:var(--success-light);color:var(--success-text)}.ccui-docs-vis-internal{background:var(--bg-tertiary);color:var(--text-secondary)}.ccui-docs-vis-private{border:1px solid var(--border-primary);color:var(--text-tertiary)}.ccui-docs-fresh{font-size:13px;color:var(--text-secondary)}.ccui-docs-fresh-warn{font-weight:600;color:var(--warning-text)}@media (max-width: 760px){.ccui-docs-head{display:none}.ccui-docs-row,.ccui-docs-row-noscope{grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:14px 16px}.ccui-docs-row:first-of-type{border-top:0}.ccui-docs-title{grid-column:1 / -1}.ccui-docs-source,.ccui-docs-scope{grid-column:1;font-size:13px}.ccui-docs-row>span:nth-last-child(2){grid-column:2;grid-row:2;justify-self:end}.ccui-docs-fresh{grid-column:1 / -1}}.ccui-docs{display:flex;flex-direction:column;gap:16px;min-width:0}.ccui-docs-intro{margin:0;font-size:14px;line-height:1.5;color:var(--text-secondary)}.ccui-docs-add-button:disabled{cursor:progress}.ccui-docs-form,.ccui-docs-detail{display:flex;flex-direction:column;gap:14px}.ccui-docs-form h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.ccui-docs-label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:500;color:var(--text-primary)}.ccui-docs-label .ccui-muted{font-weight:400}.ccui-docs-date{max-width:220px}.ccui-docs-url{font-size:13px;color:var(--accent-text, var(--accent-primary));overflow-wrap:anywhere}.ccui-docs-note{margin:0;font-size:13px;color:var(--text-secondary)}.ccui-docs-text{margin:0;max-height:320px;overflow:auto;padding:12px;border-radius:10px;background:var(--bg-secondary);font-family:inherit;font-size:13px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text-primary)}.ccui-docs-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.ccui-docs-spacer{flex:1}.ccui-docs-confirm{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;color:var(--text-primary)}.ccui-docs-row[aria-expanded=true]{background:var(--bg-hover)}.demo-panel{display:flex;flex-direction:column;gap:20px;padding:24px;padding-bottom:max(24px,calc(var(--onboarding-guide-height, 0px) + 36px));background:var(--card-bg);min-width:0}.demo-intro{display:flex;align-items:flex-start;gap:14px;min-width:0}.demo-intro-icon{flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:var(--accent-light);color:var(--accent-primary);display:flex;align-items:center;justify-content:center}[data-theme=dark] .demo-intro-icon{color:var(--accent-secondary)}.demo-intro-icon svg{width:22px;height:22px}.demo-intro-text{min-width:0}.demo-title{margin:0 0 4px;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.demo-subtitle{margin:0;font-size:.9rem;line-height:1.55;color:var(--text-secondary)}.demo-form{display:flex;flex-direction:column;gap:16px;min-width:0}.demo-form-toolbar{display:flex;flex-wrap:wrap;gap:8px}.demo-field{display:flex;flex-direction:column;gap:6px;min-width:0}:where(.demo-field) input,:where(.demo-field) textarea{padding:10px 14px;box-sizing:border-box}.form-group.demo-field textarea{min-height:180px}.demo-field input:disabled,.demo-field textarea:disabled{opacity:.7;cursor:not-allowed}.demo-field [aria-invalid=true]{border-color:var(--danger)}.demo-field-error{margin:0;font-size:.8rem;color:var(--danger-text)}.demo-char-count{margin-top:0}.demo-form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}.demo-shortcut-hint{font-size:.8rem;color:var(--text-tertiary)}.demo-btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;flex:0 0 auto}.demo-result{display:flex;flex-direction:column;gap:16px;padding:20px;border:1px solid var(--border-primary);border-radius:12px;background:var(--bg-card);box-shadow:var(--shadow-md);min-width:0;scroll-margin-top:calc(var(--top-bar-height, 0px) + 12px);animation:demo-result-in .25s var(--ease-sheet)}.demo-result:focus{outline:none}@keyframes demo-result-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.demo-result-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px}.demo-result-title{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.demo-result-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.demo-result-meta .email-category-badge{font-size:.75rem;padding:3px 8px}.demo-confidence{font-size:.8rem;color:var(--text-secondary)}.demo-result-block{display:flex;flex-direction:column;gap:8px;min-width:0}.demo-result-label{margin:0;font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary)}.demo-rationale{margin:0;font-size:.9rem;line-height:1.55;color:var(--text-primary);overflow-wrap:anywhere}.demo-topics{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.demo-topic{padding:3px 10px;border-radius:999px;background:var(--bg-tertiary);border:1px solid var(--border-primary);font-size:.8rem;color:var(--text-secondary);overflow-wrap:anywhere}.demo-reply-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.demo-copy-btn.is-copied{color:var(--success-text);border-color:var(--success)}.demo-reply{min-height:220px;resize:vertical;cursor:text;field-sizing:content}.demo-sources{display:flex;flex-direction:column;gap:6px;margin-top:4px}.demo-sources .draft-sources-list{margin:0}.demo-note{margin:0;display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:10px;font-size:.875rem;line-height:1.5}.demo-note--spam{background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-secondary)}.demo-note--spam strong{color:var(--text-primary)}.demo-note--info{background:var(--warning-light);color:var(--warning-text)}.demo-note--limit{align-items:flex-start;gap:4px;background:var(--danger-light);color:var(--danger-text)}.demo-limit-btn{margin-top:6px}.demo-kb-callout{position:relative;display:flex;align-items:flex-start;gap:12px;padding:14px 44px 14px 14px;border-radius:10px;border:1px dashed var(--border-primary);background:var(--bg-tertiary);min-width:0}.demo-kb-callout-icon{flex:0 0 auto;width:32px;height:32px;border-radius:50%;background:var(--accent-light);color:var(--accent-primary);display:flex;align-items:center;justify-content:center}[data-theme=dark] .demo-kb-callout-icon{color:var(--accent-secondary)}.demo-kb-callout-icon svg{width:16px;height:16px}.demo-kb-callout-body{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;font-size:.875rem;line-height:1.5;color:var(--text-secondary)}.demo-kb-callout-body strong{color:var(--text-primary)}.demo-kb-callout-btn{margin-top:6px}.demo-kb-callout-dismiss{position:absolute;top:6px;right:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:8px;background:none;color:var(--text-tertiary);cursor:pointer}.demo-kb-callout-dismiss:hover{background:var(--bg-hover);color:var(--text-primary)}.demo-toast{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.demo-toast-action{padding:4px 10px;border:1px solid currentColor;border-radius:6px;background:none;color:inherit;font:inherit;font-weight:600;cursor:pointer}.demo-toast-action:hover{background:var(--bg-hover)}.demo-cta{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:10px;background:var(--accent-light);border:1px solid var(--border-primary)}.demo-cta-text{display:flex;flex-direction:column;gap:2px;font-size:.875rem;line-height:1.5;color:var(--text-secondary)}.demo-cta-text strong{font-size:.95rem;color:var(--text-primary)}.demo-cta-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.demo-cta-btn{text-align:center}.demo-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 768px){.demo-panel{padding:20px 16px;padding-bottom:max(20px,calc(var(--onboarding-guide-height, 0px) + 36px))}.demo-form-toolbar .btn,.demo-copy-btn,.demo-limit-btn,.demo-kb-callout-btn,.demo-toast-action{min-height:var(--tap-target)}.demo-kb-callout{padding-right:52px}.demo-kb-callout-dismiss{top:0;right:0;width:var(--tap-target);height:var(--tap-target)}}@media (max-width: 480px){.demo-panel{gap:16px}.demo-result{padding:16px}.demo-generate-btn,.demo-cta-btn,.demo-try-another{width:100%}.demo-reply{min-height:260px}}.dashboard-hero{--hero-stage-height: 198px;--mascot-scale: 1;position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto var(--hero-stage-height);overflow:hidden}.mascot-banner{grid-row:2;grid-column:1;position:relative;z-index:0;display:flex;align-items:flex-end;justify-content:center;min-width:0;pointer-events:none}.subscription-banner--hero{grid-row:1;grid-column:1;position:relative;z-index:2;margin:16px 0 8px;border-radius:12px}@media (max-width: 768px){.subscription-banner.subscription-banner--hero{margin:12px 12px 4px;padding:6px 6px 6px 14px}.subscription-banner--hero .subscription-banner-icon,.subscription-banner--hero .subscription-banner-text p{display:none}.subscription-banner--hero .subscription-banner-content{flex-direction:row;flex-wrap:nowrap;gap:8px;text-align:left}.subscription-banner--hero .subscription-banner-text{min-width:0}.subscription-banner--hero .subscription-banner-text h3{font-size:.875rem;margin:0}.subscription-banner--hero .subscription-banner-actions{width:auto}.subscription-banner--hero .subscription-plan-btn{min-height:var(--tap-target);justify-content:center}}.dashboard-nav--hero{grid-row:2;grid-column:1;align-self:end;position:relative;z-index:2;padding:0 0 10px}.mascot{--mascot-bubble-min-width: 200px;--mascot-bubble-edge: 12px;--mascot-shift: max(-33%, min(0px, calc(50% - var(--mascot-bubble-left, 80px) * var(--mascot-scale) - var(--mascot-bubble-edge) - var(--mascot-bubble-min-width))));position:relative;display:inline-flex;align-items:flex-end;justify-content:center;width:100%;height:100%}.mascot-character{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;padding-right:calc(var(--mascot-shift) * -2)}.mascot-img{height:100%;max-width:none;object-position:center bottom;display:block}.mascot-lottie{height:100%;width:auto}@keyframes mascot-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes mascot-sway{0%,to{transform:rotate(-1deg) translateY(0)}25%{transform:rotate(1deg) translateY(-2px)}75%{transform:rotate(-1deg) translateY(-2px)}}@keyframes mascot-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.03);opacity:.92}}@keyframes mascot-bounce{0%{transform:translateY(0) scale(1)}20%{transform:translateY(-14px) scale(1.04)}40%{transform:translateY(0) scale(.98)}60%{transform:translateY(-6px) scale(1.02)}80%{transform:translateY(0) scale(1)}to{transform:translateY(0) scale(1)}}.mascot-bubble{position:absolute;top:calc(var(--mascot-bubble-top, 20px) * var(--mascot-scale));left:calc(50% + var(--mascot-shift) + var(--mascot-bubble-left, 80px) * var(--mascot-scale));background:#fff;border:1px solid var(--border-color);border-radius:16px;padding:10px 16px;font-size:.875rem;font-weight:500;color:var(--text-primary);white-space:normal;overflow-wrap:anywhere;max-width:min(340px,calc(50% - var(--mascot-shift) - var(--mascot-bubble-left, 80px) * var(--mascot-scale) - var(--mascot-bubble-edge)));box-shadow:var(--shadow-md);display:flex;align-items:center;gap:8px;opacity:0;transform:translateY(4px) scale(.96);transition:opacity .25s ease,transform .25s ease;pointer-events:none;z-index:1}.mascot-bubble *,.mascot-bubble:before,.mascot-bubble:after{transition:none}.mascot-bubble--visible{opacity:1;transform:translateY(0) scale(1)}[data-theme=dark] .mascot-bubble{background:var(--bg-card)}.mascot-bubble:before{content:"";position:absolute;left:-10px;top:var(--mascot-tail-top, 14px);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:10px solid var(--border-color)}.mascot-bubble:after{content:"";position:absolute;left:-8px;top:var(--mascot-tail-top, 14px);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:10px solid #ffffff}[data-theme=dark] .mascot-bubble:after{border-right-color:var(--bg-card)}@media (max-width: 480px){.dashboard-hero{--hero-stage-height: 180px;--mascot-scale: .91}.mascot{--mascot-bubble-min-width: 170px}.mascot-bubble{padding:8px 12px;font-size:.8125rem;line-height:1.3;border-radius:14px}}.mascot-bubble-dots{display:inline-flex;gap:3px;align-items:center}.mascot-bubble-dots span{display:block;width:5px;height:5px;border-radius:50%;background:var(--accent-primary);animation:dot-bounce 1.2s ease-in-out infinite}.mascot-bubble-dots span:nth-child(2){animation-delay:.2s}.mascot-bubble-dots span:nth-child(3){animation-delay:.4s}@keyframes dot-bounce{0%,80%,to{transform:translateY(0);opacity:.5}40%{transform:translateY(-4px);opacity:1}}:root{color-scheme:light;--bg-primary: #fdf4ff;--bg-secondary: #ffffff;--bg-tertiary: #fae8ff;--bg-card: #ffffff;--bg-input: #ffffff;--bg-hover: #fae8ff;--image-preview-bg: #f5d0fe;--text-primary: #1e293b;--text-secondary: #64748b;--text-tertiary: #94a3b8;--text-muted: #94a3b8;--border-primary: #e9d5ff;--border-secondary: #fae8ff;--accent-primary: #c026d3;--accent-secondary: #a21caf;--accent-light: rgba(192, 38, 211, .1);--success: #10b981;--success-light: #d1fae5;--success-text: #065f46;--warning: #f59e0b;--warning-light: #fef3c7;--warning-text: #92400e;--danger: #ef4444;--danger-light: #fee2e2;--danger-text: #dc2626;--dropdown-bg: #ffffff;--dropdown-border: #e2e8f0;--dropdown-shadow: 0 8px 32px rgba(0, 0, 0, .12);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .03);--shadow-md: 0 4px 12px rgba(0, 0, 0, .05);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .08);--tap-target: 44px;--z-sticky: 5;--z-modal: 1000;--z-top-bar-scrim: 1000;--z-top-bar: 1001;--z-top-bar-popover: 1002;--z-sheet: 1003;--z-guide: 9000;--ease-sheet: cubic-bezier(.2, .8, .2, 1);--border-color: #e9d5ff;--primary-color: #c026d3;--primary: #c026d3;--primary-dark: #a21caf;--color-primary: #c026d3;--accent-color: #c026d3;--accent-color-alpha: rgba(192, 38, 211, .25);--card-bg: #ffffff}[data-theme=dark]{color-scheme:dark;--bg-primary: #0e0520;--bg-secondary: #1a0b2e;--bg-tertiary: #2d1654;--bg-card: #1a0b2e;--bg-input: #0e0520;--bg-hover: #2d1654;--image-preview-bg: #0e0520;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--text-muted: #64748b;--border-primary: #3b1f62;--border-secondary: #1a0b2e;--accent-primary: #c026d3;--accent-secondary: #e879f9;--accent-light: rgba(192, 38, 211, .2);--success: #10b981;--success-light: rgba(16, 185, 129, .2);--success-text: #6ee7b7;--warning: #f59e0b;--warning-light: rgba(245, 158, 11, .2);--warning-text: #fcd34d;--danger: #ef4444;--danger-light: rgba(239, 68, 68, .2);--danger-text: #fca5a5;--dropdown-bg: #1a0b2e;--dropdown-border: #3b1f62;--dropdown-shadow: 0 8px 32px rgba(0, 0, 0, .5);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .4);--border-color: #3b1f62;--primary-color: #c026d3;--primary: #c026d3;--primary-dark: #e879f9;--color-primary: #c026d3;--accent-color: #c026d3;--accent-color-alpha: rgba(192, 38, 211, .25);--card-bg: #1a0b2e}:root{--mk-ground: #fdf8fe;--mk-surface: #ffffff;--mk-tint: #f6e8fb;--mk-stage: #e9d3f4;--mk-ink: #1d1430;--mk-text: #4a4360;--mk-muted: #5b5470;--mk-border: #eadcf3;--mk-border-soft: #f0e3f6;--mk-brand: #a21caf;--mk-brand-hover: #86198f;--mk-brand-text: #a21caf;--mk-ok: #047857;--mk-panel: #1d1430;--mk-panel-text: #d6cfe2;--mk-panel-accent:#f0abfc;--mk-shadow: 0 1px 2px rgba(29, 20, 48, .04), 0 8px 24px rgba(29, 20, 48, .05);--mk-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}[data-theme=dark]{--mk-ground: #0e0520;--mk-surface: #1a0b2e;--mk-tint: #2d1654;--mk-stage: #22103d;--mk-ink: #f5f0fa;--mk-text: #d6cfe2;--mk-muted: #b3aac4;--mk-border: #3b1f62;--mk-border-soft: #2a1548;--mk-brand: #a21caf;--mk-brand-hover: #c026d3;--mk-brand-text: #f0abfc;--mk-ok: #34d399;--mk-panel: #2d1654;--mk-panel-text: #e4dcef;--mk-panel-accent:#f0abfc;--mk-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .35)}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;min-height:100dvh;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;min-height:100dvh;display:flex;flex-direction:column;width:100%}.app-loading{min-height:100vh;min-height:100dvh;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}.app-main{flex:1;max-width:1352px;width:100%;margin:0 auto}.dashboard-container{display:flex;flex-direction:column}.dashboard-nav{display:flex;align-items:center;gap:4px}.dashboard-nav--hero{position:relative;z-index:2}.dashboard-nav-tab-group{display:flex;background:var(--bg-tertiary);border-radius:10px;padding:4px;gap:4px}.dashboard-nav-tab{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}.dashboard-nav-tab:hover{color:var(--text-primary)}.dashboard-nav-tab.active{background:var(--bg-card);color:var(--accent-primary);box-shadow:var(--shadow-sm)}.dashboard-nav-tab-group--right{margin-left:auto}.dashboard-nav-tab--kb,.dashboard-nav-tab--icon{display:inline-flex;align-items:center;gap:6px}.dashboard-nav-tab:focus-visible{outline:2px solid var(--accent-primary);outline-offset:1px}@media (max-width: 768px){.dashboard-nav-tab{min-height:var(--tap-target)}}@media (max-width: 768px){.dashboard-container:has(.email-detail,.email-detail-loading,.email-detail-error)>.dashboard-hero{display:none}}.dashboard-nav-label--short{display:none}@media (max-width: 480px){.dashboard-nav--hero{margin-left:12px;margin-right:12px;padding:4px;margin-bottom:10px;gap:4px;background:var(--bg-tertiary);border-radius:12px;box-shadow:var(--shadow-sm)}.dashboard-nav--hero .dashboard-nav-tab-group{display:contents}.dashboard-nav--hero .dashboard-nav-tab{flex:1 1 0;min-width:0;min-height:var(--tap-target);flex-direction:column;justify-content:center;gap:3px;padding:6px 4px;font-size:.75rem;line-height:1.2;text-align:center}.dashboard-nav--hero .dashboard-nav-tab svg{width:16px;height:16px;flex-shrink:0}.dashboard-nav--hero .dashboard-nav-label{display:none}.dashboard-nav--hero .dashboard-nav-label--short{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.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{padding:0 16px!important}.collapsible-card{padding:20px}}@media (max-width: 480px){.dashboard-container{padding:0!important}.collapsible-card{padding:16px;border-radius:12px}}.insights-panel{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.insights-panel-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid var(--border-color);flex-wrap:wrap}.insights-header-left{display:flex;align-items:baseline;gap:12px}.insights-panel-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0;padding:8px 0}.insights-header-subtitle{font-size:.8rem;color:var(--text-muted)}.insights-header-right{display:flex;align-items:center;gap:10px}.insights-range-selector{display:flex;border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.insights-range-btn{padding:6px 12px;background:none;border:none;border-right:1px solid var(--border-color);color:var(--text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:background .15s,color .15s}.insights-range-btn:last-child{border-right:none}.insights-range-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.insights-range-btn.active{background:var(--accent-primary);color:#fff}.insights-export-btn{padding:6px 14px;background:none;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;text-decoration:none;transition:background .15s,color .15s,border-color .15s}.insights-export-btn:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-color)}.insights-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;gap:14px;color:var(--text-muted);font-size:.9rem}.insights-loading-spinner{width:28px;height:28px;border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .75s linear infinite}.insights-error{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;color:var(--text-muted);font-size:.9rem}.insights-retry-btn{padding:6px 14px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.8rem;cursor:pointer}.insights-empty-state{padding:48px 24px;text-align:center;color:var(--text-muted);font-size:.9rem}.insights-body{padding:24px;display:flex;flex-direction:column;gap:32px}.insights-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 768px){.insights-grid{grid-template-columns:1fr}}.insights-section{display:flex;flex-direction:column;gap:14px}.insights-section-title{font-size:.9rem;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:baseline;gap:10px}.insights-section-meta{font-size:.75rem;font-weight:400;color:var(--text-muted)}.insights-empty-hint{font-size:.85rem;color:var(--text-muted);margin:0}.insights-volume-bars{display:flex;flex-direction:column;gap:5px;max-height:260px;overflow-y:auto}.insights-volume-row{display:grid;grid-template-columns:38px 1fr 28px;align-items:center;gap:8px}.insights-volume-label{font-size:.72rem;color:var(--text-muted);text-align:right}.insights-volume-track{height:10px;background:var(--bg-secondary);border-radius:4px;overflow:hidden}.insights-volume-fill{height:100%;background:var(--accent-primary);border-radius:4px;min-width:2px;transition:width .3s ease}.insights-volume-count{font-size:.72rem;color:var(--text-muted);text-align:right}.insights-table{width:100%;border-collapse:collapse;font-size:.85rem}.insights-table th{text-align:left;font-size:.72rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;padding:0 8px 8px 0;border-bottom:1px solid var(--border-color)}.insights-th-right{text-align:right!important}.insights-th-bar{width:80px}.insights-table td{padding:8px 8px 0 0;color:var(--text-primary);vertical-align:middle}.insights-td-right{text-align:right;color:var(--text-secondary)!important;white-space:nowrap}.insights-td-bar{width:80px}.insights-pct-track{height:6px;background:var(--bg-secondary);border-radius:3px;overflow:hidden}.insights-pct-fill{height:100%;background:var(--accent-primary);border-radius:3px;min-width:2px}.insights-topics-list{display:flex;flex-direction:column;gap:6px}.insights-topic-row{display:grid;grid-template-columns:28px 1fr 120px 36px;align-items:center;gap:10px;padding:8px 10px;background:none;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;text-align:left;transition:background .15s;width:100%}.insights-topic-row:hover{background:var(--bg-secondary);border-color:var(--accent-primary)}.insights-topic-rank{font-size:.72rem;color:var(--text-muted);font-weight:600}.insights-topic-name{font-size:.88rem;color:var(--text-primary);font-weight:500}.insights-topic-track{height:6px;background:var(--bg-secondary);border-radius:3px;overflow:hidden}.insights-topic-fill{height:100%;background:var(--accent-primary);border-radius:3px;opacity:.7;min-width:2px}.insights-topic-count{font-size:.8rem;color:var(--text-muted);text-align:right}.insights-gaps-list{display:flex;flex-direction:column;gap:6px}.insights-gap-cluster{border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.insights-gap-header{display:flex;align-items:center;gap:10px;padding:10px 14px;background:none;border:none;width:100%;cursor:pointer;text-align:left;transition:background .15s}.insights-gap-header:hover{background:var(--bg-secondary)}.insights-gap-topic{flex:1;font-size:.88rem;color:var(--text-primary);font-weight:500}.insights-gap-count{font-size:.78rem;color:var(--text-muted);background:var(--bg-secondary);padding:2px 8px;border-radius:12px}.insights-gap-chevron{width:14px;height:14px;color:var(--text-muted);transition:transform .2s;flex-shrink:0}.insights-gap-chevron.expanded{transform:rotate(180deg)}.insights-gap-emails{border-top:1px solid var(--border-color);background:var(--bg-secondary);padding:8px 14px;display:flex;flex-wrap:wrap;gap:6px}.insights-gap-email-link{padding:4px 10px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;font-size:.8rem;color:var(--accent-primary);cursor:pointer;transition:background .15s}.insights-gap-email-link:hover{background:var(--accent-light, rgba(59,130,246,.08))}.dashboard-nav-search-area{margin-left:auto;display:flex;align-items:center;gap:8px}.dashboard-nav-search-field{display:flex;align-items:center;gap:6px;padding:0 10px;height:34px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;transition:border-color .15s}.dashboard-nav-search-field:focus-within{border-color:var(--accent-primary)}.dashboard-nav-search-field svg{width:13px;height:13px;color:var(--text-muted);flex-shrink:0}.dashboard-search-input{border:none;outline:none;background:transparent;color:var(--text-primary);font-size:.8rem;width:160px}.dashboard-search-input::placeholder{color:var(--text-muted)}.dashboard-search-clear{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;border:none;background:var(--bg-secondary);color:var(--text-muted);font-size:.75rem;cursor:pointer;padding:0;line-height:1;flex-shrink:0;transition:background .15s,color .15s}.dashboard-search-clear:hover{background:var(--border-color);color:var(--text-primary)}.dashboard-topic-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 6px 4px 10px;background:var(--accent-light, rgba(59, 130, 246, .1));border:1px solid var(--accent-primary);border-radius:20px;font-size:.8rem;color:var(--accent-primary);font-weight:500;max-width:220px;white-space:nowrap}.dashboard-topic-chip-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-topic-chip-clear{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:50%;border:none;background:var(--accent-primary);color:#fff;font-size:.7rem;cursor:pointer;padding:0;line-height:1;transition:opacity .15s}.dashboard-topic-chip-clear:hover{opacity:.75}.insights-inbox-select{height:30px;padding:4px 8px;max-width:240px;min-width:0;text-overflow:ellipsis;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:.8rem;cursor:pointer;outline:none;transition:border-color .15s}.insights-inbox-select:focus{border-color:var(--accent-primary)}@media (max-width: 768px){.insights-header-right{flex-wrap:wrap}.insights-inbox-select{max-width:100%}}*{margin:0;padding:0;box-sizing:border-box}html{overflow-y:scroll}body{width:100%}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;min-height:100dvh;margin:0;padding:0;transition:background-color .3s ease,color .3s ease}.app-wrapper{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}body{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}img,video,table{max-width:100%}.email-detail-subject,.email-message-sender,.email-message-address,.email-message-body,.email-body-line,.email-row-subject-text,.draft-source-snippet,.clarification-question{overflow-wrap:anywhere}@media (max-width: 768px){input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),textarea,select{font-size:16px!important}}.tap-target{min-width:var(--tap-target);min-height:var(--tap-target)}.top-bar-content{max-width:1100px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.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,#c026d3,#a21caf);border-radius:2px}.auth-section{display:flex;flex-direction:column;margin-top:16px;min-width:0;overflow:hidden}.auth-form-section h3,.connected-accounts-section h3{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px}.connected-accounts-section{background:var(--bg-tertiary);border-radius:12px;padding:20px}.accounts-list{display:flex;flex-direction:column;gap:10px}.account-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-card);border-radius:10px;border:1px solid var(--border-primary);transition:all .2s}.account-item:hover{border-color:var(--text-muted);box-shadow:var(--shadow-sm)}.account-info{display:flex;align-items:center;gap:12px}.platform-icon{width:36px;height:36px;min-width:36px;min-height:36px;flex-shrink:0;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.platform-icon svg{width:20px;height:20px;fill:#fff}.platform-icon.bluesky{background:linear-gradient(135deg,#0085ff,#00c2ff)}.platform-icon.mastodon{background:linear-gradient(135deg,#6364ff,#563acc)}.platform-icon.pixelfed{background:linear-gradient(135deg,#ff6b6b,#ee5a24)}.platform-icon.threads{background:linear-gradient(135deg,#000,#333)}.platform-icon.facebook{background:linear-gradient(135deg,#1877f2,#166fe5)}.platform-icon.instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.platform-icon.linkedin{background:linear-gradient(135deg,#0077b5,#005582)}.platform-icon.pinterest{background:linear-gradient(135deg,#e60023,#bd081c)}.account-details{display:flex;flex-direction:column}.account-platform{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px}.account-handle{font-size:.9rem;color:var(--text-primary);font-weight:500}.status-badge{display:inline-flex;align-items:center;padding:5px 10px;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.status-badge.connected{background:#c6f6d5;color:#22543d}.status-badge.disconnected,.status-badge.failed{background:#fed7d7;color:#c53030}.auth-sub-tabs{display:flex;gap:8px;margin-bottom:24px;padding:4px;background:var(--bg-tertiary);border-radius:12px}.auth-sub-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:transparent;border:none;border-radius:10px;cursor:pointer;font-size:.9rem;font-weight:600;color:var(--text-secondary);transition:all .2s ease}.auth-sub-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.auth-sub-tab.active{background:var(--bg-card);color:var(--accent-primary);box-shadow:var(--shadow-sm)}.auth-sub-tab svg{stroke:currentColor}.auth-sub-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--danger);color:#fff;font-size:.75rem;font-weight:600}.tab-text-full{display:inline}.tab-text-short{display:none;border-radius:10px}.accounts-tab-content{display:flex;flex-direction:column;gap:24px;min-width:0;overflow:visible}.account-cards-section{background:var(--bg-tertiary);border-radius:12px;padding:20px;min-width:0;overflow:visible}.account-cards-header{display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px}.org-header-icon{font-size:1rem}.account-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;width:100%;min-width:0}.account-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-card);border:2px solid var(--border-primary);border-radius:12px;transition:all .2s ease;position:relative;min-width:0;max-width:100%;box-sizing:border-box}.account-card:hover{border-color:var(--text-muted);box-shadow:var(--shadow-sm)}.account-card-icon{width:40px;height:40px;min-width:40px;min-height:40px;flex-shrink:0;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.account-card-icon svg{width:22px;height:22px;fill:#fff}.account-card-icon.bluesky{background:linear-gradient(135deg,#0085ff,#00c2ff)}.account-card-icon.mastodon{background:linear-gradient(135deg,#6364ff,#563acc)}.account-card-icon.pixelfed{background:linear-gradient(135deg,#ff6b6b,#ee5a24)}.account-card-icon.threads{background:linear-gradient(135deg,#000,#333)}.account-card-icon.facebook{background:linear-gradient(135deg,#1877f2,#166fe5)}.account-card-icon.instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.account-card-icon.linkedin,.account-card-icon.linkedin-org{background:linear-gradient(135deg,#0077b5,#005582)}.account-card-icon.pinterest{background:linear-gradient(135deg,#e60023,#bd081c)}.account-card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.account-card-platform{font-size:.7rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px}.account-card-identifier{font-size:.85rem;color:var(--text-primary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-card-menu-wrapper{position:relative;flex-shrink:0}.account-card-menu-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:6px;cursor:pointer;color:var(--text-muted);transition:all .2s ease}.account-card-menu-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.account-card-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:160px;background:var(--dropdown-bg);border:1px solid var(--dropdown-border);border-radius:10px;box-shadow:var(--dropdown-shadow);z-index:1000;overflow:hidden}.account-card-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:none;border:none;color:var(--text-primary);font-size:.85rem;cursor:pointer;text-align:left;transition:background .2s ease}.account-card-menu-item:hover{background:var(--bg-hover)}.account-card-menu-item svg{flex-shrink:0}.add-account-card{border:2px dashed var(--text-muted);background:transparent;cursor:pointer}.add-account-card:hover{border-color:var(--accent-primary);border-style:solid;background:transparent}.add-account-card .add-account-icon{background:var(--bg-hover);border:2px solid var(--text-muted);color:var(--text-secondary)}.add-account-card .add-account-icon svg{fill:none;stroke:currentColor}.add-account-card:hover .add-account-icon{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.add-account-card .account-card-info{color:var(--text-secondary)}.add-account-card:hover .account-card-info .account-card-platform,.add-account-card:hover .account-card-info .account-card-identifier{color:var(--accent-primary)}.team-tab-content{margin-top:0}.team-tab-content .team-dashboard{padding:0}.team-tab-content .team-header{margin-bottom:20px}.team-tab-content .team-header h3{font-size:1rem;font-weight:600;color:var(--text-primary)}.team-tab-content .team-section{margin-left:0;margin-right:0}.team-tab-content .team-section h4{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.team-tab-content .org-subsection h5{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px}.oauth-section{margin-top:16px}.oauth-description{margin-bottom:12px;color:var(--text-secondary);font-size:.9rem}.oauth-btn{display:block;width:100%;padding:12px;text-align:center;text-decoration:none;border:none;color:#fff;font-weight:500}.oauth-btn.facebook{background-color:#1877f2}.oauth-btn.threads{background-color:#000}.oauth-btn.instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.oauth-btn.linkedin{background-color:#0077b5}.oauth-btn.linkedin-org{background-color:#004182}.oauth-btn.pinterest{background-color:#e60023}.oauth-buttons-stack{display:flex;flex-direction:column;gap:12px}.oauth-hint{display:block;margin-top:8px;color:var(--text-muted);font-size:.8rem}@media (max-width: 768px){.accounts-tab-content{gap:20px}.account-cards-section{padding:16px;border-radius:10px;width:100%;box-sizing:border-box}.account-cards-header{font-size:.8rem;margin-bottom:14px;gap:6px}.account-cards-grid{grid-template-columns:1fr;gap:10px;width:100%;min-width:0}.account-card{padding:12px 14px;border-radius:10px;min-height:60px;width:100%;box-sizing:border-box}.account-card-icon{width:36px;height:36px;min-width:36px;min-height:36px;border-radius:8px;flex-shrink:0}.account-card-icon svg{width:18px;height:18px}.account-card-info{min-width:0;flex:1;overflow:hidden}.account-card-platform{font-size:.65rem}.account-card-identifier{font-size:.85rem;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-card-menu-wrapper{flex-shrink:0;margin-left:auto}.account-card-menu-btn{width:36px;height:36px;min-width:36px;min-height:36px;border-radius:8px}.account-card-menu{min-width:160px}.account-card-menu-item{padding:12px 14px;min-height:44px;font-size:.9rem}.add-account-card{min-height:60px;justify-content:center}.oauth-section{margin-top:14px}.oauth-btn{padding:14px;min-height:48px;font-size:.95rem;border-radius:10px}.oauth-buttons-stack{gap:10px}.oauth-description{font-size:.85rem}.connected-accounts-section{padding:16px;border-radius:10px}.accounts-list{gap:8px}.account-item{padding:12px 14px;border-radius:8px;min-height:56px}.account-info{gap:10px}.platform-icon{width:36px;height:36px;min-width:36px;min-height:36px}}@media (max-width: 480px){.account-cards-section{padding:14px}.account-card{padding:10px 12px}.account-card-icon{width:32px;height:32px;min-width:32px;min-height:32px}.account-card-icon svg{width:16px;height:16px}.account-card-platform{font-size:.6rem}.account-card-identifier{font-size:.8rem}.account-card-menu-btn{width:32px;height:32px;min-width:32px;min-height:32px}.oauth-btn{padding:12px;font-size:.9rem}}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.posted{background:#c6f6d5;color:#22543d}.form-group label{display:block;font-weight:600;font-size:.875rem;color:var(--text-primary)}.form-group input,.form-group textarea,.form-group select{width:100%;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:#c026d3;box-shadow:0 0 0 3px #c026d31a}.form-group textarea{resize:vertical;min-height:120px;font-family:inherit;line-height:1.5}.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:#c026d3;color:#fff}.btn-primary:hover:not(:disabled){background:#a21caf;transform:translateY(-1px);box-shadow:0 4px 12px #c026d34d}.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-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.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:#c026d3;background:#c026d30d}.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:#c026d3;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:#c026d3;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;height:100dvh;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:#c026d3;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:#c026d3;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:#c026d3;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:#c026d3;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 #c026d34d}.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:#c026d31a}.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:#c026d3;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-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:#c026d3;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: 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:#c026d3;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:#c026d3;border-color:#c026d366;background:#c026d31a;text-decoration:none}.btn-quick-action-link:hover{background:#c026d333;border-color:#e879f9;color:#e879f9}@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:calc(20px + env(safe-area-inset-bottom,0px));right:calc(20px + env(safe-area-inset-right,0px));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:#c026d3;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:#c026d326}.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:#c026d3;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:#c026d31a;border:2px dashed rgba(192,38,211,.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:#c026d333;border:2px dashed #c026d3;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:#c026d3;background:#0f172ae6;padding:4px 8px;border-radius:4px}.week-day-content.drag-over{background:#c026d30d}.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: 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}}.mobile-only{display:none}@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}.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}.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(192,38,211,.08) 100%);box-shadow:0 0 0 2px #c026d333}.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: 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:where(:not([type=checkbox],[type=radio])),.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 (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:#c026d3}.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:#c026d3;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:#a21caf}.notification-platform.platform-mastodon svg{fill:#a21caf}.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:calc(10px + env(safe-area-inset-bottom,0px));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:#c026d326}[data-theme=dark] .notification-item.unread:hover{background:#c026d340}[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:#e879f9}[data-theme=dark] .notification-platform.platform-mastodon svg{fill:#e879f9}[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:#e879f9}[data-theme=dark] .notification-platform.platform-facebook svg{fill:#e879f9}[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:#c026d3;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,#c026d326,#667eea1a);border-radius:16px;border:1px solid rgba(192,38,211,.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:#c026d333;color:#e879f9}.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){.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){.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: 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}}.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}.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}}.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;min-height:100dvh;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:#c026d3;box-shadow:0 0 0 3px #c026d333}.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,#c026d3,#a21caf);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 #c026d366}.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:#c026d3;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:#c026d3;text-decoration:none;font-weight:500;transition:color .2s}.signup-back-link:hover{color:#a21caf;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:#c026d3;border:1px solid #c026d3;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:8px}.signup-another-btn:hover{background:#c026d31a}.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:#c026d3}@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;min-height:100dvh;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}}.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){.modal-actions{flex-direction:column}.modal-actions .btn{width:100%}}.subscription-required-page{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--bg-primary)}.subscription-required-container{max-width:800px;width:100%}.subscription-header{text-align:center;margin-bottom:2rem}.subscription-header h1{font-size:2rem;font-weight:700;color:var(--accent-primary);margin-bottom:.5rem}.subscription-tagline{color:var(--text-secondary);font-size:1rem}.subscription-required-content{background:var(--bg-card);border-radius:16px;padding:2.5rem;box-shadow:var(--shadow-lg);text-align:center}.subscription-icon{width:64px;height:64px;margin:0 auto 1.5rem;background:var(--accent-light);border-radius:50%;display:flex;align-items:center;justify-content:center}.subscription-icon svg{width:32px;height:32px;stroke:var(--accent-primary)}.subscription-required-content h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.subscription-message{color:var(--text-secondary);font-size:1rem;max-width:500px;margin:0 auto 2rem;line-height:1.6}.subscription-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.plan-card{position:relative;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:12px;padding:1.5rem;transition:all .2s ease}.plan-card:hover{border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.plan-card.recommended{border-color:var(--accent-primary);background:var(--accent-light)}.plan-badge{position:absolute;top:-10px;right:12px;background:var(--success);color:#fff;font-size:.7rem;font-weight:600;padding:.25rem .5rem;border-radius:4px;text-transform:uppercase}.plan-name{font-size:.9rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.plan-price{margin-bottom:.5rem}.price-amount{font-size:2rem;font-weight:700;color:var(--text-primary)}.price-period{font-size:.9rem;color:var(--text-secondary)}.plan-per-month{font-size:.85rem;color:var(--text-tertiary);margin-bottom:1rem}.plan-button{width:100%;padding:.75rem 1rem;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;background:var(--bg-tertiary);color:var(--text-primary)}.plan-button:hover:not(:disabled){background:var(--accent-primary);color:#fff}.plan-button.primary{background:var(--accent-primary);color:#fff}.plan-button.primary:hover:not(:disabled){background:var(--accent-secondary)}.plan-button:disabled{opacity:.5;cursor:not-allowed}.plans-loading{padding:2rem;color:var(--text-secondary)}.subscription-features{text-align:left;max-width:400px;margin:0 auto 1.5rem}.subscription-features h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.subscription-features ul{list-style:none;padding:0;margin:0}.subscription-features li{display:flex;align-items:center;gap:.5rem;padding:.35rem 0;color:var(--text-secondary);font-size:.9rem}.subscription-features li svg{width:16px;height:16px;stroke:var(--success);flex-shrink:0}.subscription-limits{padding:1rem;background:var(--bg-tertiary);border-radius:8px;margin-bottom:1.5rem}.subscription-limits p{color:var(--text-secondary);font-size:.9rem;margin:0}.subscription-actions{padding-top:1rem;border-top:1px solid var(--border-primary)}.logout-link{background:none;border:none;color:var(--text-tertiary);font-size:.9rem;cursor:pointer;text-decoration:underline;transition:color .2s ease}.logout-link:hover{color:var(--text-secondary)}.subscription-banner{background:linear-gradient(135deg,var(--accent-light) 0%,var(--bg-secondary) 100%);border:2px solid var(--accent-primary);border-radius:12px;padding:1.25rem}.subscription-banner-content{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.subscription-banner-icon{width:48px;height:48px;background:var(--accent-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.subscription-banner-icon svg{width:24px;height:24px;stroke:#fff}.subscription-banner-text{flex:1;min-width:200px}.subscription-banner-text h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.subscription-banner-text p{font-size:.875rem;color:var(--text-secondary);margin:0}.subscription-banner-actions{flex-shrink:0}.subscription-banner-plans{display:flex;gap:.5rem;flex-wrap:wrap}.subscription-plan-btn{display:flex;flex-direction:column;align-items:center;padding:.5rem 1rem;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:8px;font-size:.8rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease;min-width:80px;position:relative}.subscription-plan-btn:hover:not(:disabled){border-color:var(--accent-primary);background:var(--accent-light)}.subscription-plan-btn.recommended{border-color:var(--accent-primary);background:var(--accent-primary);color:#fff}.subscription-plan-btn.recommended:hover:not(:disabled){background:var(--accent-secondary)}.subscription-plan-btn:disabled{opacity:.5;cursor:not-allowed}.plan-price-small{font-size:.7rem;font-weight:600;opacity:.8}.plan-savings-badge{position:absolute;top:-6px;right:-6px;background:var(--success);color:#fff;font-size:.6rem;font-weight:600;padding:2px 4px;border-radius:4px}.card-disabled{position:relative;pointer-events:none}.card-disabled:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg-primary);opacity:.6;border-radius:inherit;z-index:5}.card-disabled-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-card);border:1px solid var(--border-primary);padding:.75rem 1.5rem;border-radius:8px;z-index:10;pointer-events:auto;box-shadow:var(--shadow-md)}.card-disabled-overlay p{margin:0;font-size:.9rem;font-weight:500;color:var(--text-secondary)}.main-tab:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.subscription-banner-content{flex-direction:column;text-align:center}.subscription-banner-actions{width:100%}.subscription-banner-plans{justify-content:center}}.usage-indicator{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.5rem .75rem;background:var(--bg-tertiary);border-radius:6px;font-size:.8rem;color:var(--text-secondary)}.usage-indicator svg{width:14px;height:14px;flex-shrink:0}.usage-indicator.warning{background:var(--warning-light);color:var(--warning-text)}.usage-indicator.warning svg{stroke:var(--warning)}.usage-indicator.danger{background:var(--danger-light);color:var(--danger-text)}.usage-indicator.danger svg{stroke:var(--danger)}@media (max-width: 768px){.subscription-plans{grid-template-columns:1fr}.subscription-required-content{padding:1.5rem}.subscription-header h1{font-size:1.5rem}.price-amount{font-size:1.75rem}}@media (max-width: 480px){.subscription-required-page{padding:1rem}.subscription-required-content{padding:1.25rem;border-radius:12px}.subscription-icon{width:48px;height:48px;margin-bottom:1rem}.subscription-icon svg{width:24px;height:24px}.subscription-required-content h2{font-size:1.25rem}.subscription-message{font-size:.9rem}}.billing-tab-content{padding:1rem 0}.billing-dashboard{display:flex;flex-direction:column;gap:1.5rem}.billing-section{background:var(--bg-tertiary);border-radius:12px;padding:1.5rem}.billing-section h3{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.current-plan-card{background:var(--bg-secondary);border-radius:8px;padding:1.25rem;border:1px solid var(--border-primary)}.plan-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-secondary)}.plan-name{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.plan-icon{font-size:1.25rem}.plan-status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.plan-status-badge.status-active{background:var(--success-light);color:var(--success-text)}.plan-status-badge.status-warning{background:var(--warning-light);color:var(--warning-text)}.plan-status-badge.status-danger{background:var(--danger-light);color:var(--danger-text)}.plan-status-badge.status-none{background:var(--bg-tertiary);color:var(--text-secondary)}.plan-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.plan-detail-row{display:flex;justify-content:space-between;align-items:center}.plan-detail-label{color:var(--text-secondary);font-size:.9rem}.plan-detail-value{color:var(--text-primary);font-weight:500}.plan-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-secondary)}.plan-actions .btn{display:inline-flex;align-items:center;gap:.5rem}.btn-danger-outline{background:transparent;color:var(--danger);border:1px solid var(--danger);padding:.5rem 1rem;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s}.btn-danger-outline:hover{background:var(--danger-light)}.plan-resubscribe{width:100%;display:flex;flex-direction:column;gap:.75rem}.plan-resubscribe-info{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.plan-past-due-warning{width:100%;display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:var(--warning-light);border-radius:8px;border:1px solid var(--warning)}.plan-past-due-warning>svg{flex-shrink:0}.plan-past-due-warning>div{flex:1}.plan-past-due-warning strong{display:block;color:var(--warning-text);margin-bottom:.25rem}.plan-past-due-warning p{color:var(--warning-text);font-size:.9rem;margin:0}.plan-past-due-warning .grace-period-warning{margin-top:.5rem;font-weight:500}.plan-past-due-warning .grace-period-warning strong{display:inline;color:var(--danger)}.no-subscription-card{text-align:center;padding:2rem;background:var(--bg-secondary);border-radius:8px;border:1px dashed var(--border-primary)}.no-subscription-icon{width:72px;height:72px;margin:0 auto 1rem;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center}.no-subscription-icon svg{stroke:var(--text-secondary)}.no-subscription-card h4{margin:0 0 .5rem;color:var(--text-primary)}.no-subscription-card p{color:var(--text-secondary);margin:0;font-size:.9rem}.usage-card{display:flex;flex-direction:column;gap:1.25rem;background:var(--bg-secondary);border-radius:8px;padding:1.25rem;border:1px solid var(--border-primary)}.usage-card.empty{text-align:center;color:var(--text-secondary)}.usage-item{display:flex;flex-direction:column;gap:.5rem}.usage-header{display:flex;justify-content:space-between;align-items:center}.usage-label{color:var(--text-secondary);font-size:.9rem}.usage-value{color:var(--text-primary);font-weight:600}.usage-bar{height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.usage-bar-fill{height:100%;background:var(--success);border-radius:4px;transition:width .3s ease}.usage-bar-fill.warning{background:var(--warning)}.usage-bar-fill.danger{background:var(--danger)}.usage-remaining{font-size:.8rem;color:var(--text-tertiary)}.billing-plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.billing-plans-empty{text-align:center;color:var(--text-secondary);padding:2rem}.billing-plan-card{position:relative;background:var(--bg-secondary);border-radius:12px;padding:1.5rem;border:2px solid var(--border-primary);transition:all .2s;display:flex;flex-direction:column}.billing-plan-card:hover{border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.billing-plan-card.recommended{border-color:var(--accent-primary);background:linear-gradient(to bottom,var(--accent-light),var(--bg-secondary))}.plan-recommended-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--accent-primary);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.plan-card-header{text-align:center;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--border-secondary)}.plan-card-header h4{margin:0 0 .5rem;font-size:1.1rem;color:var(--text-primary)}.plan-price{display:flex;align-items:baseline;justify-content:center;gap:.25rem}.plan-price .price-amount{font-size:2rem;font-weight:700;color:var(--text-primary)}.plan-price .price-period{color:var(--text-secondary);font-size:.9rem}.plan-savings{display:inline-block;margin-top:.5rem;padding:.2rem .5rem;background:var(--success-light);color:var(--success-text);border-radius:4px;font-size:.75rem;font-weight:600}.plan-features{list-style:none;padding:0;margin:0 0 1.25rem;display:flex;flex-direction:column;gap:.75rem;flex:1}.plan-features li{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem}.plan-features li svg{flex-shrink:0;stroke:var(--success)}.billing-plan-card .btn{width:100%;margin-top:auto}.billing-history-list{display:flex;flex-direction:column;gap:0}.billing-history-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-secondary)}.billing-history-item:first-child{border-radius:8px 8px 0 0}.billing-history-item:last-child{border-radius:0 0 8px 8px;border-bottom:none}.billing-history-item:only-child{border-radius:8px}.history-item-icon{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center}.history-item-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.history-item-type{font-weight:500;color:var(--text-primary)}.history-item-status-change{font-size:.8rem;color:var(--text-secondary)}.history-item-date{text-align:right;color:var(--text-secondary);font-size:.85rem;display:flex;flex-direction:column;gap:.15rem}.history-item-time{font-size:.75rem;color:var(--text-tertiary)}.billing-history-empty{text-align:center;padding:2rem;color:var(--text-secondary)}.billing-history-empty svg{margin-bottom:.75rem;stroke:var(--text-tertiary)}.billing-history-empty p{margin:0}.auth-sub-tab-badge.warning{background:var(--warning);animation:pulse 2s infinite}@media (max-width: 768px){.billing-section{padding:1rem}.billing-plans-grid{grid-template-columns:1fr}.plan-header{flex-direction:column;align-items:flex-start;gap:.75rem}.plan-actions{flex-direction:column}.plan-actions .btn{width:100%;justify-content:center}.plan-past-due-warning{flex-direction:column;text-align:center}.plan-past-due-warning>svg{margin:0 auto}.billing-history-item{flex-direction:column;align-items:flex-start;gap:.75rem}.history-item-date{text-align:left;flex-direction:row;gap:.5rem}}@media (max-width: 480px){.billing-plan-card{padding:1rem}.plan-price .price-amount{font-size:1.75rem}.plan-features li{font-size:.85rem}}@media (max-width: 768px){.billing-section h3{font-size:1rem;padding:8px 0}.billing-section .btn,.billing-plan-card .btn,.plan-actions .btn,.btn-danger-outline{min-height:48px;font-size:1rem;padding:12px 16px}.no-subscription-card{padding:1.5rem 1rem}.no-subscription-icon{width:60px;height:60px}.usage-card{padding:1rem}.usage-header{flex-direction:column;align-items:flex-start;gap:.25rem}.current-plan-card{padding:1rem}.plan-detail-row{flex-direction:column;align-items:flex-start;gap:.25rem}.plan-detail-label{font-size:.8rem}.plan-detail-value{font-size:.95rem}.plan-resubscribe{gap:1rem}.plan-resubscribe .btn{width:100%}}@media (max-width: 480px){.billing-section{padding:.875rem;border-radius:10px}.billing-section h3{font-size:.95rem}.plan-name{font-size:1rem}.plan-status-badge{padding:.2rem .5rem;font-size:.75rem}}@media (max-width: 768px){.modal-overlay{padding:16px;align-items:flex-end}.modal-content{padding:20px;border-radius:16px 16px 0 0;max-height:85vh;margin-bottom:0}.modal-content.multi-platform-preview{max-width:100%;max-height:90vh}.modal-content h2{font-size:1.15rem;margin-bottom:16px;padding-right:40px}.modal-close-btn{min-width:44px;min-height:44px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;top:12px;right:12px}.modal-content input[type=text],.modal-content input[type=email],.modal-content input[type=password],.modal-content input[type=number],.modal-content textarea,.modal-content select{font-size:16px;min-height:48px;padding:12px}.modal-actions{flex-direction:column-reverse;gap:10px;margin-top:20px;padding-top:16px}.modal-actions .btn{width:100%;min-height:48px;justify-content:center}.modal-user-info{padding:10px;font-size:.85rem}.modal-sm,.export-modal{max-width:100%}.preset-buttons{flex-direction:column}.preset-buttons .btn{width:100%;justify-content:center}.alt-text-modal-content{max-width:100%}}@media (max-width: 480px){.modal-overlay{padding:12px 12px 0}.modal-content{padding:16px;max-height:88vh;border-radius:14px 14px 0 0}.modal-content h2{font-size:1.05rem}.modal-actions{gap:8px;padding-top:14px}.modal-actions .btn{min-height:44px;font-size:.95rem}}@media (max-width: 768px){.modal-overlay.modal-centered{align-items:center}.modal-overlay.modal-centered .modal-content{border-radius:16px;max-height:80vh}}.dashboard-container{max-width:1100px;padding:0 24px;margin:0 auto 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 #c026d34d}.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%,#c026d3 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}.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 #c026d333;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 #c026d34d}.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:#c026d3;color:#fff;border-color:#c026d3}.embed-actions .btn-primary:hover{background:#a21caf;border-color:#a21caf;transform:translateY(-1px);box-shadow:0 4px 12px #c026d34d}.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 #c026d31a}.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 #c026d34d}.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 #c026d34d}.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)}.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}.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}}.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:#c026d3;border:1px solid #e879f9;color:#fff}.modal-form .btn-primary:hover:not(:disabled){background:#a21caf;border-color:#c026d3}.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:#c026d3}.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:#e879f9;color:var(--text-primary)}.campaign-form .btn-primary{background:#c026d3;border:1px solid #e879f9;color:#fff}.campaign-form .btn-primary:hover{background:#a21caf;border-color:#c026d3;transform:translateY(-1px);box-shadow:0 4px 12px #c026d34d}.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:#c026d31a;color:#c026d3}.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:#c026d3;border:1px solid #e879f9;color:#fff}.campaign-actions-cell .btn-view-campaign:hover{background:#a21caf;border-color:#c026d3;transform:translateY(-1px);box-shadow:0 4px 12px #c026d34d}.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:#c026d3;border:1px solid #e879f9;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:#a21caf;border-color:#c026d3;transform:translateY(-1px);box-shadow:0 4px 12px #c026d34d}.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(192,38,211,.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 #c026d34d}.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}.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;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(192,38,211,.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:#c026d3;border:1px solid #e879f9;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:#a21caf;border-color:#c026d3;transform:translateY(-1px);box-shadow:0 4px 12px #c026d34d}.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 #c026d31a}.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 #c026d31a}.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)}.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 #c026d34d}.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}}.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:#c026d333;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)}