:root{--color-surface-base:#f4f7f8;--color-surface-raised:#fff;--color-surface-sunken:#eaf0f2;--color-border-subtle:#1c303d24;--color-text-base:#1b2a33;--color-text-muted:#56666f;--color-surface-accent:#0f766e;--color-text-on-accent:#fff;--color-accent-strong:#0a5c56;--color-brand-ink:#1e3846;--color-text-on-brand:#f1f6f8;--color-text-error:#b42318;--color-status-good:#1d7a4c;--color-status-warning:#a65308;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--radius-control:6px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root.dark{--color-surface-base:#0e161b;--color-surface-raised:#152129;--color-surface-sunken:#1b2a33;--color-border-subtle:#ffffff21;--color-text-base:#e5eef2;--color-text-muted:#9db0ba;--color-surface-accent:#2aa99a;--color-text-on-accent:#04201d;--color-accent-strong:#7fd3c8;--color-brand-ink:#0a1318;--color-text-on-brand:#e5eef2;--color-text-error:#ff9186;--color-status-good:#62d29b;--color-status-warning:#f3b25a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--color-surface-base);color:var(--color-text-base);font-family:var(--font-body);margin:0;font-size:15px;line-height:1.5;overflow-x:hidden}h1,h2,h3{font-family:var(--font-display);margin:0;font-weight:700;line-height:1.25}h1{font-size:1.6rem}h2{font-size:1.1rem}h3{font-size:1rem}p{margin:0 0 .75rem}a{color:var(--color-accent-strong)}code{background:var(--color-surface-sunken);border-radius:4px;padding:.1em .35em;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.85em}:focus-visible{outline:3px solid var(--color-accent-strong);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.muted{color:var(--color-text-muted)}.small{font-size:.85rem}.nowrap{white-space:nowrap}.skip-link{z-index:100;background:var(--color-surface-raised);color:var(--color-accent-strong);border-radius:var(--radius-control);padding:.5rem .75rem;position:absolute;top:-3rem;left:.5rem}.skip-link:focus{top:.5rem}.shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--color-brand-ink);color:var(--color-text-on-brand);flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar :focus-visible{outline-color:var(--color-text-on-brand)}.sidebar-top{justify-content:space-between;align-items:center;gap:.5rem;padding:1.25rem 1rem .75rem;display:flex}.brand{flex-direction:column;gap:.2rem;min-width:0;display:flex}.brand-logo{object-fit:contain;object-position:left center;max-width:180px;max-height:48px}.brand-wordmark{font-family:var(--font-display);letter-spacing:.01em;font-size:1.2rem;font-weight:700}.brand-product{opacity:.8;font-size:.78rem}.menu-button{color:var(--color-text-on-brand);border:1px solid color-mix(in srgb, var(--color-text-on-brand) 40%, transparent);border-radius:var(--radius-control);font:inherit;cursor:pointer;background:0 0;align-items:center;gap:.4rem;padding:.4rem .7rem;display:none}.sidebar-body{flex-direction:column;flex:1;justify-content:space-between;display:flex}.nav-list{flex-direction:column;gap:2px;margin:0;padding:.5rem;list-style:none;display:flex}.nav-link{border-radius:var(--radius-control);color:var(--color-text-on-brand);border-left:3px solid #0000;align-items:center;gap:.65rem;padding:.55rem .75rem;text-decoration:none;display:flex}.nav-link:hover{background:color-mix(in srgb, var(--color-text-on-brand) 10%, transparent)}.nav-link.active{background:var(--color-surface-accent);color:var(--color-text-on-accent);border-left-color:var(--color-text-on-accent);font-weight:700}.nav-icon{text-align:center;opacity:.9;width:1.2em}.sidebar-foot{border-top:1px solid color-mix(in srgb, var(--color-text-on-brand) 18%, transparent);flex-direction:column;gap:.6rem;padding:1rem;font-size:.88rem;display:flex}.client-name{margin:0;font-weight:700}.who{flex-direction:column;margin:0;display:flex}.who-email{overflow-wrap:anywhere}.who-role{opacity:.8}.mock-badge{border:1px dashed color-mix(in srgb, var(--color-text-on-brand) 50%, transparent);border-radius:var(--radius-control);align-self:flex-start;margin:0;padding:.2rem .5rem;font-size:.78rem}.scheme-toggle{align-items:center;gap:.5rem;display:flex}.scheme-toggle select{background:color-mix(in srgb, var(--color-text-on-brand) 8%, var(--color-brand-ink));color:var(--color-text-on-brand);border-color:color-mix(in srgb, var(--color-text-on-brand) 35%, transparent);flex:1}.main{width:100%;min-width:0;max-width:1280px;padding:1.75rem 2rem 3rem}.main:focus{outline:none}@media (width<=860px){.shell{grid-template-columns:minmax(0,1fr)}.sidebar{z-index:20;height:auto;position:sticky;overflow:visible}.sidebar-top{padding:.65rem 1rem}.brand-product{display:none}.menu-button{display:inline-flex}.sidebar-body{display:none}.sidebar-body.open{background:var(--color-brand-ink);border-top:1px solid color-mix(in srgb, var(--color-text-on-brand) 18%, transparent);max-height:calc(100vh - 56px);display:flex;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.main{padding:1.1rem 1rem 2.5rem}}@media (width<=420px){.menu-button-text{display:none}}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.75rem 1rem;margin-bottom:1.25rem;display:flex}.page-intro{margin:.35rem 0 0}.page-actions{flex-wrap:wrap;gap:.5rem;display:flex}.section-title{color:var(--color-text-muted);overflow-wrap:anywhere;margin:1.5rem 0 .75rem;font-size:1.05rem}.card{background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:calc(var(--radius-control) + 4px);min-width:0;margin-bottom:1rem;padding:1.1rem 1.25rem}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;margin-bottom:.85rem;display:flex}.card-head p{margin:0}.card-actions{align-items:center;gap:.5rem;display:flex}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1rem;display:grid}.grid-2>*{min-width:0}.grid-tight{gap:1rem}.stack-cards{flex-direction:column;min-width:0;display:flex}@media (width<=1100px){.grid-2{grid-template-columns:minmax(0,1fr)}}.stack{flex-direction:column;gap:.6rem;display:flex}.tiles{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.tile{background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-top:4px solid var(--color-surface-accent);border-radius:calc(var(--radius-control) + 4px);min-width:0;padding:.9rem 1.1rem}.tile.tone-warning{border-top-color:var(--color-status-warning)}.tile.tone-error{border-top-color:var(--color-text-error)}.tile.tone-good{border-top-color:var(--color-status-good)}.tile-label{color:var(--color-text-muted);margin:0 0 .2rem;font-size:.85rem}.tile-value{font-family:var(--font-display);font-variant-numeric:tabular-nums;margin:0 0 .35rem;font-size:1.65rem;font-weight:700}.tile-note{color:var(--color-text-muted);margin:.35rem 0 0;font-size:.82rem}.facts{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem 1rem;margin:0 0 .75rem;display:grid}.facts dt{color:var(--color-text-muted);font-size:.82rem}.facts dd{overflow-wrap:anywhere;margin:.15rem 0 0}.facts-stack{grid-template-columns:minmax(0,1fr)}.facts-stack>div{border-bottom:1px solid var(--color-border-subtle);flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-bottom:.5rem;display:flex}.facts-stack dd{text-align:right;margin:0}.btn{font:inherit;border-radius:var(--radius-control);border:1px solid var(--color-border-subtle);background:var(--color-surface-raised);min-height:40px;color:var(--color-text-base);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:.4rem;padding:.55rem .95rem;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--color-accent-strong);color:var(--color-accent-strong)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--color-surface-accent);border-color:var(--color-surface-accent);color:var(--color-text-on-accent)}.btn-primary:hover:not(:disabled){background:var(--color-accent-strong);border-color:var(--color-accent-strong);color:var(--color-text-on-accent)}.btn-danger{background:var(--color-text-error);border-color:var(--color-text-error);color:var(--color-surface-raised)}.btn-danger:hover:not(:disabled){color:var(--color-surface-raised);border-color:var(--color-text-base)}.btn-danger-outline{color:var(--color-text-error)}.btn-danger-outline:hover:not(:disabled){color:var(--color-text-error);border-color:var(--color-text-error)}.btn-small{min-height:32px;padding:.3rem .65rem;font-size:.87rem}.btn-on-brand{color:var(--color-text-on-brand);border-color:color-mix(in srgb, var(--color-text-on-brand) 45%, transparent);background:0 0;align-self:flex-start}.btn-on-brand:hover:not(:disabled){color:var(--color-text-on-brand);border-color:var(--color-text-on-brand);background:color-mix(in srgb, var(--color-text-on-brand) 10%, transparent)}input,select,textarea{font:inherit;color:var(--color-text-base);background:var(--color-surface-sunken);border:1px solid var(--color-border-subtle);border-radius:var(--radius-control);min-width:0;max-width:100%;min-height:40px;padding:.45rem .6rem}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--color-accent-strong);outline-offset:1px}input[aria-invalid=true]{border-color:var(--color-text-error)}.field{flex-direction:column;gap:.25rem;min-width:0;display:flex}.field label{color:var(--color-text-muted);font-size:.85rem;font-weight:600}.field.grow{flex:220px}.field-inline{flex-direction:row;align-items:center;gap:.5rem}.field-actions{flex-flow:wrap;align-items:flex-end;gap:.5rem}.field-error{color:var(--color-text-error);flex-basis:100%;margin:.25rem 0 0;font-weight:600}.field-error:before{content:"⚠ "}.filters{flex-wrap:wrap;align-items:flex-end;gap:.75rem 1rem;display:flex}.filters .field input,.filters .field select{min-width:140px}@media (width<=520px){.filters .field{flex:100%}.filters .field input,.filters .field select{width:100%}}.month-picker{align-items:flex-end}.inline-form{flex-wrap:wrap;align-items:flex-end;gap:.6rem;margin:.5rem 0;display:flex}.inline-form input{width:100%}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.85rem 1rem;display:grid}.span-all{grid-column:1/-1}.form-actions{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.5rem;display:flex}.ok-text{color:var(--color-status-good);font-weight:600}.switch-row{align-items:center;gap:.75rem;display:flex}.switch{border:1px solid var(--color-border-subtle);background:var(--color-surface-sunken);cursor:pointer;border-radius:999px;flex:none;width:48px;height:28px;padding:0;position:relative}.switch.on{background:var(--color-status-warning);border-color:var(--color-status-warning)}.switch-knob{background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:3px;left:3px}.switch.on .switch-knob{transform:translate(20px)}.switch-label{font-weight:600}@media (prefers-reduced-motion:reduce){.switch-knob{transition:none}}.pill{white-space:nowrap;border:1px solid var(--color-border-subtle);background:var(--color-surface-sunken);color:var(--color-text-base);border-radius:999px;align-items:center;gap:.3rem;padding:.1rem .55rem;font-size:.8rem;font-weight:600;display:inline-flex}.pill-accent{background:color-mix(in srgb, var(--color-surface-accent) 16%, var(--color-surface-raised));border-color:color-mix(in srgb, var(--color-surface-accent) 45%, transparent)}.pill-good{color:var(--color-status-good);border-color:color-mix(in srgb, var(--color-status-good) 45%, transparent);background:color-mix(in srgb, var(--color-status-good) 10%, var(--color-surface-raised))}.pill-warning{color:var(--color-text-base);border-color:var(--color-status-warning);background:color-mix(in srgb, var(--color-status-warning) 16%, var(--color-surface-raised))}.pill-error{color:var(--color-text-error);border-color:color-mix(in srgb, var(--color-text-error) 50%, transparent);background:color-mix(in srgb, var(--color-text-error) 10%, var(--color-surface-raised))}.pill-muted{color:var(--color-text-muted)}.chips{flex-wrap:wrap;align-items:center;gap:.35rem;margin:0 0 .75rem;padding:0;list-style:none;display:flex}.chip{background:var(--color-surface-sunken);border:1px solid var(--color-border-subtle);color:var(--color-text-muted);border-radius:999px;padding:.1rem .55rem;font-size:.8rem}.dir{white-space:nowrap;font-weight:600}.dir-in span{color:var(--color-surface-accent)}.dir-out span{color:var(--color-accent-strong)}.yes{color:var(--color-status-good);font-weight:600}.no{color:var(--color-text-muted)}.sub{color:var(--color-text-muted);font-size:.8rem;display:block}.cell-email{overflow-wrap:break-word}.count-badge{background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:999px;margin:0;padding:.3rem .8rem;font-weight:700}.notice{border:1px solid var(--color-border-subtle);border-left:4px solid var(--color-accent-strong);background:var(--color-surface-raised);border-radius:var(--radius-control);margin:.6rem 0;padding:.6rem .85rem}.notice-warning{border-left-color:var(--color-status-warning)}.notice-good{border-left-color:var(--color-status-good)}.error-note{border:1px solid color-mix(in srgb, var(--color-text-error) 45%, transparent);border-left:4px solid var(--color-text-error);background:color-mix(in srgb, var(--color-text-error) 7%, var(--color-surface-raised));border-radius:var(--radius-control);flex-wrap:wrap;align-items:center;gap:.6rem;margin:.6rem 0;padding:.6rem .85rem;display:flex}.error-icon{background:var(--color-text-error);width:1.4rem;height:1.4rem;color:var(--color-surface-raised);border-radius:50%;flex:none;place-items:center;font-weight:700;display:inline-grid}.error-text{color:var(--color-text-error);flex:200px;font-weight:600}.loading{color:var(--color-text-muted);align-items:center;gap:.6rem;padding:.75rem 0;display:flex}.spinner{border:2px solid var(--color-border-subtle);border-top-color:var(--color-surface-accent);border-radius:50%;width:1.1rem;height:1.1rem;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:3s}}.empty{text-align:center;border:1px dashed var(--color-border-subtle);border-radius:var(--radius-control);background:var(--color-surface-raised);padding:1.5rem 1rem}.empty-title{margin-bottom:.25rem;font-weight:700}.load-more{justify-content:center;padding-top:.85rem;display:flex}.table-wrap{border-radius:var(--radius-control);max-width:100%;position:relative;overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:.9rem}.table caption{text-align:left;padding:0 0 .4rem;font-weight:700}.table th,.table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--color-border-subtle);padding:.55rem .65rem}.table thead th{background:var(--color-surface-sunken);color:var(--color-text-muted);white-space:nowrap;font-size:.8rem;font-weight:700}.table tbody th{font-weight:600}.table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.table-compact th,.table-compact td{padding:.35rem .55rem}.row-current td{background:color-mix(in srgb, var(--color-surface-accent) 12%, var(--color-surface-raised));font-weight:700}.row-actions{flex-wrap:wrap;gap:.4rem;display:flex}.actions-cell{min-width:150px}.plain-list{margin:0;padding:0;list-style:none}.detail-line{overflow-wrap:anywhere;font-size:.85rem}.chart{min-width:0;margin:0}.chart-box{width:100%;min-width:0;overflow:hidden}.chart-svg{max-width:100%;display:block;overflow:visible}.chart-s0{fill:var(--color-surface-accent)}.chart-s2{fill:var(--color-text-muted)}.chart-hatch-bg{fill:var(--color-accent-strong)}.chart-hatch-line{stroke:var(--color-surface-raised)}.chart-track{fill:var(--color-surface-sunken)}.chart-hit{fill:#0000}.chart-grid{stroke:var(--color-border-subtle);stroke-width:1px}.chart-label,.chart-value,.chart-axis{fill:var(--color-text-base);font-family:var(--font-body);font-size:12px}.chart-axis{fill:var(--color-text-muted);font-size:11px}.chart-value{font-variant-numeric:tabular-nums}.legend{color:var(--color-text-muted);flex-wrap:wrap;gap:.3rem 1rem;margin:0 0 .6rem;padding:0;font-size:.85rem;list-style:none;display:flex}.legend li{align-items:center;gap:.4rem;display:inline-flex}.split-legend{color:var(--color-text-base);margin-top:.5rem}.chart-data{margin-top:.6rem;font-size:.85rem}.chart-data summary{cursor:pointer;color:var(--color-accent-strong);width:fit-content}.chart-data .table-wrap{margin-top:.5rem}.meter{margin:.25rem 0}.meter svg{display:block}.meter-track{fill:var(--color-surface-sunken)}.meter-fill{fill:var(--color-surface-accent)}.meter-warning .meter-fill{fill:var(--color-status-warning)}.meter-error .meter-fill{fill:var(--color-text-error)}.ask-form label{margin-bottom:.3rem;font-weight:600;display:block}.ask-row{flex-wrap:wrap;gap:.5rem;display:flex}.ask-row input{flex:260px}.ask-form .muted{margin-top:.4rem}.ask-result{border-top:1px solid var(--color-border-subtle);margin-top:.5rem;padding-top:.85rem}.ask-answer{font-size:1.1rem;font-weight:600}.mailbox-list{border:1px solid var(--color-border-subtle);border-radius:var(--radius-control);margin:0 0 .75rem;padding:0;list-style:none}.mailbox-list li{border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;gap:.75rem;padding:.45rem .7rem;display:flex}.mailbox-list li:last-child{border-bottom:0}.secret-status{margin:0;font-weight:600}.not-connected{max-width:720px}.not-connected h2{margin-bottom:.6rem}.steps{margin:0 0 1rem;padding-left:1.25rem}.steps li{margin-bottom:.4rem}.state-page{text-align:center;max-width:600px;margin:3rem auto;padding:0 1rem}.state-page h1{margin-bottom:.75rem}.state-page .loading{justify-content:center}.state-code{font-family:var(--font-display);color:var(--color-text-muted);margin:0;font-size:3rem;font-weight:700}.full-page{place-items:center;min-height:100vh;display:grid}.modal-backdrop{background:color-mix(in srgb, var(--color-brand-ink) 55%, transparent);z-index:50;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{background:var(--color-surface-raised);color:var(--color-text-base);border-radius:calc(var(--radius-control) + 4px);border:1px solid var(--color-border-subtle);width:min(460px,100%);padding:1.25rem 1.4rem}.modal h2{margin-bottom:.75rem}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}.pilot-banner{border:1px solid var(--color-border-subtle);border-left:4px solid var(--color-accent-strong);border-radius:var(--radius-control);background:var(--color-surface-raised);color:var(--color-text-base);align-items:center;gap:.5rem;margin:-.5rem 0 1rem;padding:.35rem .75rem;font-size:.88rem;display:flex}.pilot-banner-icon{color:var(--color-accent-strong);flex:none}.pilot-banner-warning,.pilot-banner-ended{border-left-color:var(--color-status-warning);background:color-mix(in srgb, var(--color-status-warning) 10%, var(--color-surface-raised))}.pilot-banner-warning .pilot-banner-icon,.pilot-banner-ended .pilot-banner-icon{color:var(--color-status-warning)}.pilot-banner-ended{font-weight:600}@media (width<=860px){.pilot-banner{margin-top:0}}.check-row{align-items:center;gap:.5rem;display:flex}.check-row input[type=checkbox],.check-cell input[type=checkbox]{width:1.1rem;height:1.1rem;min-height:0;accent-color:var(--color-surface-accent);flex:none;margin:0;padding:0}.check-row-field{min-height:40px}.check-cell{text-align:center}.check-cell input[type=checkbox]:disabled{cursor:not-allowed}.my-settings{border:0;border-top:1px solid color-mix(in srgb, var(--color-text-on-brand) 18%, transparent);flex-direction:column;gap:.3rem;margin:0;padding:.5rem 0 0;display:flex}.my-settings-title{text-transform:uppercase;letter-spacing:.04em;opacity:.85;margin-bottom:.3rem;padding:0;font-size:.8rem;font-weight:700}.my-settings .check-row input[type=checkbox]{accent-color:var(--color-text-on-brand)}.my-settings-hint{opacity:.8;margin:0;font-size:.78rem}.my-settings-error{margin:0;font-size:.8rem;font-weight:600}.my-settings-error:before{content:"⚠ "}.daily-report-help{margin-bottom:.75rem}.chart-ref{stroke:var(--color-status-warning);stroke-width:2px;stroke-dasharray:5 4}.legend+.legend-ref{margin-top:-.3rem}