:root{--color-brand: #5e6ad2;--color-bg: #171723;--color-bg-deep: #11111a;--color-sidebar: #1c1c28;--color-surface: #2c2c35;--color-surface-2: #23232e;--color-border: rgba(255, 255, 255, .08);--color-border-strong: rgba(255, 255, 255, .14);--color-text: #ffffff;--color-muted: #8a8f98;--color-urgent: #f2994a;--color-high: #eb5757;--color-canceled: #4e4e56;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--shadow-popup: 0 4px 16px rgba(0, 0, 0, .4);--shadow-modal: 0 16px 48px rgba(0, 0, 0, .5);--sidebar-width: 240px;--font-ui: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--color-bg)}body{margin:0;color:var(--color-text);background:radial-gradient(circle at top right,rgba(94,106,210,.14),transparent 34rem),linear-gradient(180deg,#191925,var(--color-bg) 34rem);font-family:var(--font-ui);font-size:14px;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}a{color:inherit}::selection{background:#5e6ad273}.nav-bar-overlay{position:fixed;inset:0 auto 0 0;z-index:50;width:var(--sidebar-width);display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6) var(--space-4);color:var(--color-text);background:#1c1c28eb;border-right:1px solid var(--color-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.wordmark{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text);text-decoration:none;font-size:14px;line-height:1.3;letter-spacing:.01em;font-weight:600}.wordmark:before{content:"";width:18px;height:18px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--color-brand),#8d95ff);box-shadow:0 0 0 3px #5e6ad229}.nav-links{display:flex;flex-direction:column;gap:var(--space-1);min-height:0}.nav-links a,.nav-user{min-height:32px;display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3);color:var(--color-muted);border-radius:var(--radius-md);text-decoration:none;font-size:13px;line-height:1.3;font-weight:500}.nav-links a:before{content:"";width:6px;height:6px;border-radius:999px;background:var(--color-canceled)}.nav-links a:hover,.nav-links a:focus-visible{color:var(--color-text);background:#ffffff0d;outline:none}.nav-links a:hover:before,.nav-links a:focus-visible:before{background:var(--color-brand)}.nav-user{margin-top:var(--space-3);min-height:auto;padding:var(--space-3);color:var(--color-muted);background:#ffffff08;border:1px solid var(--color-border);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-menu-button{display:none}.linear-main,.dashboard-main{min-height:100vh;margin-left:var(--sidebar-width);padding:var(--space-6)}.linear-hero,.dashboard-overview,.feature-section,.black-section,.system-alert,.app-section{width:min(1180px,100%);margin:0 auto var(--space-6)}.linear-hero,.dashboard-overview,.feature-section{display:grid;grid-template-columns:minmax(0,.86fr) minmax(360px,1.14fr);gap:var(--space-6);align-items:center;padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#23232eb8;box-shadow:var(--shadow-popup)}.linear-hero{min-height:calc(100vh - 48px)}.two-column--reverse{grid-template-columns:minmax(360px,1.1fr) minmax(0,.9fr)}.product-shot{margin:0;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border-strong);background:var(--color-bg-deep);box-shadow:var(--shadow-modal)}.product-shot img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover}.product-shot--hero img{min-height:360px}.eyebrow{margin:0 0 var(--space-2);color:var(--color-brand);font-size:12px;line-height:1.3;font-weight:500;letter-spacing:.02em}h1,h2,h3{margin:0;color:var(--color-text);letter-spacing:-.025em}h1{max-width:680px;font-size:clamp(28px,5vw,56px);line-height:1.05;font-weight:600}h2{max-width:720px;font-size:24px;line-height:1.2;font-weight:600}h3{font-size:18px;line-height:1.3;font-weight:600}.lead{max-width:620px;margin:var(--space-4) 0 var(--space-6);color:var(--color-muted);font-size:14px;line-height:1.5}.lead.compact{margin-bottom:0}.button{min-height:32px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:var(--radius-md);padding:0 var(--space-3);border:1px solid transparent;text-decoration:none;font-size:13px;line-height:1.3;font-weight:500;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,opacity .16s ease}.button.primary,.button.ghost:hover,.button.ghost:focus-visible{color:#fff;background:var(--color-brand);border-color:#ffffff14}.button.secondary,.button.ghost{color:var(--color-text);background:#ffffff0a;border-color:var(--color-border-strong)}.button:hover,.button:focus-visible{outline:none;border-color:#ffffff38;background:#ffffff12}.button.primary:hover,.button.primary:focus-visible{background:#6d77dc}.button.small{min-height:30px;padding:0 10px;font-size:12px}.button--wide{width:100%}.button:disabled{cursor:not-allowed;opacity:.55}.black-section,.system-alert,.app-section{padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#23232ea3}.system-alert{border-color:#f2994a57;background:#f2994a14}.system-alert strong{color:var(--color-text);font-family:var(--font-mono);font-size:13px;font-weight:400}.text-column{width:100%}.spec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-4)}.spec-grid article,.mission-panel{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#2c2c35bd}.spec-grid article{padding:var(--space-4)}.mono-index{display:inline-flex;margin-bottom:var(--space-3);color:var(--color-muted);font-family:var(--font-mono);font-size:13px}.spec-grid p,.mission-panel p,.system-alert p,.section-heading p{color:var(--color-muted)}.app-section{scroll-margin-top:var(--space-6)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-4)}.section-heading p:last-child{max-width:560px;margin:0;text-align:right}.dashboard-overview{grid-template-columns:minmax(0,1fr) auto;min-height:auto}.dashboard-overview h1{font-size:24px;line-height:1.2}.metric-strip{display:grid;grid-template-columns:repeat(3,minmax(84px,1fr));gap:var(--space-2)}.metric-strip div{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:#ffffff08}.metric-strip span,.metric-strip small{display:block}.metric-strip span{font-size:24px;line-height:1.2;font-weight:600}.metric-strip small{margin-top:var(--space-1);color:var(--color-muted);font-size:12px;line-height:1.3}.compose-grid,.template-grid,.history-grid{display:grid;gap:var(--space-4)}.compose-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.82fr)}.template-grid{grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr)}.history-grid{grid-template-columns:minmax(0,1fr) minmax(340px,.76fr)}.mission-panel{padding:var(--space-4)}.form-stack{display:grid;gap:var(--space-3)}.form-stack label,.form-stack label span{display:grid;gap:var(--space-2)}.form-stack label span,.detail-list dt{color:var(--color-muted);font-size:12px;line-height:1.3;font-weight:500}.input{width:100%;min-height:36px;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0 var(--space-3);color:var(--color-text);background:#11111ad1;outline:none;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}textarea.input{padding-top:var(--space-3);padding-bottom:var(--space-3)}.input:focus{border-color:#5e6ad2b8;box-shadow:0 0 0 3px #5e6ad224}.input::placeholder{color:#8a8f98b8}select.input option{color:#11111a}.textarea{min-height:220px;resize:vertical}.textarea--compact{min-height:72px}.template-save-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2)}.button-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.preview-panel{position:sticky;top:var(--space-6);align-self:start}.email-preview{min-height:320px;margin-top:var(--space-3);padding:var(--space-4);color:var(--color-text);background:#f7f7fb;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);overflow:auto}.email-preview,.email-preview *{color:#171723}.email-preview *{max-width:100%}.email-preview a{color:#2f3eb8;text-decoration:underline}.email-preview--compact{min-height:180px;max-height:360px}.template-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);align-content:start}.template-card{transition:background .16s ease,border-color .16s ease}.template-card:hover{background:#ffffff0b;border-color:var(--color-border-strong)}.template-card p:not(.eyebrow){margin:var(--space-2) 0 var(--space-3)}.empty-state{display:grid;place-content:center;min-height:180px}.history-table{padding:0;overflow:hidden}.history-row{width:100%;min-height:36px;display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:var(--space-3);align-items:center;padding:0 var(--space-3);color:var(--color-text);background:transparent;border:0;border-bottom:1px solid var(--color-border);text-align:left;cursor:pointer;transition:background .12s ease}.history-row:hover,.history-row--selected{background:#ffffff0a}.history-row strong,.history-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-row strong{font-size:13px;line-height:1.3;font-weight:500}.history-row small,.history-row time{color:var(--color-muted);font-size:12px}.status-dot{width:8px;height:8px;border-radius:var(--radius-sm);background:var(--color-canceled)}.status-dot--sent{background:var(--color-brand)}.status-dot--failed{background:var(--color-high)}.detail-list{display:grid;gap:var(--space-2);margin:var(--space-3) 0 0}.detail-list div{display:grid;grid-template-columns:112px minmax(0,1fr);gap:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.detail-list dd{margin:0;min-width:0;overflow-wrap:anywhere;color:var(--color-muted);font-family:var(--font-mono);font-size:13px}.toast-stack{position:fixed;z-index:100;right:var(--space-6);bottom:var(--space-6);display:grid;gap:var(--space-2);width:min(420px,calc(100vw - 48px))}.toast{display:grid;grid-template-columns:72px minmax(0,1fr);gap:var(--space-3);padding:var(--space-3);color:var(--color-text);background:#1c1c28f5;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-popup)}.toast span{color:var(--color-brand);font-size:12px;line-height:1.3;font-weight:500}.toast p{margin:0;color:var(--color-muted)}.loading-screen{min-height:100vh;display:grid;place-content:center;padding:var(--space-6);background:var(--color-bg);text-align:center}.footer-dark{margin-left:var(--sidebar-width);display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4);padding:var(--space-4) var(--space-6) var(--space-6);color:var(--color-muted);background:var(--color-bg);border-top:1px solid var(--color-border);font-size:12px;line-height:1.3}@media(max-width:1100px){.linear-hero,.feature-section,.two-column--reverse,.compose-grid,.template-grid,.history-grid{grid-template-columns:1fr}.preview-panel{position:static}}@media(max-width:860px){.nav-bar-overlay{inset:0 0 auto 0;width:auto;min-height:56px;flex-direction:row;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4)}.nav-menu-button{display:grid;place-content:center;width:32px;height:32px;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:#ffffff0a}.nav-menu-button span{display:block;width:14px;height:1px;margin:2px 0;background:var(--color-text)}.nav-links{position:absolute;top:56px;right:var(--space-4);left:var(--space-4);display:none;padding:var(--space-2);background:#1c1c28fa;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-popup)}.nav-links--open{display:grid}.linear-main,.dashboard-main,.footer-dark{margin-left:0}.linear-main,.dashboard-main{padding:72px var(--space-4) var(--space-4)}.section-heading,.dashboard-overview{display:grid;align-items:start}.section-heading p:last-child{text-align:left}.metric-strip,.spec-grid,.template-list{grid-template-columns:1fr}}@media(max-width:560px){.linear-hero,.dashboard-overview,.feature-section,.black-section,.system-alert,.app-section,.mission-panel{padding:var(--space-4)}.template-save-row,.detail-list div,.toast{grid-template-columns:1fr}.button-row,.template-save-row{display:grid}.button-row .button,.template-save-row .button{width:100%}}@keyframes card-in{0%{opacity:0;transform:translateY(8px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse-dot{0%,to{opacity:.45;transform:scale(.86)}50%{opacity:1;transform:scale(1)}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.linear-hero,.dashboard-overview,.feature-section,.black-section,.system-alert,.app-section,.reveal-card{animation:card-in .18s ease both}.linear-hero,.dashboard-overview,.feature-section,.black-section,.system-alert,.app-section{margin-left:0;margin-right:0;width:min(1280px,100%)}.app-section:nth-of-type(2){animation-delay:35ms}.app-section:nth-of-type(3){animation-delay:70ms}.input:hover,.mission-panel:hover,.metric-strip div:hover{border-color:#ffffff29}.button.danger{color:#fff;background:#eb575724;border-color:#eb575761}.button.danger:hover,.button.danger:focus-visible{background:#eb57573d;border-color:#eb57579e}.ai-panel{margin-bottom:var(--space-4);background:linear-gradient(135deg,rgba(94,106,210,.08),transparent 42%),#2c2c35bd}.ai-panel__header,.detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-3)}.ai-status{min-height:26px;display:inline-flex;align-items:center;gap:var(--space-2);padding:0 var(--space-2);color:var(--color-muted);background:#ffffff09;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:12px}.stream-dot{width:8px;height:8px;border-radius:999px;background:var(--color-brand);animation:pulse-dot .9s ease-in-out infinite}.ai-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(160px,.7fr) minmax(160px,.7fr) minmax(140px,.5fr);gap:var(--space-3);align-items:end}.ai-grid label,.ai-grid label span{display:grid;gap:var(--space-2)}.ai-grid label span{color:var(--color-muted);font-size:12px;line-height:1.3;font-weight:500}.ai-actions{margin-top:var(--space-3)}.ai-thinking{margin-top:var(--space-3);padding:var(--space-3);border:1px solid rgba(94,106,210,.22);border-radius:var(--radius-md);background:#5e6ad214;animation:card-in .16s ease both}.ai-thinking>span{display:block;color:var(--color-brand);font-size:12px;line-height:1.3;font-weight:500;margin-bottom:var(--space-2)}.ai-thinking ul{display:grid;gap:var(--space-1);margin:0;padding-left:18px;color:var(--color-muted)}.ai-thinking li{animation:card-in .12s ease both}.ai-thinking p{margin:var(--space-2) 0 0;color:var(--color-muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:grid;place-items:center;padding:var(--space-6);background:#00000085;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.confirm-modal{width:min(480px,100%);padding:var(--space-6);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border-strong);box-shadow:var(--shadow-modal);animation:modal-in .17s ease both}.confirm-modal p:not(.eyebrow){color:var(--color-muted)}.confirm-modal strong{color:var(--color-text)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important;scroll-behavior:auto!important}}@media(max-width:1100px){.ai-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.ai-grid,.ai-panel__header,.detail-head{grid-template-columns:1fr;display:grid}}.admin-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:var(--space-4)}.admin-card{min-height:420px}.client-list,.traffic-list{display:grid;gap:var(--space-2);margin-top:var(--space-3);max-height:560px;overflow:auto}.client-row,.traffic-row,.created-key{display:grid;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:#ffffff08;animation:card-in .14s ease both}.client-row{grid-template-columns:minmax(0,1fr) 120px auto}.client-row strong,.client-row small,.traffic-row strong,.traffic-row small,.created-key span,.created-key code{display:block;min-width:0}.client-row small,.traffic-row small,.created-key span{color:var(--color-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-select{min-height:30px}.created-key{grid-template-columns:minmax(0,1fr) auto;margin-top:var(--space-3);border-color:#5e6ad257;background:#5e6ad21a}.created-key code{grid-column:1 / -1;padding:var(--space-2);color:var(--color-text);background:#00000047;border-radius:var(--radius-sm);overflow-wrap:anywhere;font-family:var(--font-mono);font-size:12px}.traffic-row{grid-template-columns:48px minmax(0,1fr)}.traffic-row>span{display:grid;place-items:center;height:28px;border-radius:var(--radius-sm);color:var(--color-text);background:#5e6ad22e;font-family:var(--font-mono);font-size:12px}.traffic-row--error>span{background:#eb57573d}.traffic-error{color:#ff9d9d!important}@media(max-width:1100px){.admin-grid,.client-row{grid-template-columns:1fr}}.docs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);margin-bottom:var(--space-4)}.docs-card--wide{grid-column:1 / -1}.docs-card p,.docs-section p,.docs-list{color:var(--color-muted)}.docs-section{margin-top:var(--space-4)}.docs-section code:not(.docs-code code){padding:2px 6px;border-radius:var(--radius-sm);color:var(--color-text);background:#ffffff0f;font-family:var(--font-mono);font-size:12px}.docs-code{margin:var(--space-3) 0 0;padding:var(--space-4);overflow:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#0a0a10b8;color:var(--color-text);box-shadow:inset 0 1px #ffffff08}.docs-code code{font-family:var(--font-mono);font-size:12px;line-height:1.6;white-space:pre}.docs-table{display:grid;grid-template-columns:minmax(180px,.45fr) minmax(0,1fr);margin-top:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.docs-table span{min-height:36px;display:flex;align-items:center;padding:0 var(--space-3);border-bottom:1px solid var(--color-border);color:var(--color-muted)}.docs-table span:nth-child(odd){color:var(--color-text);background:#ffffff09;font-family:var(--font-mono);font-size:12px}.docs-table span:nth-last-child(-n+2){border-bottom:0}.docs-list{display:grid;gap:var(--space-2);margin:var(--space-3) 0 0;padding-left:20px}@media(max-width:860px){.docs-grid,.docs-table{grid-template-columns:1fr}.docs-table span:nth-last-child(2){border-bottom:1px solid var(--color-border)}}.client-row--banned{border-color:#eb575742;background:#eb57570e}.client-actions{justify-content:flex-end}.confirm-target{display:grid;gap:var(--space-1);margin:var(--space-4) 0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:#ffffff09}.confirm-target span,.confirm-target small{color:var(--color-muted);font-size:12px}.confirm-target strong{color:var(--color-text)}.admin-confirm{border-color:#5e6ad252}@media(max-width:680px){.client-actions{justify-content:stretch}}.plan-pill{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--color-brand);background:#5e6ad21f;border:1px solid rgba(94,106,210,.24);font-size:12px;font-weight:500}