:root{--font-display:"IBM Plex Sans Thai",ui-sans-serif,system-ui,sans-serif;--font-body:"IBM Plex Sans Thai",ui-sans-serif,system-ui,sans-serif;--font-mono:"IBM Plex Mono","IBM Plex Sans Thai",ui-monospace,monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-md:1.25rem;--text-lg:1.5625rem;--text-xl:1.9531rem;--text-2xl:2.4414rem;--leading-tight:1.15;--leading-snug:1.35;--leading-body:1.6;--tracking-display:-0.02em;--tracking-label:0.08em;--space-3xs:0.125rem;--space-2xs:0.25rem;--space-xs:0.5rem;--space-sm:0.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-pill:999px;--rule-thin:1px;--rule-thick:2px;--dur-fast:120ms;--dur-base:180ms;--dur-slow:260ms;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in:cubic-bezier(0.7,0,0.84,0);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--shadow-raised:0 1px 2px oklch(22% 0.016 258/0.06);--shadow-panel:0 8px 24px oklch(22% 0.016 258/0.10);--color-paper:oklch(98% 0.004 258);--color-paper-2:oklch(96% 0.006 258);--color-paper-3:oklch(93% 0.008 258);--color-rule:oklch(88% 0.010 258);--color-rule-strong:oklch(78% 0.012 258);--color-neutral:oklch(58% 0.014 258);--color-muted:oklch(44% 0.014 258);--color-ink:oklch(22% 0.016 258);--color-accent:oklch(52% 0.20 258);--color-accent-hover:oklch(46% 0.20 258);--color-accent-quiet:oklch(94% 0.030 258);--color-focus:oklch(58% 0.19 258);--color-on-accent:oklch(99% 0.003 258);--color-pending:oklch(58% 0.014 258);--color-pending-bg:oklch(95% 0.008 258);--color-active:oklch(50% 0.16 232);--color-active-bg:oklch(95% 0.030 232);--color-waiting:oklch(64% 0.14 70);--color-waiting-bg:oklch(95% 0.040 70);--color-done:oklch(54% 0.13 150);--color-done-bg:oklch(95% 0.035 150);--color-cancelled:oklch(54% 0.16 25);--color-cancelled-bg:oklch(95% 0.030 25);--color-credit:oklch(50% 0.13 150);--color-debit:oklch(52% 0.16 25);--color-alert:oklch(54% 0.18 25);--color-alert-bg:oklch(96% 0.028 25)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-paper:oklch(16% 0.012 258);--color-paper-2:oklch(19% 0.014 258);--color-paper-3:oklch(23% 0.016 258);--color-rule:oklch(30% 0.014 258);--color-rule-strong:oklch(40% 0.016 258);--color-neutral:oklch(64% 0.012 258);--color-muted:oklch(76% 0.010 258);--color-ink:oklch(94% 0.008 258);--color-accent:oklch(66% 0.17 258);--color-accent-hover:oklch(72% 0.17 258);--color-accent-quiet:oklch(28% 0.050 258);--color-focus:oklch(70% 0.17 258);--color-on-accent:oklch(16% 0.012 258);--color-pending:oklch(64% 0.012 258);--color-pending-bg:oklch(24% 0.012 258);--color-active:oklch(66% 0.14 232);--color-active-bg:oklch(26% 0.045 232);--color-waiting:oklch(76% 0.13 70);--color-waiting-bg:oklch(28% 0.050 70);--color-done:oklch(68% 0.12 150);--color-done-bg:oklch(26% 0.045 150);--color-cancelled:oklch(66% 0.14 25);--color-cancelled-bg:oklch(26% 0.045 25);--color-credit:oklch(68% 0.12 150);--color-debit:oklch(66% 0.14 25);--color-alert:oklch(68% 0.15 25);--color-alert-bg:oklch(26% 0.045 25);--shadow-raised:0 1px 2px oklch(8% 0.01 258/0.4);--shadow-panel:0 8px 24px oklch(8% 0.01 258/0.55)}body{font-weight:350}}:root[data-theme=dark]{color-scheme:dark}:root[data-theme=light]{color-scheme:light}body,html{overflow-x:clip}body{line-height:var(--leading-body);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);font-style:normal;font-weight:600;line-height:var(--leading-tight);letter-spacing:var(--tracking-display);overflow-wrap:anywhere;min-width:0}.job-code,.money,.num,.plate,.sku,td.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"tnum"}.label{font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-neutral)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.15s!important;transition-property:opacity!important}}:root[data-theme=dark]{--color-paper:oklch(16% 0.012 258);--color-paper-2:oklch(19% 0.014 258);--color-paper-3:oklch(23% 0.016 258);--color-rule:oklch(30% 0.014 258);--color-rule-strong:oklch(40% 0.016 258);--color-neutral:oklch(64% 0.012 258);--color-muted:oklch(76% 0.010 258);--color-ink:oklch(94% 0.008 258);--color-accent:oklch(66% 0.17 258);--color-accent-hover:oklch(72% 0.17 258);--color-accent-quiet:oklch(28% 0.050 258);--color-on-accent:oklch(16% 0.012 258);--color-pending:oklch(64% 0.012 258);--color-pending-bg:oklch(24% 0.012 258);--color-active:oklch(66% 0.14 232);--color-active-bg:oklch(26% 0.045 232);--color-waiting:oklch(76% 0.13 70);--color-waiting-bg:oklch(28% 0.050 70);--color-done:oklch(68% 0.12 150);--color-done-bg:oklch(26% 0.045 150);--color-cancelled:oklch(66% 0.14 25);--color-cancelled-bg:oklch(26% 0.045 25);--color-credit:oklch(68% 0.12 150);--color-debit:oklch(66% 0.14 25);--color-alert:oklch(68% 0.15 25);--color-alert-bg:oklch(26% 0.045 25)}:root[data-theme=light]{--color-paper:oklch(98% 0.004 258);--color-paper-2:oklch(96% 0.006 258);--color-paper-3:oklch(93% 0.008 258);--color-rule:oklch(88% 0.010 258);--color-rule-strong:oklch(78% 0.012 258);--color-neutral:oklch(58% 0.014 258);--color-muted:oklch(44% 0.014 258);--color-ink:oklch(22% 0.016 258);--color-accent:oklch(52% 0.20 258);--color-accent-hover:oklch(46% 0.20 258);--color-accent-quiet:oklch(94% 0.030 258);--color-on-accent:oklch(99% 0.003 258);--color-pending:oklch(58% 0.014 258);--color-pending-bg:oklch(95% 0.008 258);--color-active:oklch(50% 0.16 232);--color-active-bg:oklch(95% 0.030 232);--color-waiting:oklch(64% 0.14 70);--color-waiting-bg:oklch(95% 0.040 70);--color-done:oklch(54% 0.13 150);--color-done-bg:oklch(95% 0.035 150);--color-cancelled:oklch(54% 0.16 25);--color-cancelled-bg:oklch(95% 0.030 25);--color-credit:oklch(50% 0.13 150);--color-debit:oklch(52% 0.16 25);--color-alert:oklch(54% 0.18 25);--color-alert-bg:oklch(96% 0.028 25)}*,:after,:before{box-sizing:border-box}body{margin:0;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base)}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--color-accent)}.app{grid-template-columns:232px 1fr;height:100dvh}.app,.rail{display:grid}.rail{background:var(--color-paper-2);-webkit-border-end:var(--rule-thin) solid var(--color-rule);border-inline-end:var(--rule-thin) solid var(--color-rule);grid-template-rows:auto 1fr auto;overflow:hidden;min-width:0}.rail-head{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-bottom:var(--rule-thin) solid var(--color-rule);min-height:56px}.mark{width:26px;height:26px;flex:none;border-radius:var(--radius-sm);background:var(--color-accent);color:var(--color-on-accent);display:grid;place-items:center;font-family:var(--font-mono);font-weight:600;font-size:var(--text-sm)}.rail-name{font-weight:600;letter-spacing:var(--tracking-display);white-space:nowrap}.rail-nav{overflow-y:auto;padding:var(--space-sm) var(--space-xs)}.nav-group{margin-bottom:var(--space-md)}.nav-group>.label{padding:0 var(--space-sm) var(--space-2xs);display:block;font-size:var(--text-xs);color:var(--color-neutral);text-transform:uppercase;letter-spacing:var(--tracking-label)}.nav-item{display:flex;align-items:center;gap:var(--space-xs);width:100%;text-align:start;text-decoration:none;padding:var(--space-xs) var(--space-sm);border:0;border-radius:var(--radius-md);background:none;color:var(--color-muted);cursor:pointer;font-size:var(--text-sm);line-height:1.3;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.nav-item:hover{background:var(--color-paper-3);color:var(--color-ink)}.nav-item[aria-current=page]{background:var(--color-accent-quiet);color:var(--color-ink);font-weight:600;box-shadow:inset 2px 0 0 var(--color-accent)}.nav-item .ico{width:20px;flex:none;text-align:center;font-size:15px;line-height:1}.nav-item .txt{flex:1 1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-count{font-family:var(--font-mono);font-size:var(--text-xs);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--color-neutral);flex:none}.nav-item[aria-current=page] .nav-count{color:var(--color-accent)}.rail-foot{border-top:var(--rule-thin) solid var(--color-rule);padding:var(--space-xs)}.main{display:grid;grid-template-rows:auto 1fr;min-width:0;overflow:hidden}.topbar{gap:var(--space-sm);padding:var(--space-xs) var(--space-md);border-bottom:var(--rule-thin) solid var(--color-rule);background:var(--color-paper);min-height:56px}.spotlight,.topbar{display:flex;align-items:center}.spotlight{position:relative;flex:1 1;max-width:520px;gap:var(--space-xs);padding:var(--space-2xs) var(--space-sm);border:var(--rule-thin) solid var(--color-rule-strong);border-radius:var(--radius-md);background:var(--color-paper-2);color:var(--color-neutral);min-height:34px}.spotlight:focus-within{border-color:var(--color-accent)}.spotlight input{flex:1 1;min-width:0;border:0;background:none;outline:none;font-size:var(--text-sm);color:var(--color-ink)}.grow{flex:1 1}.who{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm);padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-md);min-height:40px}.who .txt{display:grid;line-height:1.15}.who small{color:var(--color-neutral)}.avatar,.who small{font-size:var(--text-xs)}.avatar{width:28px;height:28px;border-radius:var(--radius-pill);background:var(--color-accent-quiet);color:var(--color-accent);display:grid;place-items:center;font-weight:600;flex:none}.screen{display:grid;grid-template-rows:auto auto 1fr;min-height:0;overflow:auto}.page-head{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;padding:var(--space-md) var(--space-lg) var(--space-sm)}.page-head h1{margin:0;font-size:var(--text-lg)}.page-sub{color:var(--color-neutral);font-size:var(--text-sm)}.pad{padding:0 var(--space-lg) var(--space-lg)}.stack{display:grid;grid-gap:var(--space-md);gap:var(--space-md)}.stack-sm{display:grid;grid-gap:var(--space-sm);gap:var(--space-sm)}.stack-lg{display:grid;grid-gap:var(--space-lg);gap:var(--space-lg)}.rowline{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.empty{padding:var(--space-2xl);text-align:center;color:var(--color-neutral);font-size:var(--text-sm)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.btn,.sr{white-space:nowrap}.btn{display:inline-flex;align-items:center;gap:var(--space-2xs);padding:var(--space-2xs) var(--space-sm);min-height:34px;border:var(--rule-thin) solid var(--color-rule-strong);border-radius:var(--radius-md);background:var(--color-paper);color:var(--color-ink);font-size:var(--text-sm);cursor:pointer;text-decoration:none;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.btn:hover{background:var(--color-paper-3)}.btn-primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent);font-weight:500}.btn-primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-sm{min-height:26px;padding:0 var(--space-xs);font-size:var(--text-xs)}.toolbar{display:flex;gap:var(--space-sm);flex-wrap:wrap;padding:0 var(--space-lg) var(--space-sm);border-bottom:var(--rule-thin) solid var(--color-rule)}.field,.toolbar{align-items:center}.field{display:inline-flex;gap:var(--space-2xs);border:var(--rule-thin) solid var(--color-rule-strong);border-radius:var(--radius-md);background:var(--color-paper);padding:0 var(--space-xs);min-height:32px}.field input,.field select{border:0;background:none;outline:none;font-size:var(--text-sm);min-height:30px}.field>.label{font-size:var(--text-xs);color:var(--color-neutral)}.seg{display:inline-flex;border:var(--rule-thin) solid var(--color-rule-strong);border-radius:var(--radius-md);overflow:hidden}.seg button{border:0;background:var(--color-paper);color:var(--color-muted);padding:var(--space-2xs) var(--space-sm);min-height:32px;font-size:var(--text-sm);cursor:pointer;-webkit-border-end:var(--rule-thin) solid var(--color-rule);border-inline-end:var(--rule-thin) solid var(--color-rule)}.seg button:last-child{-webkit-border-end:0;border-inline-end:0}.seg button[aria-pressed=true]{background:var(--color-accent-quiet);color:var(--color-accent);font-weight:600}.chips{display:flex;gap:var(--space-2xs);flex-wrap:wrap}.chip,.chips{align-items:center}.chip{display:inline-flex;gap:5px;padding:3px var(--space-xs);border-radius:var(--radius-pill);border:var(--rule-thin) solid var(--color-rule);background:var(--color-paper);font-size:var(--text-xs);color:var(--color-muted);cursor:pointer;text-decoration:none;transition:background var(--dur-fast) var(--ease-out)}.chip:hover{background:var(--color-paper-3)}.chip[aria-current=page],.chip[aria-pressed=true]{border-color:var(--color-ink);color:var(--color-ink);font-weight:600}.chip .dot{width:8px;height:8px;border-radius:var(--radius-pill);flex:none}.board{gap:var(--space-sm);align-items:start;padding:var(--space-md) var(--space-lg);overflow:auto}.board,.lane{display:flex;min-height:0}.lane{flex:0 0 264px;flex-direction:column;border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-lg);background:var(--color-paper-2)}.lane[data-drop=true]{border-color:var(--color-accent);background:var(--color-accent-quiet)}.lane-head{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-bottom:var(--rule-thin) solid var(--color-rule)}.lane-bar{width:3px;align-self:stretch;border-radius:var(--radius-pill);flex:none}.lane-title{font-size:var(--text-sm);font-weight:600;flex:1 1;min-width:0}.lane-n{font-family:var(--font-mono);font-size:var(--text-xs);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;padding:1px 7px;border-radius:var(--radius-pill);background:var(--color-paper-3);color:var(--color-muted)}.lane-body{overflow-y:auto;grid-gap:var(--space-xs);gap:var(--space-xs);align-content:start}.card,.lane-body{padding:var(--space-xs);display:grid}.card{border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-paper);box-shadow:var(--shadow-raised);grid-gap:6px;gap:6px;transition:transform var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.card[data-drag=true]{cursor:-webkit-grab;cursor:grab}.card[data-drag=true]:hover{border-color:var(--color-rule-strong);transform:translateY(-1px)}.card[data-drag=true]:active{cursor:-webkit-grabbing;cursor:grabbing}.card.dragging{opacity:.4}.card[data-late=true]{-webkit-border-start:3px solid var(--color-alert);border-inline-start:3px solid var(--color-alert)}.card-top{display:flex;align-items:start;gap:var(--space-xs)}.card-id{min-width:0;flex:1 1}.plate{font-size:var(--text-sm);font-weight:600;letter-spacing:.01em}.model{color:var(--color-neutral);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-meta,.model{font-size:var(--text-xs)}.card-meta{display:flex;align-items:center;gap:var(--space-xs);color:var(--color-muted)}.card-meta .sep{color:var(--color-rule-strong)}.badge{display:inline-flex;align-items:center;gap:4px;padding:1px 7px;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:500;white-space:nowrap;background:var(--color-paper-3);color:var(--color-muted)}.badge[data-tone=pending]{background:var(--color-pending-bg);color:var(--color-pending)}.badge[data-tone=active]{background:var(--color-active-bg);color:var(--color-active)}.badge[data-tone=waiting]{background:var(--color-waiting-bg);color:var(--color-waiting)}.badge[data-tone=done]{background:var(--color-done-bg);color:var(--color-done)}.badge[data-tone=alert]{background:var(--color-alert-bg);color:var(--color-alert)}.badge[data-tone=cancelled]{background:var(--color-cancelled-bg);color:var(--color-cancelled)}.tablewrap{overflow:auto;min-height:0}table.grid{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--text-sm)}table.grid thead th{position:-webkit-sticky;position:sticky;top:0;z-index:2;background:var(--color-paper);text-align:start;font-weight:600;padding:var(--space-xs) var(--space-sm);white-space:nowrap;border-bottom:var(--rule-thick) solid var(--color-rule-strong)}table.grid thead th button{border:0;background:none;padding:0;cursor:pointer;color:inherit;font:inherit}table.grid thead th button:hover{color:var(--color-accent)}table.grid td{padding:var(--space-xs) var(--space-sm);border-bottom:var(--rule-thin) solid var(--color-rule);vertical-align:middle}table.grid tbody tr:hover td{background:var(--color-paper-2)}.tablewrap[data-density=compact] table.grid td{padding:3px var(--space-sm)}td.num,th.num{text-align:end}.mono,.num{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.nowrap{white-space:nowrap}.muted{color:var(--color-neutral)}.total-row td{border-top:var(--rule-thick) solid var(--color-rule-strong);font-weight:600;background:var(--color-paper-2)}.kpis{display:flex;gap:var(--space-sm);flex-wrap:wrap}.kpi{border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-lg);background:var(--color-paper-2);padding:var(--space-sm) var(--space-md);min-width:168px;display:grid;grid-gap:2px;gap:2px}.kpi .label{display:block;font-size:var(--text-xs);color:var(--color-neutral)}.kpi b{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.1}.kpi small{font-size:var(--text-xs);color:var(--color-neutral)}.kpi[data-tone=alert] b{color:var(--color-alert)}.jd-card{border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-lg);background:var(--color-paper);overflow:clip}.jd-card>h2,.jd-card>h3{margin:0;padding:var(--space-xs) var(--space-md);font-size:var(--text-sm);border-bottom:var(--rule-thin) solid var(--color-rule);background:var(--color-paper-2);display:flex;align-items:center;gap:var(--space-xs)}.jd-card>.body{padding:var(--space-sm) var(--space-md);grid-gap:var(--space-sm)}.jd-card>.body,.jd-cards2{display:grid;gap:var(--space-sm)}.jd-cards2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:var(--space-sm)}.jd-cards3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:var(--space-sm);gap:var(--space-sm)}.jd-tabs{display:flex;gap:var(--space-2xs);overflow-x:auto;padding:var(--space-2xs);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-lg);background:var(--color-paper)}.jd-tabs button{border:0;background:none;cursor:pointer;white-space:nowrap;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-muted)}.jd-tabs button:hover{background:var(--color-paper-3)}.jd-tabs button[aria-selected=true]{background:var(--color-accent-quiet);color:var(--color-accent);font-weight:600}.jd-kv{margin:0;padding:var(--space-sm) var(--space-md);display:grid;grid-gap:var(--space-2xs);gap:var(--space-2xs)}.jd-kv>div{display:flex;align-items:baseline;gap:var(--space-sm);font-size:var(--text-sm);padding-block:3px;border-bottom:var(--rule-thin) dotted var(--color-rule)}.jd-kv>div:last-child{border-bottom:0}.jd-kv dt{color:var(--color-neutral)}.jd-kv dd{margin:0 0 0 auto;text-align:end}.formfield{display:grid;grid-gap:var(--space-2xs);gap:var(--space-2xs)}.formfield>span{font-size:var(--text-sm);color:var(--color-muted)}.formfield input,.formfield select,.formfield textarea{border:var(--rule-thin) solid var(--color-rule-strong);border-radius:var(--radius-md);background:var(--color-paper);padding:var(--space-xs) var(--space-sm);min-height:44px;outline:none;width:100%}.formfield textarea{min-height:66px}.formfield input:focus-visible,.formfield select:focus-visible,.formfield textarea:focus-visible{border-color:var(--color-accent)}.formfield input.money-in{font-family:var(--font-mono);font-size:var(--text-md);text-align:end}.formgrid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:var(--space-sm)}.formgrid,.formgrid-wide{display:grid;gap:var(--space-sm)}.formgrid-wide{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:var(--space-sm)}.checkrow{display:flex;gap:var(--space-md);flex-wrap:wrap;font-size:var(--text-sm)}.hint,.note{font-size:var(--text-xs);color:var(--color-neutral)}fieldset.plain{border:0;padding:0;margin:0;display:grid;grid-gap:var(--space-sm);gap:var(--space-sm)}fieldset.plain>legend{padding:0;font-size:var(--text-xs);color:var(--color-neutral)}.notice{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--color-paper-3);color:var(--color-ink);-webkit-border-start:3px solid var(--color-rule-strong);border-inline-start:3px solid var(--color-rule-strong)}.notice[data-tone=alert]{background:var(--color-alert-bg);color:var(--color-alert);border-color:var(--color-alert)}.notice[data-tone=done]{background:var(--color-done-bg);color:var(--color-done);border-color:var(--color-done)}.timeline{margin:0;padding:0;list-style:none;display:grid;grid-gap:var(--space-xs);gap:var(--space-xs)}.timeline>li{-webkit-border-start:2px solid var(--color-rule);border-inline-start:2px solid var(--color-rule);-webkit-padding-start:var(--space-sm);padding-inline-start:var(--space-sm)}.timeline .row{display:flex;justify-content:space-between;gap:var(--space-sm);flex-wrap:wrap}.login{min-height:100dvh;display:grid;place-items:center;background:var(--color-paper-2)}.login,.login form{padding:var(--space-lg)}.login form{width:min(380px,100%);display:grid;grid-gap:var(--space-sm);gap:var(--space-sm);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-lg);background:var(--color-paper);box-shadow:var(--shadow-raised)}@media (max-width:900px){.app{grid-template-columns:60px 1fr}.app .nav-count,.app .nav-group>.label,.app .rail-name,.app .txt{display:none}.app .nav-item{justify-content:center}}.app[data-rail=mini]{grid-template-columns:60px 1fr}.app[data-rail=mini] .nav-count,.app[data-rail=mini] .nav-group>.label,.app[data-rail=mini] .rail-name,.app[data-rail=mini] .txt{display:none}.app[data-rail=mini] .nav-item{justify-content:center}.app[data-rail=mini] .rail-foot .btn{padding:0;justify-content:center}.dot-soon{display:inline-block;width:7px;height:7px;flex:none;border-radius:var(--radius-pill);background:var(--color-waiting);vertical-align:middle}.nav-item[data-preview=true]{color:var(--color-neutral)}.nav-item[data-preview=true] .txt{font-style:italic}.app[data-rail=mini] .nav-legend{display:none}