:root{--bg:#f8fafc;--panel:#ffffff;--border:#e2e8f0;--text:#0f172a;--muted:#64748b;--primary:#2563eb;--primary-text:#ffffff;--primary-soft:rgba(37,99,235,0.12);--error:#fee2e2;--error-text:#991b1b;--success:#dcfce7;--success-text:#166534;--warn:#fef3c7;--warn-text:#92400e;--code-bg:#f1f5f9;--surface:var(--panel);--surface-muted:var(--code-bg);--bg-muted:var(--code-bg);--bg-subtle:color-mix(in srgb,var(--text) 3%,transparent);--danger:var(--error-text);--color-border:var(--border);--sb-color-bg:var(--panel);--sb-color-surface:var(--bg);--sb-color-border:var(--border);--sb-color-border-strong:color-mix(in srgb,var(--border) 70%,var(--muted));--sb-color-fg:var(--text);--sb-color-fg-muted:var(--muted);--sb-color-primary:var(--primary);--sb-color-primary-hover:color-mix(in srgb,var(--primary) 85%,var(--text));--sb-color-primary-soft:var(--primary-soft);--sb-color-primary-text:var(--primary-text)}:root[data-theme=dark]{--bg:#0b0b0e;--panel:#18181c;--border:#2d2d33;--text:#f1f5f9;--muted:#94a3b8;--primary:#3b82f6;--primary-text:#ffffff;--primary-soft:rgba(59,130,246,0.18);--error:rgba(220,38,38,0.18);--error-text:#fecaca;--success:rgba(22,163,74,0.18);--success-text:#bbf7d0;--warn:rgba(245,158,11,0.18);--warn-text:#fde68a;--code-bg:#1e293b;--sb-color-bg:var(--panel);--sb-color-surface:var(--bg);--sb-color-border:var(--border);--sb-color-border-strong:color-mix(in srgb,var(--border) 70%,var(--muted));--sb-color-fg:var(--text);--sb-color-fg-muted:var(--muted);--sb-color-primary:var(--primary);--sb-color-primary-hover:color-mix(in srgb,var(--primary) 85%,var(--text));--sb-color-primary-soft:var(--primary-soft);--sb-color-primary-text:var(--primary-text);color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme]){--bg:#0b0b0e;--panel:#18181c;--border:#2d2d33;--text:#f1f5f9;--muted:#94a3b8;--primary:#3b82f6;--primary-text:#ffffff;--primary-soft:rgba(59,130,246,0.18);--error:rgba(220,38,38,0.18);--error-text:#fecaca;--success:rgba(22,163,74,0.18);--success-text:#bbf7d0;--warn:rgba(245,158,11,0.18);--warn-text:#fde68a;--code-bg:#1e293b;--sb-color-bg:var(--panel);--sb-color-surface:var(--bg);--sb-color-border:var(--border);--sb-color-border-strong:color-mix(in srgb,var(--border) 70%,var(--muted));--sb-color-fg:var(--text);--sb-color-fg-muted:var(--muted);--sb-color-primary:var(--primary);--sb-color-primary-hover:color-mix(in srgb,var(--primary) 85%,var(--text));--sb-color-primary-soft:var(--primary-soft);--sb-color-primary-text:var(--primary-text);color-scheme:dark}}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5}button{font:inherit;cursor:pointer}input,textarea{font:inherit;color:inherit}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.btn{background:var(--primary);color:var(--primary-text);border:0;padding:8px 14px;border-radius:6px;font-weight:500;transition:filter .15s ease,opacity .15s ease,background-color .15s ease}@media (max-width:600px),(pointer:coarse){.btn,.input,.locale-btn,.tab,.textarea{min-height:44px}}.btn:hover{filter:brightness(1.1)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--panel);color:var(--text);border:1px solid var(--border)}.btn-danger{background:#dc2626;color:#ffffff}.input,.textarea{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:6px;background:var(--panel)}.input:focus,.textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.error{background:var(--error);color:var(--error-text);padding:8px 12px;border-radius:6px;font-size:13px;display:flex;align-items:center;gap:8px}.error-dismiss{margin-left:auto;background:transparent;border:0;color:inherit;cursor:pointer;font-size:16px;line-height:1;padding:2px 6px;border-radius:4px;opacity:.7}.error-dismiss:hover{opacity:1;background:rgba(0,0,0,.06)}.success{background:var(--success);color:var(--success-text);padding:8px 12px;border-radius:6px;font-size:13px}.success.dismissible{display:flex;align-items:center;gap:8px}.badge-disabled{display:inline-block;padding:2px 10px;border-radius:999px;font-size:11px;font-weight:600;background:var(--error);color:var(--error-text)}.cross-error-flag{width:16px;height:16px;border-radius:50%;background:var(--warn);color:var(--warn-text);font-size:11px;font-weight:700;margin-left:6px;cursor:help}.btn-icon,.cross-error-flag{display:inline-flex;align-items:center;justify-content:center}.btn-icon{width:36px;height:36px;background:var(--panel);border:1px solid var(--border);border-radius:6px;cursor:pointer;font-size:16px;line-height:1}.btn-icon:hover{background:var(--bg)}.btn-icon:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn-spinner{display:inline-block;width:12px;height:12px;border-radius:50%;border:2px solid;border-right:2px solid transparent;margin-right:6px;vertical-align:-2px;animation:btn-spin .7s linear infinite}@keyframes btn-spin{to{transform:rotate(1turn)}}.shell{max-width:980px;margin:0 auto;padding:32px 24px}.shell h1{margin-top:0}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:24px;margin-bottom:16px}.card h2{margin:0 0 12px;font-size:16px}.card-warning{background:var(--warn);border-color:var(--warn-text);border-left:4px solid var(--warn-text)}.muted{color:var(--muted);font-size:13px}.tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid var(--border);overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.tabs::-webkit-scrollbar{height:6px}.tabs::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.campaigns-tab{gap:16px}.campaigns-list,.campaigns-tab{display:flex;flex-direction:column}.campaigns-list{list-style:none;margin:0;padding:0;gap:12px}.campaigns-item{border:1px solid var(--border);border-radius:8px;padding:12px;background:var(--bg);display:flex;flex-direction:column;gap:8px}.campaigns-item-head{display:flex;justify-content:space-between;align-items:center}.campaigns-status{display:inline-block;padding:2px 10px;border-radius:999px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.campaigns-status-draft{background:var(--bg-muted);color:var(--muted)}.campaigns-status-sending{background:var(--primary-soft);color:var(--primary)}.campaigns-status-completed{background:var(--success);color:var(--success-text)}.campaigns-status-canceled,.campaigns-status-failed{background:var(--error);color:var(--error-text)}.campaigns-item-body{white-space:pre-wrap;font-size:14px;line-height:1.4;padding:8px 10px;background:var(--panel);border-radius:6px;border-left:3px solid var(--primary)}.campaigns-item-actions{display:flex;gap:8px;flex-wrap:wrap}.campaigns-progress{height:6px;background:#e5e7eb;border-radius:999px;overflow:hidden}.campaigns-progress-fill{height:100%;background:var(--primary);transition:width .3s ease}.tab{padding:8px 16px;background:transparent;border:0;border-bottom:2px solid transparent;color:var(--muted);font-weight:500;white-space:nowrap}.tab.active{color:var(--text);border-bottom-color:var(--primary);font-weight:600}.row{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px}.row label{min-width:160px;padding-top:8px;color:var(--muted)}.row .input,.row .textarea{flex:1 1}.kb-list{display:flex;flex-direction:column;gap:8px}.kb-item{border:1px solid var(--border);border-radius:8px;padding:12px;display:flex;justify-content:space-between;align-items:center}.kb-item-title{font-weight:500}.kb-item-meta{font-size:12px;color:var(--muted)}.cost-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.cost-card{border:1px solid var(--border);border-radius:8px;padding:16px}.cost-amount{font-size:24px;font-weight:600}.cost-progress{height:8px;background:var(--bg);border-radius:4px;margin-top:8px;overflow:hidden}.cost-progress>div{height:100%;background:var(--primary);transition:width .3s ease}.cost-progress.warning>div{background:#f59e0b}.cost-progress.danger>div{background:#dc2626}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:32px;width:360px}.login-card form{display:flex;flex-direction:column;gap:12px}.locale-switcher{display:inline-flex;border:1px solid var(--border);border-radius:6px;overflow:hidden}.locale-btn{background:transparent;border:0;padding:4px 10px;font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--muted);line-height:1.6}.locale-btn:hover:not(:disabled){background:var(--bg);color:var(--text)}.locale-btn-active,.locale-btn-active:hover{background:var(--primary);color:var(--primary-text)}@media (max-width:600px){.shell{padding:16px 12px}.card{padding:16px}.row{flex-direction:column;gap:6px}.row label{min-width:0;padding-top:0}.cost-grid{grid-template-columns:1fr}.kb-item{flex-direction:column;align-items:flex-start;gap:8px}}.modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.5);display:flex;align-items:center;justify-content:center;z-index:50}.modal-dialog{background:var(--panel);border-radius:12px;padding:24px;width:420px;max-width:calc(100vw - 32px);box-shadow:0 20px 50px rgba(0,0,0,.2)}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}.btn-small{padding:4px 10px;font-size:12px}.table-scroll{overflow-x:auto}.rules-table{width:100%;border-collapse:collapse;margin:8px 0}.rules-table td,.rules-table th{padding:8px 10px;border-bottom:1px solid var(--border);text-align:left;font-size:13px;vertical-align:top}.rules-table th{font-weight:500;color:var(--muted);font-size:12px}.rules-table code{padding:2px 6px;border-radius:4px;font-size:12px}.invite-password,.rules-table code{background:var(--bg);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.invite-password{border:1px solid var(--border);border-radius:6px;padding:10px 12px;font-size:14px;word-break:break-all;margin:0 0 12px}.install-snippet{background:#0f172a;color:#e2e8f0;border:1px solid var(--border)}:root[data-theme=dark] .install-snippet{background:var(--code-bg);color:var(--text)}@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.profile-menu-wrap{position:relative}.profile-menu-trigger{background:var(--primary);color:var(--primary-text);border:1px solid var(--primary);padding:0;cursor:pointer;border-radius:999px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:13px}.profile-menu-trigger:focus-visible,.profile-menu-trigger:hover{outline:2px solid var(--primary);outline-offset:2px}.profile-menu-initials{letter-spacing:.02em}.profile-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:240px;background:var(--panel);border:1px solid var(--border);border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.18);overflow:hidden;z-index:50}.profile-menu-header{padding:10px 14px;border-bottom:1px solid var(--border);font-size:13px}.profile-menu-name{font-weight:600}.profile-menu-email{color:var(--muted);font-size:11px;margin-top:2px;word-break:break-all}.profile-menu-section{border-top:1px solid var(--border);padding:10px 14px}.profile-menu-section-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:6px}.profile-menu-locales{display:flex;gap:4px}.profile-menu-locale{flex:1 1;background:transparent;color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 4px;font-size:12px;font-weight:600;cursor:pointer;min-height:32px}.profile-menu-locale.active{background:var(--primary);color:var(--primary-text);border-color:var(--primary)}.profile-menu-item{display:block;width:100%;text-align:left;background:transparent;border:0;border-top:1px solid var(--border);padding:10px 14px;font:inherit;font-size:13px;color:inherit;text-decoration:none;cursor:pointer}.profile-menu-item:hover{background:var(--primary-soft)}.theme-toggle{display:inline-flex;background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:3px;gap:2px;width:100%}.theme-toggle-option{flex:1 1;background:transparent;border:0;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:500;color:var(--muted);cursor:pointer;min-height:32px}.theme-toggle-option-active{background:var(--panel);color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,.08)}:root{--sb-color-primary:#2563eb;--sb-color-primary-hover:#1d4ed8;--sb-color-primary-soft:rgba(37,99,235,0.1);--sb-color-primary-text:#ffffff;--sb-color-fg:#0f172a;--sb-color-fg-muted:#64748b;--sb-color-bg:#ffffff;--sb-color-surface:#f8fafc;--sb-color-border:#e2e8f0;--sb-color-border-strong:#cbd5e1;--sb-color-success:#15803d;--sb-color-success-bg:#dcfce7;--sb-color-warning:#b45309;--sb-color-warning-bg:#fef3c7;--sb-color-danger:#b91c1c;--sb-color-danger-bg:#fef2f2;--sb-space-1:4px;--sb-space-2:8px;--sb-space-3:12px;--sb-space-4:16px;--sb-space-5:24px;--sb-space-6:32px;--sb-radius-sm:8px;--sb-radius-md:12px;--sb-radius-lg:16px;--sb-font-size-xs:11px;--sb-font-size-sm:12px;--sb-font-size-base:14px;--sb-font-size-md:16px;--sb-font-size-lg:18px;--sb-font-size-xl:22px;--sb-shadow-sm:0 1px 2px rgba(15,23,42,0.06);--sb-shadow-md:0 4px 12px rgba(15,23,42,0.08);--sb-shadow-lg:0 24px 48px -12px rgba(15,23,42,0.18),0 8px 16px -6px rgba(15,23,42,0.08)}[data-theme=dark]{--sb-color-fg:#f1f5f9;--sb-color-fg-muted:#94a3b8;--sb-color-bg:#0f172a;--sb-color-surface:#1e293b;--sb-color-border:#334155;--sb-color-border-strong:#475569;--sb-color-danger-bg:rgba(220,38,38,0.18);--sb-color-danger:#fecaca;--sb-color-warning-bg:rgba(180,83,9,0.2);--sb-color-success-bg:rgba(21,128,61,0.18);--sb-shadow-lg:0 24px 48px -12px rgba(0,0,0,0.6),0 8px 16px -6px rgba(0,0,0,0.4)}.sb-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sb-space-2);padding:var(--sb-space-2) var(--sb-space-3);border-radius:var(--sb-radius-sm);border:1px solid transparent;font:inherit;font-size:var(--sb-font-size-base);font-weight:500;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,opacity .12s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.sb-btn:disabled{cursor:not-allowed;opacity:.55}.sb-btn:focus-visible{outline:2px solid var(--sb-color-primary);outline-offset:2px}.sb-btn-primary{background:var(--sb-color-primary);color:var(--sb-color-primary-text)}.sb-btn-primary:hover:not(:disabled){background:var(--sb-color-primary-hover)}.sb-btn-secondary{background:var(--sb-color-bg);color:var(--sb-color-fg);border-color:var(--sb-color-border)}.sb-btn-secondary:hover:not(:disabled){background:var(--sb-color-surface)}.sb-btn-danger{background:var(--sb-color-danger);color:var(--sb-color-primary-text)}.sb-btn-danger:hover:not(:disabled){filter:brightness(.92)}.sb-btn-ghost{background:transparent;color:var(--sb-color-fg-muted);border-color:transparent}.sb-btn-ghost:hover:not(:disabled){color:var(--sb-color-fg);background:var(--sb-color-surface)}.sb-btn-sm{padding:4px var(--sb-space-2);font-size:var(--sb-font-size-sm)}.sb-btn-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex:none}.sb-btn-spinner{display:inline-block;width:12px;height:12px;border-radius:50%;border:2px solid;border-right:2px solid transparent;animation:sb-spin .7s linear infinite}@keyframes sb-spin{to{transform:rotate(1turn)}}.sb-spinner{display:inline-block;width:16px;height:16px;border-radius:50%;border:2px solid var(--sb-color-fg-muted);border-right:2px solid transparent;animation:sb-spin .7s linear infinite}.sb-spinner-lg{width:24px;height:24px;border-width:3px}.sb-skeleton{display:block;background:linear-gradient(90deg,var(--sb-color-surface) 0,var(--sb-color-border) 50%,var(--sb-color-surface) 100%);background-size:200% 100%;border-radius:var(--sb-radius-sm);animation:sb-skeleton-shine 1.4s ease-in-out infinite}@keyframes sb-skeleton-shine{0%{background-position:200% 0}to{background-position:-200% 0}}.sb-skeleton-list{display:flex;flex-direction:column}.sb-skeleton-list-row{display:flex;gap:var(--sb-space-3);padding:var(--sb-space-3) 14px;border-bottom:1px solid var(--sb-color-border);align-items:flex-start}.sb-skeleton-list-body{flex:1 1;display:flex;flex-direction:column;gap:6px;min-width:0}.sb-skeleton-card,.sb-skeleton-lines{display:flex;flex-direction:column;gap:var(--sb-space-2);padding:var(--sb-space-4)}.sb-skeleton-card{background:var(--sb-color-bg);border:1px solid var(--sb-color-border);border-radius:var(--sb-radius-sm)}.sb-toast-region{position:fixed;top:var(--sb-space-4);right:var(--sb-space-4);flex-direction:column;z-index:9000;max-width:min(420px,calc(100vw - 32px));pointer-events:none}.sb-toast,.sb-toast-region{display:flex;gap:var(--sb-space-2)}.sb-toast{pointer-events:auto;align-items:flex-start;padding:var(--sb-space-3) var(--sb-space-4);border-radius:var(--sb-radius-md);box-shadow:var(--sb-shadow-md);background:var(--sb-color-bg);border:1px solid var(--sb-color-border);color:var(--sb-color-fg);font-size:var(--sb-font-size-base);animation:sb-toast-in .18s ease-out}.sb-toast-success{border-color:var(--sb-color-success);background:var(--sb-color-success-bg);color:var(--sb-color-success)}.sb-toast-error{border-color:var(--sb-color-danger);background:var(--sb-color-danger-bg);color:var(--sb-color-danger)}.sb-toast-warning{border-color:var(--sb-color-warning);background:var(--sb-color-warning-bg);color:var(--sb-color-warning)}.sb-toast-body{flex:1 1;min-width:0;word-wrap:break-word}.sb-toast-dismiss{background:transparent;border:0;color:inherit;cursor:pointer;font-size:18px;line-height:1;padding:0 4px;opacity:.7}.sb-toast-dismiss:hover{opacity:1}@keyframes sb-toast-in{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.sb-modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.5);display:flex;align-items:center;justify-content:center;z-index:9000;padding:var(--sb-space-4)}.sb-modal{background:var(--sb-color-bg);color:var(--sb-color-fg);border-radius:var(--sb-radius-md);box-shadow:var(--sb-shadow-lg);max-width:min(560px,100%);width:100%;max-height:90vh;overflow:auto;padding:var(--sb-space-5);outline:none}.sb-modal-actions{display:flex;justify-content:flex-end;gap:var(--sb-space-2);margin-top:var(--sb-space-4)}.sb-empty-state{display:flex;flex-direction:column;text-align:center;padding:var(--sb-space-6) var(--sb-space-4);gap:var(--sb-space-2);min-height:200px}.sb-empty-state,.sb-empty-state-icon{align-items:center;justify-content:center;color:var(--sb-color-fg-muted)}.sb-empty-state-icon{width:56px;height:56px;border-radius:50%;background:var(--sb-color-surface);border:1px solid var(--sb-color-border);display:inline-flex}.sb-empty-state-title{color:var(--sb-color-fg);font-size:var(--sb-font-size-md);font-weight:600;margin:0}.sb-empty-state-body{color:var(--sb-color-fg-muted);font-size:var(--sb-font-size-base);margin:0;max-width:360px}.sb-empty-state-action{margin-top:var(--sb-space-3)}.sb-field{display:flex;flex-direction:column;gap:var(--sb-space-1)}.sb-field-label{font-size:var(--sb-font-size-sm);font-weight:500;color:var(--sb-color-fg)}.sb-field-label-required:after{content:" *";color:var(--sb-color-danger)}.sb-field-input{font:inherit;font-size:var(--sb-font-size-base);padding:var(--sb-space-2) var(--sb-space-3);border-radius:var(--sb-radius-sm);border:1px solid var(--sb-color-border);background:var(--sb-color-bg);color:var(--sb-color-fg);transition:border-color .12s ease,box-shadow .12s ease}.sb-field-input:focus{outline:none;border-color:var(--sb-color-primary);box-shadow:0 0 0 3px var(--sb-color-primary-soft)}.sb-field-input[aria-invalid=true]{border-color:var(--sb-color-danger)}.sb-field-input[aria-invalid=true]:focus{box-shadow:0 0 0 3px rgba(185,28,28,.15)}.sb-field-error{color:var(--sb-color-danger)}.sb-field-error,.sb-field-help{font-size:var(--sb-font-size-xs)}.sb-field-help{color:var(--sb-color-fg-muted)}@media (prefers-reduced-motion:reduce){.sb-btn-spinner,.sb-skeleton,.sb-spinner,.sb-toast{animation-duration:.01ms!important;animation-iteration-count:1!important}}