:root{--sfa-canvas:#f7f8fa;--sfa-surface:#ffffff;--sfa-ink:#1f2933;--sfa-muted:#52606d;--sfa-brand:#2f855a;--sfa-brand-dark:#276749;--sfa-tint:#eaf5ee;--sfa-line:#d9e0dc;--sfa-danger:#9b2c2c;--sfa-warning:#704a16;--sfa-warning-surface:#fff7e8;--sfa-radius:1rem}@font-face{font-family:Nunito;font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/nunito-latin.woff2) format("woff2")}*{box-sizing:border-box}body{margin:0;background:var(--sfa-canvas);color:var(--sfa-ink);font:500 16px/1.5 Nunito,sans-serif}::selection{background:var(--sfa-brand);color:var(--sfa-surface)}a{color:var(--sfa-brand-dark);text-underline-offset:.2em}button,input,select,textarea{font:inherit;caret-color:var(--sfa-brand)}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--sfa-brand);outline-offset:3px}h1{font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.15;letter-spacing:-.025em;font-weight:800}h1,h2{margin:0 0 12px}h2{font-size:1.25rem;line-height:1.3}p{margin:0 0 16px;max-width:70ch;overflow-wrap:anywhere}.muted,small{color:var(--sfa-muted)}.primary-link,.secondary-link,button[data-slot=button]{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 20px;border:1px solid transparent;border-radius:999px;color:var(--sfa-surface);background:var(--sfa-brand);font-weight:800;cursor:pointer;text-decoration:none;transition:background .12s ease}.primary-link:hover,button[data-slot=button]:hover{background:var(--sfa-brand-dark)}.secondary-link,button[data-variant=ghost],button[data-variant=outline]{color:var(--sfa-brand-dark);background:var(--sfa-surface);border-color:var(--sfa-line)}button[data-variant=ghost]{background:transparent;border-color:transparent}.secondary-link:hover,button[data-variant=ghost]:hover,button[data-variant=outline]:hover{background:var(--sfa-tint)}button:disabled{opacity:.55;cursor:not-allowed}label{display:flex;flex-direction:column;gap:8px;font-weight:800}input,select,textarea{width:100%;min-height:44px;border:1px solid var(--sfa-line);border-radius:8px;background:var(--sfa-surface);color:var(--sfa-ink);padding:10px 12px}textarea{min-height:112px;resize:vertical}input::placeholder,textarea::placeholder{color:var(--sfa-muted)}.auth-panel{width:min(100% - 40px,520px);margin:10vh auto;padding:24px 0}.auth-panel .wordmark{margin-bottom:48px}.wordmark{font-size:1.35rem;font-weight:900;text-decoration:none;color:var(--sfa-ink)}.mobile-brand,.wordmark span{color:var(--sfa-brand-dark);font-weight:900}.app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100dvh}.sidebar{background:var(--sfa-surface);border-right:1px solid var(--sfa-line);padding:32px 24px;position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;gap:16px}.sidebar nav{display:grid;gap:8px}.sidebar nav a{display:flex;align-items:center;gap:12px;min-height:48px;padding:12px;color:var(--sfa-muted);text-decoration:none;border-radius:8px}.sidebar nav a.active{background:var(--sfa-tint);color:var(--sfa-brand-dark);font-weight:800}.sidebar-note{margin-top:auto;font-size:.875rem;color:var(--sfa-muted)}.main-column{min-width:0}.topbar{min-height:88px;padding:max(16px,env(safe-area-inset-top)) 40px 16px;border-bottom:1px solid var(--sfa-line);display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--sfa-surface)}.company-select{flex-direction:row;align-items:center;gap:12px;font-size:.875rem}.company-select select{max-width:300px}.page{width:min(100%,1120px);margin:auto;padding:24px 40px 64px}.page-heading{margin:32px 0}.connection-bar,.page-heading p{color:var(--sfa-muted)}.connection-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:.875rem}.today{background:var(--sfa-surface);border:1px solid var(--sfa-line);border-radius:var(--sfa-radius);padding:24px;margin:0 0 40px}.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.rows{padding:0;list-style:none;margin:24px 0 32px}.rows li{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;border-bottom:1px solid var(--sfa-line);padding:20px 0}.rows li p{margin:4px 0}.rows li>span:not(.status){font-size:.875rem;color:var(--sfa-muted)}.status{display:inline-block;flex-shrink:0;max-width:45%;padding:6px 10px;border-radius:8px;background:var(--sfa-warning-surface);color:var(--sfa-warning);font-size:.8rem;font-weight:800}.status.acked,.status.confirmed{color:var(--sfa-brand-dark);background:var(--sfa-tint)}.status.dead,.status.rejected{color:var(--sfa-danger)}.capture{display:grid;gap:24px;max-width:720px}.capture>button{justify-self:start}.line-input{display:flex;flex-wrap:wrap;align-items:end;gap:12px}.line-input>label:first-child{flex:1 1 220px}.line-input>label:nth-child(2){width:120px}.empty,.notice{background:var(--sfa-surface);border:1px solid var(--sfa-line);border-radius:var(--sfa-radius);padding:20px;margin:16px 0 24px}.error{color:var(--sfa-danger)}.bottom-nav,.mobile-brand{display:none}@media (max-width:760px){.app-shell{display:block}.sidebar{display:none}.topbar{padding:max(12px,env(safe-area-inset-top)) 16px 12px;min-height:80px}.mobile-brand{display:block}.company-select{flex:1 1;min-width:0}.company-select>span{display:none}.company-select select{min-width:0}.topbar button span{display:none}.page{padding:16px 20px calc(104px + env(safe-area-inset-bottom))}.page-heading{margin:24px 0}.connection-bar{gap:8px;font-size:.8rem}.connection-bar button{padding:8px 12px}.rows li{gap:12px}.bottom-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;background:var(--sfa-surface);border-top:1px solid var(--sfa-line);padding:8px 4px max(8px,env(safe-area-inset-bottom))}.bottom-nav a{min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-decoration:none;color:var(--sfa-muted);font-size:.65rem}.bottom-nav a.active{color:var(--sfa-brand-dark);font-weight:900}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.environment-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px;padding:max(12px,env(safe-area-inset-top)) 20px 12px;background:var(--sfa-surface);border-bottom:1px solid var(--sfa-line)}.environment-toolbar[data-environment=staging]{background:var(--sfa-warning-surface);color:var(--sfa-warning)}.environment-toolbar label{display:flex;flex-direction:row;align-items:center;gap:12px;min-width:0}.environment-toolbar select{width:auto;max-width:100%}.environment-toolbar select:disabled{cursor:not-allowed}.environment-toolbar p{margin:0;font-size:.875rem}.environment-error{margin:12px 20px;color:var(--sfa-danger)}@media (max-width:760px){.environment-toolbar{gap:8px;padding-inline:16px}.environment-toolbar label{width:100%;justify-content:space-between}.environment-root .topbar{padding-top:12px}}