:root{--ink:#172126;--muted:#65747c;--line:#dce4e7;--paper:#fff;--bg:#f3f7f6;--sea:#087f5b;--sea-dark:#075d46;--aqua:#dff7ef;--warn:#fff4d6;--danger:#b42318;--shadow:0 18px 50px rgba(19,48,42,.08);--surface-soft:#f8fbfa;--surface-hover:#eef7f4;--row-line:#edf1f2;--control-border:#b8c8c3;--focus-ring:rgba(8,127,91,.18);--accent-panel:#103d33;--accent-panel-ink:#fff;--accent-panel-muted:#cde7de;--neutral-bg:#eef2f3;--neutral-fg:#44535a;--success-bg:#dff7ef;--success-fg:#086345;--cancelled-bg:#f3e8e8;--cancelled-fg:#8d2929;--queued-bg:#e5eefb;--queued-fg:#24538a;--notice-fg:#24453d;--warning-border:#d68a00;--warning-fg:#634b19;--flash-bg:#e9f7f1;--flash-fg:#24453d;--error-bg:#fde8e7;--code-bg:#edf2f1;--send-border:#8bcdb9;--send-bg:#f8fffc;--pill-bg:#eff2f3;--pill-fg:#44535a;--slack-bg:#f3e3f5;--slack-fg:#611f69;--orange-bg:#ffead8;--orange-fg:#9a4600;--geodis-bg:#e8edff;--geodis-fg:#253b80;--bmv-bg:#e3eaf0;--bmv-fg:#162f4c;--google-bg:#e7f0ff;--google-fg:#185abc;--microsoft-bg:#e3f2fb;--microsoft-fg:#005a9e}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--sea-dark);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1240px;margin:0 auto;padding:36px 28px 80px}.topbar{min-height:68px;background:#102c26;color:#fff;display:flex;align-items:center;padding:0 28px;gap:30px;box-shadow:0 3px 18px rgba(0,0,0,.14);position:sticky;top:0;z-index:10}.topbar a{color:#edf9f5}.brand{font-size:22px;font-weight:800;display:flex;gap:8px;align-items:center}.topbar nav{display:flex;gap:22px;flex:1}.topbar nav a{font-size:14px;font-weight:650}.account{display:flex;gap:14px;align-items:center;font-size:14px}.account form{margin:0}.link-button{background:none;border:0;color:#d7ebe4;padding:0;cursor:pointer}.page-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}.page-heading h1{font-size:34px;margin:2px 0 0}.page-heading p{margin:6px 0;color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px!important;font-weight:800;color:var(--sea)!important}.button,button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--control-border);background:var(--paper);color:var(--ink);border-radius:8px;padding:10px 15px;font-weight:700;cursor:pointer}.button:hover,button:hover{background:var(--surface-hover);text-decoration:none}.primary{background:var(--sea);border-color:var(--sea);color:#fff}.primary:hover{background:var(--sea-dark)}button.small{font-size:12px;padding:7px 10px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stats-grid.compact{grid-template-columns:repeat(3,1fr);max-width:760px}.stat{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:var(--shadow)}.stat span,.stat small{display:block;color:var(--muted)}.stat strong{font-size:36px;display:block;margin:8px 0}.stat.accent{background:var(--accent-panel);color:var(--accent-panel-ink)}.stat.accent span,.stat.accent small{color:var(--accent-panel-muted)}.panel{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:24px;margin-bottom:22px;box-shadow:var(--shadow)}.panel h2{margin-top:0}.panel-heading{display:flex;justify-content:space-between;align-items:center}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--line);padding:12px 10px}td{padding:14px 10px;border-bottom:1px solid var(--row-line);vertical-align:top}td small{display:block;color:var(--muted);margin-top:4px}.status,.brand-pill{display:inline-block;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.status.draft{background:var(--neutral-bg);color:var(--neutral-fg)}.status.completed{background:var(--success-bg);color:var(--success-fg)}.status.cancelled{background:var(--cancelled-bg);color:var(--cancelled-fg)}.brand-pill{background:var(--pill-bg);color:var(--pill-fg)}.brand-pill.slack{background:var(--slack-bg);color:var(--slack-fg)}.brand-pill.orange{background:var(--orange-bg);color:var(--orange-fg)}.notice{padding:16px 18px;border-left:4px solid var(--sea);background:var(--aqua);border-radius:8px;margin:20px 0;color:var(--notice-fg)}.notice.warning{border-left-color:var(--warning-border);background:var(--warn);color:var(--warning-fg)}.flashes{margin-bottom:20px}.flash{padding:13px 16px;border-radius:8px;margin-bottom:8px;background:var(--flash-bg);color:var(--flash-fg)}.flash.error{background:var(--error-bg);color:var(--danger)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.stack-form{display:flex;flex-direction:column;gap:17px}.stack-form label,.form-grid label{display:flex;flex-direction:column;gap:7px;font-weight:700;font-size:14px}input,select,textarea{width:100%;border:1px solid var(--control-border);border-radius:8px;padding:11px 12px;background:var(--paper);font:inherit;color:inherit}textarea{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.45}input:focus,select:focus,textarea:focus{outline:3px solid var(--focus-ring);border-color:var(--sea)}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.help{font-size:13px;color:var(--muted)}.counter{font-size:20px;font-weight:800;background:var(--paper);padding:9px 14px;border-radius:10px;border:1px solid var(--line)}.empty{padding:40px;text-align:center;color:var(--muted)}.muted-row{opacity:.66}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px}.template-card{background:var(--paper);padding:28px;border-radius:14px;border:1px solid var(--line);box-shadow:var(--shadow);border-top:6px solid #899}.template-card.slack{border-top-color:#611f69}.template-card.orange{border-top-color:#ff7900}.template-card h2{margin:15px 0 8px}.template-card p{color:var(--muted);min-height:44px}.wide-form{max-width:1000px}.narrow-form{max-width:520px}fieldset{border:1px solid var(--line);border-radius:10px;padding:16px}legend{font-weight:800;padding:0 8px}.check-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.check-list label{display:flex;flex-direction:row;align-items:center;border:1px solid var(--line);padding:10px;border-radius:8px}.check-list input{width:auto}.check-list span{display:block}.check-list small{display:block;color:var(--muted)}code{background:var(--code-bg);padding:2px 5px;border-radius:4px}.login-shell,.public-shell,.learn-shell{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at top,var(--aqua),var(--bg) 55%)}.login-card,.public-card,.learn-card{width:min(100%,460px);background:var(--paper);border:1px solid var(--line);box-shadow:0 24px 80px rgba(7,65,51,.13);border-radius:18px;padding:36px}.learn-card{width:min(100%,700px)}.fish-logo{font-size:58px}.login-card h1,.public-card h1,.learn-card h1{font-size:32px;margin:8px 0}.login-card>p,.public-card>p,.learn-card>p{color:var(--muted);line-height:1.6}.success-icon{height:58px;width:58px;border-radius:50%;display:grid;place-items:center;background:var(--success-bg);color:var(--success-fg);font-size:32px;font-weight:900}.learn-card li{margin:12px 0;line-height:1.45}
.status.queued,.status.running{background:var(--queued-bg);color:var(--queued-fg)}.confirmation{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:10px!important;font-weight:600!important}.confirmation input{width:auto;margin-top:3px}.error-text{color:var(--danger)!important;max-width:280px}.send-panel{border-color:var(--send-border);background:var(--send-bg)}
.schedule-table input[type="datetime-local"]{min-width:220px}.schedule-table select{min-width:260px}.schedule-table td:last-child{width:280px}.panel-heading .counter{white-space:nowrap}
@media(max-width:900px){.topbar{align-items:flex-start;flex-wrap:wrap;padding:16px}.topbar nav{order:3;width:100%;overflow:auto;padding-bottom:6px}.stats-grid{grid-template-columns:repeat(2,1fr)}.two-columns,.cards{grid-template-columns:1fr}.check-list{grid-template-columns:1fr}}
@media(max-width:560px){.container{padding:24px 14px 60px}.stats-grid,.stats-grid.compact,.form-grid{grid-template-columns:1fr}.page-heading{align-items:flex-start;flex-direction:column}.topbar nav{gap:14px}.account{display:none}}
.template-card.geodis{border-top-color:#253b80}.template-card.bmv{border-top-color:#162f4c}.template-card.google{border-top-color:#1a73e8}.template-card.microsoft{border-top-color:#0067b8}.brand-pill.geodis{background:var(--geodis-bg);color:var(--geodis-fg)}.brand-pill.bmv{background:var(--bmv-bg);color:var(--bmv-fg)}.brand-pill.google{background:var(--google-bg);color:var(--google-fg)}.brand-pill.microsoft{background:var(--microsoft-bg);color:var(--microsoft-fg)}

:root[data-theme="light"]{color-scheme:light}
:root[data-theme="dark"]{color-scheme:dark;--ink:#edf5f2;--muted:#b4c5bf;--line:#3b574f;--paper:#142a25;--bg:#091512;--sea:#43d5a5;--sea-dark:#8df0cd;--aqua:#173f34;--warn:#493715;--danger:#ffb4ae;--shadow:0 18px 50px rgba(0,0,0,.30);--surface-soft:#19332d;--surface-hover:#20463c;--row-line:#2a433c;--control-border:#55736a;--focus-ring:rgba(67,213,165,.30);--accent-panel:#14664f;--accent-panel-ink:#f3fffb;--accent-panel-muted:#d1f6e9;--neutral-bg:#33453f;--neutral-fg:#edf5f2;--success-bg:#164b3a;--success-fg:#a6f4d8;--cancelled-bg:#4b2629;--cancelled-fg:#ffcbc7;--queued-bg:#1f3b57;--queued-fg:#c5ddff;--notice-fg:#c8f5e5;--warning-border:#e0a62e;--warning-fg:#ffe4a3;--flash-bg:#183c31;--flash-fg:#c8f5e5;--error-bg:#4b2629;--code-bg:#263d36;--send-border:#338a70;--send-bg:#102f27;--pill-bg:#33453f;--pill-fg:#edf5f2;--slack-bg:#4d2854;--slack-fg:#f3d8f7;--orange-bg:#633412;--orange-fg:#ffd5b5;--geodis-bg:#29345e;--geodis-fg:#dce3ff;--bmv-bg:#293d4d;--bmv-fg:#e1edf5;--google-bg:#1d3f6d;--google-fg:#d6e6ff;--microsoft-bg:#164667;--microsoft-fg:#d2ecff}
@media(prefers-color-scheme:dark){:root[data-theme="auto"]{color-scheme:dark;--ink:#edf5f2;--muted:#b4c5bf;--line:#3b574f;--paper:#142a25;--bg:#091512;--sea:#43d5a5;--sea-dark:#8df0cd;--aqua:#173f34;--warn:#493715;--danger:#ffb4ae;--shadow:0 18px 50px rgba(0,0,0,.30);--surface-soft:#19332d;--surface-hover:#20463c;--row-line:#2a433c;--control-border:#55736a;--focus-ring:rgba(67,213,165,.30);--accent-panel:#14664f;--accent-panel-ink:#f3fffb;--accent-panel-muted:#d1f6e9;--neutral-bg:#33453f;--neutral-fg:#edf5f2;--success-bg:#164b3a;--success-fg:#a6f4d8;--cancelled-bg:#4b2629;--cancelled-fg:#ffcbc7;--queued-bg:#1f3b57;--queued-fg:#c5ddff;--notice-fg:#c8f5e5;--warning-border:#e0a62e;--warning-fg:#ffe4a3;--flash-bg:#183c31;--flash-fg:#c8f5e5;--error-bg:#4b2629;--code-bg:#263d36;--send-border:#338a70;--send-bg:#102f27;--pill-bg:#33453f;--pill-fg:#edf5f2;--slack-bg:#4d2854;--slack-fg:#f3d8f7;--orange-bg:#633412;--orange-fg:#ffd5b5;--geodis-bg:#29345e;--geodis-fg:#dce3ff;--bmv-bg:#293d4d;--bmv-fg:#e1edf5;--google-bg:#1d3f6d;--google-fg:#d6e6ff;--microsoft-bg:#164667;--microsoft-fg:#d2ecff}}
.brand img{width:32px;height:32px;border-radius:9px}.account select{width:auto;padding:6px 26px 6px 9px;background:#173c33;color:#edf9f5;border-color:#42665d}.account [data-theme-form]{margin:0}.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}
.template-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.template-card{padding:0;overflow:hidden;background:var(--paper)}.template-card-body{padding:20px}.template-preview{display:block;width:100%;height:260px;border:0;border-bottom:1px solid var(--line);background:#fff}.template-preview.large{height:720px;border:1px solid var(--line);border-radius:14px}.card-meta,.button-row,.inline-form,.confirmation-form{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.source-pill{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:3px 8px;color:var(--muted);font-size:11px;font-weight:750;text-transform:uppercase}.editor-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:22px;align-items:start}.editor-layout>aside{position:sticky;top:92px}.asset-list{list-style:none;padding:0;margin:0}.asset-list li{padding:10px 0;border-bottom:1px solid var(--line)}.asset-list small{display:block;color:var(--muted);margin-top:3px}.danger-zone{border-color:color-mix(in srgb,var(--danger) 45%,var(--line));max-width:1000px}.danger-button{border-color:var(--danger);color:var(--danger);background:var(--paper)}.import-guide pre{overflow:auto;padding:14px;background:var(--bg);border:1px solid var(--line);border-radius:8px}.fish-logo.image{display:block;width:72px;height:72px;border-radius:18px}.inline-form{margin-top:16px}
input,select,textarea,.button,button,.counter,.template-card,.login-card,.public-card,.learn-card{background-color:var(--paper);color:var(--ink)}td{border-bottom-color:var(--row-line)}.button:hover,button:hover{background:var(--surface-hover)}.primary,.primary:hover{color:#fff;background:var(--sea);border-color:var(--sea)}:root[data-theme="dark"] .primary,:root[data-theme="dark"] .primary:hover{color:#06291f}@media(prefers-color-scheme:dark){:root[data-theme="auto"] .primary,:root[data-theme="auto"] .primary:hover{color:#06291f}}.login-shell,.public-shell,.learn-shell{background:radial-gradient(circle at top,var(--aqua),var(--bg) 55%)}
@media(max-width:1120px){.template-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-layout{grid-template-columns:1fr}.editor-layout>aside{position:static}.template-preview.large{height:600px}}
@media(max-width:700px){.template-gallery{grid-template-columns:1fr}.template-preview{height:220px}}