:root{--bg-canvas:#f3f5f7;--bg-surface:#fff;--bg-subtle:#f7f9fa;--border-default:#dde3e8;--border-strong:#c3ccd4;--text-primary:#0f2340;--text-secondary:#4e5d74;--text-tertiary:#64748b;--text-on-brand:#fff;--brand-navy:#0b3a75;--brand-navy-soft:#e3ecf7;--accent:#0091a1;--accent-soft:#ddf3f5;--success-fg:#0c6e44;--success-soft:#ddf2e6;--warning-fg:#7e5200;--warning-soft:#fbedc6;--danger-fg:#b42318;--danger-soft:#fee4e2;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--radius-sm:8px;--radius-md:10px;--radius-lg:12px;--radius-pill:999px;--font:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--type-display:600 28px/36px var(--font);--type-numeric:600 22px/28px var(--font);--type-title:600 18px/26px var(--font);--type-heading:600 16px/24px var(--font);--type-body:400 14px/20px var(--font);--type-body-medium:500 14px/20px var(--font);--type-body-strong:600 14px/20px var(--font);--type-caption:400 12px/16px var(--font);--type-caption-strong:600 12px/16px var(--font);--type-overline:600 11px/16px var(--font);--touch-min:44px;--focus-ring:0 0 0 3px #0091a166}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg-canvas);color:var(--text-primary);font:var(--type-body);-webkit-text-size-adjust:100%}h1{font:var(--type-title);margin:0}h2{font:var(--type-heading);margin:0}h3{font:var(--type-body-strong);margin:0}p{margin:0}a{color:var(--brand-navy)}:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-sm);outline:none}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{background:var(--bg-surface);z-index:10;padding:8px 12px;position:absolute;top:8px;left:-999px}.skip:focus{left:8px}.shell{grid-template-columns:88px minmax(0,1fr);min-height:100dvh;display:grid}.rail{background:var(--bg-surface);border-right:1px solid var(--border-default);padding:var(--space-12) var(--space-4);align-items:stretch;gap:var(--space-4);flex-direction:column;height:100dvh;display:flex;position:sticky;top:0}.rail .mark{border-radius:var(--radius-md);background:var(--brand-navy);width:44px;height:44px;color:var(--text-on-brand);font:var(--type-heading);margin:0 auto var(--space-12);place-items:center;display:grid}.nav-item{padding:var(--space-8) var(--space-4);border-radius:var(--radius-md);color:var(--text-secondary);font:var(--type-caption-strong);min-height:var(--touch-min);flex-direction:column;align-items:center;gap:2px;text-decoration:none;display:flex}.nav-item svg{width:20px;height:20px}.nav-item[aria-current=page]{background:var(--accent-soft);color:var(--brand-navy)}.rail .who{text-align:center;font:var(--type-caption);color:var(--text-secondary);padding-top:var(--space-8);border-top:1px solid var(--border-default);margin-top:auto}.rail .who strong{color:var(--text-primary);font:var(--type-caption-strong);display:block}.main{flex-direction:column;min-width:0;display:flex}.topbar{align-items:center;gap:var(--space-12);padding:var(--space-12) var(--space-24);background:var(--bg-surface);border-bottom:1px solid var(--border-default);z-index:2;min-height:64px;display:flex;position:sticky;top:0}.topbar h1{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.content{padding:var(--space-24);gap:var(--space-16);width:100%;max-width:1200px;display:grid}.bottombar{display:none}@media (max-width:599px){.shell{grid-template-columns:minmax(0,1fr)}.rail{display:none}.topbar{padding:var(--space-12) var(--space-16)}.content{padding:var(--space-16);padding-bottom:calc(88px + env(safe-area-inset-bottom))}.bottombar{background:var(--bg-surface);border-top:1px solid var(--border-default);padding:var(--space-4) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom));z-index:3;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}}.card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-16);gap:var(--space-12);min-width:0;display:grid}.card-head{justify-content:space-between;align-items:center;gap:var(--space-12);flex-wrap:wrap;display:flex}.btn{min-height:var(--touch-min);padding:0 var(--space-16);border-radius:var(--radius-md);font:var(--type-body-strong);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-8);border:1px solid #0000;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--brand-navy);color:var(--text-on-brand)}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-strong)}.btn-danger{background:var(--danger-fg);color:var(--text-on-brand)}.btn-ghost{color:var(--brand-navy);background:0 0}.btn-block{width:100%}.field{gap:var(--space-4);min-width:0;display:grid}.field label{font:var(--type-body-medium)}.field input,.field select,.field textarea{min-height:var(--touch-min);padding:0 var(--space-12);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-primary);width:100%;font-size:16px}.field input[aria-invalid=true]{border-color:var(--danger-fg)}.hint{font:var(--type-caption);color:var(--text-tertiary)}.field-error{font:var(--type-caption-strong);color:var(--danger-fg)}.alert{border-radius:var(--radius-md);padding:var(--space-12);gap:var(--space-4);display:grid}.alert ul{padding-left:var(--space-20);margin:0}.alert-info{background:var(--brand-navy-soft)}.alert-success{background:var(--success-soft);color:var(--success-fg)}.alert-warning{background:var(--warning-soft);color:var(--warning-fg)}.alert-danger{background:var(--danger-soft);color:var(--danger-fg)}.badge{min-height:24px;padding:0 var(--space-8);border-radius:var(--radius-pill);font:var(--type-caption-strong);background:var(--bg-subtle);border:1px solid var(--border-default);white-space:nowrap;align-items:center;display:inline-flex}.badge-success{background:var(--success-soft);color:var(--success-fg);border-color:#0000}.badge-warning{background:var(--warning-soft);color:var(--warning-fg);border-color:#0000}.badge-danger{background:var(--danger-soft);color:var(--danger-fg);border-color:#0000}.badge-accent{background:var(--accent-soft);color:var(--brand-navy);border-color:#0000}.save-note{color:var(--text-secondary)}.row{gap:var(--space-8);flex-wrap:wrap;align-items:center;display:flex}.grid-2{gap:var(--space-12);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.grid-3{gap:var(--space-12);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (max-width:767px){.grid-2,.grid-3{grid-template-columns:minmax(0,1fr)}}.muted{color:var(--text-secondary)}.small{font:var(--type-caption);color:var(--text-secondary)}.numeric{font:var(--type-numeric);font-variant-numeric:tabular-nums}.chips{gap:var(--space-8);flex-wrap:wrap;display:flex}.chip{min-height:var(--touch-min);padding:0 var(--space-16);border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--bg-surface);font:var(--type-body-strong);cursor:pointer}.chip[aria-pressed=true]{background:var(--brand-navy);color:var(--text-on-brand);border-color:var(--brand-navy)}.board{gap:var(--space-12);grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;display:grid}@media (max-width:1023px){.board{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:599px){.board{grid-template-columns:minmax(0,1fr)}}.column{background:var(--bg-subtle);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-12);gap:var(--space-8);display:grid}.column-head{font:var(--type-body-strong);justify-content:space-between;display:flex}.order-card{gap:var(--space-4);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-12);color:inherit;min-height:var(--touch-min);text-decoration:none;display:grid}.order-card:hover{border-color:var(--border-strong)}.kv{gap:var(--space-4) var(--space-16);grid-template-columns:max-content minmax(0,1fr);margin:0;display:grid}.kv dt{color:var(--text-secondary)}.kv dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;padding:var(--space-8);border-bottom:1px solid var(--border-default);vertical-align:top}.table td.num,.table th.num{text-align:right;font-variant-numeric:tabular-nums}.timeline{gap:var(--space-8);margin:0;padding:0;list-style:none;display:grid}.timeline li{padding-left:var(--space-12);border-left:2px solid var(--border-strong);gap:2px;display:grid}.signin{min-height:100dvh;padding:var(--space-16);place-items:center;display:grid}.signin .card{width:min(440px,100%)}.pick{gap:var(--space-8);display:grid}.pick button{justify-content:space-between}.empty{text-align:center;padding:var(--space-24);color:var(--text-secondary)}.setup-key code,.recovery-codes code{letter-spacing:.04em;overflow-wrap:anywhere;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:1rem}.setup-key{background:var(--bg-subtle,var(--bg-surface));border:1px solid var(--border-default);border-radius:var(--radius-md,8px);padding:var(--space-12);margin:0}.recovery-codes{gap:var(--space-8,8px) var(--space-16);grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));margin:0;padding-left:1.5rem;display:grid}.check{gap:var(--space-8,8px);align-items:center;min-height:44px;display:flex}.check input{width:22px;height:22px}