:root{--font-display:"Bahnschrift", "Avenir Next Condensed", "Roboto Condensed", "Arial Narrow", "Helvetica Neue", sans-serif;--font-body:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", Consolas, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--leading-tight:1.15;--leading-body:1.5;--tracking-caps:.08em;--tracking-display:.01em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--tap-min:44px;--tap-comfort:48px;--tap-capture:56px;--radius-1:3px;--radius-2:6px;--radius-round:999px;--border-width:1px;--border-width-strong:2px;--rule-width:4px;--shadow-1:0 1px 2px #0f141a14;--shadow-2:0 2px 8px #0f141a1f;--shadow-nav:0 -1px 0 #0f141a1f;--z-nav:40;--z-appbar:41;--z-overlay:50;--z-toast:60;--z-skip:100;--motion-fast:.12s;--motion-med:.16s;--motion-ease:cubic-bezier(.2, 0, .2, 1);--color-canvas:#e9edf0;--color-panel:#fff;--color-panel-sunken:#f4f6f8;--color-ink:#16191d;--color-ink-soft:#3f4650;--color-ink-faint:#5a626c;--color-border:#c3cad1;--color-border-strong:#78828d;--color-chrome:#16191d;--color-chrome-ink:#fff;--color-chrome-ink-soft:#9aa5b1;--color-chrome-line:#2e343b;--color-brand-amber:#f5b82e;--color-accent:#0f4d8a;--color-accent-ink:#fff;--color-accent-hover:#0c3f71;--color-accent-text:#0f4d8a;--color-destructive:#a1160f;--color-destructive-ink:#fff;--color-destructive-hover:#86120c;--color-focus:#0b62d6;--color-focus-chrome:#7cb8ff;--signal-good-ink:#15602f;--signal-good-tint:#e3f3e7;--signal-good-edge:#2f7d4f;--signal-good-solid:#15602f;--signal-good-chrome:#58c07e;--signal-solid-ink:#fff;--signal-bad-ink:#a1160f;--signal-bad-tint:#fdeae8;--signal-bad-edge:#c2453a;--signal-bad-solid:#a1160f;--signal-attention-ink:#7a4a00;--signal-attention-tint:#fdf2dd;--signal-attention-edge:#b37400;--signal-info-ink:#1b4d7d;--signal-info-tint:#e6f0f9;--signal-info-edge:#4a7fb2;--signal-neutral-ink:#3f4650;--signal-neutral-tint:#eceff2;--signal-neutral-edge:#9aa5b1;--signal-neutral-solid:#3f4650;--shell-max-form:34rem;--shell-max-content:50rem;--appbar-height:48px;--tabbar-height:60px;--rail-width:232px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}html{scroll-padding-top:calc(var(--appbar-height) + 12px);scroll-padding-bottom:calc(var(--tabbar-height) + 24px);-webkit-text-size-adjust:100%;overflow-x:hidden}body{background:var(--color-canvas);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-md);line-height:var(--leading-body);-webkit-tap-highlight-color:transparent;margin:0}h1,h2,h3{font-family:var(--font-display);font-weight:700;line-height:var(--leading-tight);letter-spacing:var(--tracking-display);margin:0 0 var(--space-3)}h1{font-size:var(--text-xl)}h2{font-size:var(--text-lg)}a,button,input,select,textarea{font:inherit;color:inherit}.microlabel{font-family:var(--font-display);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--color-ink-faint);font-weight:700}.job-code,.numeric{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.text-soft{color:var(--color-ink-soft)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}button{min-height:var(--tap-comfort);min-width:var(--tap-min);cursor:pointer;border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-1);background:var(--color-panel);color:var(--color-ink);padding:var(--space-2) var(--space-4);touch-action:manipulation;transition:background-color var(--motion-fast) var(--motion-ease), border-color var(--motion-fast) var(--motion-ease);font-weight:600}button:hover:not(:disabled){background:var(--color-panel-sunken)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:var(--color-accent-ink);border-color:var(--color-accent);font-weight:700}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn-destructive{background:var(--color-destructive);color:var(--color-destructive-ink);border-color:var(--color-destructive);font-weight:700}.btn-destructive:hover:not(:disabled){background:var(--color-destructive-hover);border-color:var(--color-destructive-hover)}.btn-quiet{color:var(--color-ink-soft);background:0 0;border-color:#0000}.btn-quiet:hover:not(:disabled){background:var(--signal-neutral-tint)}.btn-block{width:100%}.btn-capture{min-height:var(--tap-capture);font-size:var(--text-lg)}.field{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.field label{font-weight:600;font-size:var(--text-sm);color:var(--color-ink-soft)}.field input,.field textarea,.field select{min-height:var(--tap-comfort);width:100%;padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-1);background:var(--color-panel);font-family:var(--font-mono);font-variant-numeric:tabular-nums;transition:border-color var(--motion-fast) var(--motion-ease)}.field input:focus-visible,.field textarea:focus-visible{border-color:var(--color-focus)}.field-hint{font-size:var(--text-sm);color:var(--color-ink-faint)}.field-error{color:var(--signal-bad-ink);font-size:var(--text-sm);font-weight:600}.checkbox-field{align-items:flex-start;gap:var(--space-3);font-weight:400;display:flex}.checkbox-field input[type=checkbox]{width:var(--tap-min);height:var(--tap-min);min-height:var(--tap-min);accent-color:var(--color-accent);flex:none}.status-chip{align-items:center;gap:var(--space-2);min-height:28px;padding:var(--space-1) var(--space-3);border-radius:var(--radius-1);border:var(--border-width) solid var(--signal-neutral-edge);background:var(--signal-neutral-tint);color:var(--signal-neutral-ink);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-sm);white-space:nowrap;font-weight:700;display:inline-flex}.status-chip[data-tone=good]{border-color:var(--signal-good-edge);background:var(--signal-good-tint);color:var(--signal-good-ink)}.status-chip[data-tone=attention]{border-color:var(--signal-attention-edge);background:var(--signal-attention-tint);color:var(--signal-attention-ink)}.status-chip[data-tone=bad]{border-color:var(--signal-bad-edge);background:var(--signal-bad-tint);color:var(--signal-bad-ink)}.status-chip[data-tone=info]{border-color:var(--signal-info-edge);background:var(--signal-info-tint);color:var(--signal-info-ink)}.banner{border:var(--border-width) solid var(--signal-attention-edge);border-left-width:var(--rule-width);border-radius:var(--radius-2);background:var(--signal-attention-tint);color:var(--signal-attention-ink);padding:var(--space-3) var(--space-4);align-items:baseline;gap:var(--space-2);margin:0;font-weight:600;display:flex}.banner[data-tone=bad]{border-color:var(--signal-bad-edge);background:var(--signal-bad-tint);color:var(--signal-bad-ink)}.banner[data-tone=good]{border-color:var(--signal-good-edge);background:var(--signal-good-tint);color:var(--signal-good-ink)}.banner[data-tone=info]{border-color:var(--signal-info-edge);background:var(--signal-info-tint);color:var(--signal-info-ink)}.card{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-2);background:var(--color-panel);box-shadow:var(--shadow-1);padding:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.card-button{text-align:left;border-left-width:var(--rule-width);border-left-color:var(--signal-neutral-edge);width:100%;min-height:var(--tap-capture);align-items:stretch;font-weight:400}.card-button:hover:not(:disabled){background:var(--color-panel);border-color:var(--color-border-strong);border-left-color:var(--signal-neutral-edge);box-shadow:var(--shadow-2)}.card-button[data-rule=bad],.card-button[data-rule=bad]:hover:not(:disabled){border-left-color:var(--signal-bad-edge)}.card-button[data-rule=attention],.card-button[data-rule=attention]:hover:not(:disabled){border-left-color:var(--signal-attention-edge)}.card-button[data-rule=good],.card-button[data-rule=good]:hover:not(:disabled){border-left-color:var(--signal-good-edge)}.card-row{justify-content:space-between;align-items:baseline;gap:var(--space-3);flex-wrap:wrap;display:flex}.card-title{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-lg);font-weight:700}.data-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.kv-row{justify-content:space-between;align-items:baseline;gap:var(--space-3);padding:var(--space-2) 0;display:flex}.kv-row dt,.kv-label{font-size:var(--text-sm);color:var(--color-ink-soft)}.kv-row dd,.kv-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right;margin:0;font-weight:600}.dialog{border:var(--border-width-strong) solid var(--color-ink);border-radius:var(--radius-2);background:var(--color-panel);box-shadow:var(--shadow-2);padding:var(--space-5);gap:var(--space-3);flex-direction:column;display:flex}.dialog h2{margin-bottom:0}.dialog-actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}dialog.dialog{width:min(100% - 2rem, var(--shell-max-form));margin:auto}dialog.dialog:not([open]){display:none}dialog.dialog::backdrop{background:#0f141a8c}.empty-state{border:var(--border-width) dashed var(--color-border-strong);border-radius:var(--radius-2);padding:var(--space-6) var(--space-4);text-align:center;color:var(--color-ink-soft);gap:var(--space-2);flex-direction:column;align-items:center;display:flex}.empty-state-glyph{font-size:var(--text-2xl);color:var(--color-ink-faint);line-height:1}.empty-state-title{color:var(--color-ink);font-weight:700}.loading-state{align-items:center;gap:var(--space-3);color:var(--color-ink-soft);padding:var(--space-4) 0;display:flex}.loading-spinner{border-radius:var(--radius-round);border:3px solid var(--color-border);border-top-color:var(--color-accent);flex:none;width:20px;height:20px}@media (prefers-reduced-motion:no-preference){.loading-spinner{animation:.9s linear infinite bf-spin}@keyframes bf-spin{to{transform:rotate(360deg)}}}.segmented{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.segmented button{min-height:var(--tap-capture);justify-content:center;align-items:center;gap:var(--space-2);border-width:var(--border-width);font-weight:700;display:flex}.segmented button[aria-pressed=true][data-tone=good]{background:var(--signal-good-solid);border-color:var(--signal-good-solid);color:var(--signal-solid-ink)}.segmented button[aria-pressed=true][data-tone=bad]{background:var(--signal-bad-solid);border-color:var(--signal-bad-solid);color:var(--signal-solid-ink)}.segmented button[aria-pressed=true][data-tone=neutral]{background:var(--signal-neutral-solid);border-color:var(--signal-neutral-solid);color:var(--signal-solid-ink)}.checklist-item{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-2);background:var(--color-panel);box-shadow:var(--shadow-1);padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.checklist-item+.checklist-item{margin-top:var(--space-3)}.checklist-instruction{gap:var(--space-3);align-items:baseline;margin:0;display:flex}.item-no{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:700;font-size:var(--text-sm);color:var(--color-ink-soft);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-1);padding:0 var(--space-2);text-align:center;flex:none;min-width:2.25rem}.progress-plate{gap:var(--space-2);flex-direction:column;display:flex}.progress-track{border-radius:var(--radius-round);background:var(--signal-neutral-tint);border:var(--border-width) solid var(--color-border);height:8px;overflow:hidden}.progress-fill{background:var(--color-accent);height:100%;transition:width var(--motion-med) var(--motion-ease)}.action-bar{border-top:var(--border-width-strong) solid var(--color-ink);padding-top:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.screen-header{gap:var(--space-2);flex-direction:column;display:flex}.screen-header .card-row{align-items:center}.screen-meta{color:var(--color-ink-soft);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-sm);margin:0}.back-link{align-self:flex-start;align-items:center;gap:var(--space-2);min-height:var(--tap-min);padding-left:var(--space-2);padding-right:var(--space-3);display:inline-flex}.signin-brand{align-items:center;gap:var(--space-2);text-align:center;padding-top:var(--space-5);flex-direction:column;display:flex}.signin-mark{width:64px;height:64px}.signin-brand .brand-word{font-size:var(--text-2xl);color:var(--color-ink)}.shell{flex-direction:column;min-height:100%;display:flex}.shell-main{padding-bottom:calc(var(--tabbar-height) + env(safe-area-inset-bottom,0px) + var(--space-5));padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);flex-direction:column;flex:1;display:flex}.app-shell{width:100%;max-width:var(--shell-max-content);padding:var(--space-4);gap:var(--space-5);flex-direction:column;margin:0 auto;display:flex}.app-shell--focus{max-width:var(--shell-max-form)}.app-shell--standalone{padding-top:max(var(--space-6), env(safe-area-inset-top,0px));padding-left:calc(var(--space-4) + env(safe-area-inset-left,0px));padding-right:calc(var(--space-4) + env(safe-area-inset-right,0px));min-height:100%}.appbar{z-index:var(--z-appbar);background:var(--color-chrome);color:var(--color-chrome-ink);padding:calc(env(safe-area-inset-top,0px) + var(--space-2)) calc(var(--space-4) + env(safe-area-inset-right,0px)) var(--space-2) calc(var(--space-4) + env(safe-area-inset-left,0px));min-height:var(--appbar-height);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex;position:sticky;top:0}.brand-lockup{align-items:center;gap:var(--space-2);display:inline-flex}.brand-mark{flex:none;width:24px;height:24px}.brand-word{font-family:var(--font-display);font-size:var(--text-md);letter-spacing:var(--tracking-caps);text-transform:uppercase;font-weight:700}.online-chip{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-chrome-ink);border:var(--border-width) solid var(--color-chrome-line);border-radius:var(--radius-1);padding:var(--space-1) var(--space-2);font-weight:700;display:inline-flex}.online-dot{border-radius:var(--radius-round);background:var(--color-chrome-ink-soft);width:8px;height:8px}.online-chip[data-tone=good] .online-dot{background:var(--signal-good-chrome)}.online-chip[data-tone=attention] .online-dot{background:var(--color-brand-amber)}.nav-tabs{z-index:var(--z-nav);background:var(--color-chrome);box-shadow:var(--shadow-nav);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);display:flex;position:fixed;bottom:0;left:0;right:0}.nav-tabs .nav-item{min-height:var(--tabbar-height);color:var(--color-chrome-ink-soft);font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;background:0 0;border:none;border-top:3px solid #0000;border-radius:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-weight:700;display:flex}.nav-tabs .nav-item:hover:not(:disabled){background:var(--color-chrome-line)}.nav-tabs .nav-item[aria-current=page]{color:var(--color-chrome-ink);border-top-color:var(--color-brand-amber)}.nav-icon{width:22px;height:22px}.nav-rail{display:none}.nav-tabs .nav-item:focus-visible,.nav-rail .nav-item:focus-visible{outline-color:var(--color-focus-chrome);outline-offset:-3px}@media (width>=768px){.appbar,.nav-tabs{display:none}.shell-main{margin-left:var(--rail-width);padding-bottom:var(--space-6)}.app-shell{padding:var(--space-6)}.nav-rail{width:var(--rail-width);z-index:var(--z-nav);background:var(--color-chrome);color:var(--color-chrome-ink);padding:var(--space-5) var(--space-3) calc(env(safe-area-inset-bottom,0px) + var(--space-4)) calc(var(--space-3) + env(safe-area-inset-left,0px));gap:var(--space-2);flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.nav-rail .brand-lockup{padding:0 var(--space-3) var(--space-4);border-bottom:var(--border-width) solid var(--color-chrome-line);margin-bottom:var(--space-3)}.nav-rail .brand-word{font-size:var(--text-lg)}.nav-rail .nav-item{align-items:center;gap:var(--space-3);min-height:var(--tap-comfort);padding:var(--space-2) var(--space-3);border-radius:var(--radius-1);color:var(--color-chrome-ink-soft);font-family:var(--font-display);letter-spacing:var(--tracking-display);text-align:left;background:0 0;border:none;border-left:3px solid #0000;font-weight:700;display:flex}.nav-rail .nav-item:hover:not(:disabled){background:var(--color-chrome-line);color:var(--color-chrome-ink)}.nav-rail .nav-item[aria-current=page]{color:var(--color-chrome-ink);border-left-color:var(--color-brand-amber);background:var(--color-chrome-line)}.nav-rail-foot{gap:var(--space-3);padding:var(--space-3);border-top:var(--border-width) solid var(--color-chrome-line);flex-direction:column;margin-top:auto;display:flex}.nav-rail-user{font-size:var(--text-sm);color:var(--color-chrome-ink);overflow-wrap:anywhere}.nav-rail-roles{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);color:var(--color-chrome-ink-soft);text-transform:uppercase}}@media (width>=1280px){.app-shell{padding:var(--space-7) var(--space-6)}}.menu-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.menu-item{width:100%;min-height:var(--tap-capture);justify-content:space-between;align-items:center;gap:var(--space-3);text-align:left;display:flex}.menu-item .chevron{color:var(--color-ink-faint)}.identity-plate{border-left:var(--rule-width) solid var(--color-brand-amber)}@media (width>=768px){.menu-identity{display:none}}.install-hint{border:var(--border-width) solid var(--signal-info-edge);border-left-width:var(--rule-width);border-radius:var(--radius-2);background:var(--signal-info-tint);color:var(--signal-info-ink);padding:var(--space-3) var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.install-hint p{margin:0}.install-hint-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.skip-link{background:var(--color-accent);color:var(--color-accent-ink);padding:var(--space-2) var(--space-4);z-index:var(--z-skip);font-weight:700;position:absolute;top:0;left:-999px}.skip-link:focus{left:var(--space-2);top:var(--space-2)}.signature-pad-canvas{border:var(--border-width-strong) solid var(--color-ink);border-radius:var(--radius-2);background:var(--color-panel);touch-action:none;cursor:crosshair;display:block}.qr-frame{padding:var(--space-3);justify-content:center;display:flex}.qr-code{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-2);background:#fff;max-width:100%;height:auto}.manual-entry{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-2);background:var(--color-panel-sunken);padding:var(--space-3) var(--space-4)}.setup-key code{font-family:var(--font-mono);letter-spacing:.08em;word-break:break-all;-webkit-user-select:all;user-select:all;font-size:1.0625rem}.recovery-codes{margin:var(--space-3) 0 0;padding:var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-2);background:var(--color-panel);gap:var(--space-2);font-family:var(--font-mono);font-variant-numeric:tabular-nums;-webkit-user-select:all;user-select:all;grid-template-columns:repeat(auto-fill,minmax(11ch,1fr));list-style:none;display:grid;overflow-x:auto}.review-item{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-3) 0;border-bottom:var(--border-width) solid var(--color-border);flex-wrap:wrap;display:flex}.review-item:last-child{border-bottom:none;padding-bottom:0}.review-item .checklist-instruction{flex:18rem;min-width:0}.review-item .status-chip{margin-left:auto}.review-remark{color:var(--color-ink-soft);padding-left:calc(2.25rem + var(--space-3));flex-basis:100%;margin:0}.readonly-value{font-weight:700;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.review-section{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-2);background:var(--color-panel);box-shadow:var(--shadow-1);padding:var(--space-4)}.review-section>h2{margin-bottom:var(--space-3)}.approval-step{border-left:var(--rule-width) solid var(--color-border-strong);padding:var(--space-2) 0 var(--space-2) var(--space-4);margin-bottom:var(--space-3)}.approval-step:last-child{margin-bottom:0}.approval-step p{margin:0 0 var(--space-1)}.approval-step-when{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-sm);color:var(--color-ink-soft)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
