@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/kanit-thai-500-normal-BB8gri04.woff2)format("woff2"),url(/assets/kanit-thai-500-normal-Iy_w0a80.woff)format("woff")}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/kanit-thai-600-normal-Bj6oiaDc.woff2)format("woff2"),url(/assets/kanit-thai-600-normal-wbTlPO7I.woff)format("woff")}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/kanit-thai-700-normal-BPu_EjOu.woff2)format("woff2"),url(/assets/kanit-thai-700-normal-BFFnaoRZ.woff)format("woff")}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/kanit-latin-500-normal-CX_4XcKi.woff2)format("woff2"),url(/assets/kanit-latin-500-normal-qBha86O4.woff)format("woff")}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/kanit-latin-600-normal-0lS78yAd.woff2)format("woff2"),url(/assets/kanit-latin-600-normal-DlacpeTg.woff)format("woff")}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/kanit-latin-700-normal-xfKc2BN3.woff2)format("woff2"),url(/assets/kanit-latin-700-normal-CZbzRMIr.woff)format("woff")}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/prompt-thai-400-normal-BrkKv8cO.woff2)format("woff2"),url(/assets/prompt-thai-400-normal-DJypnfr3.woff)format("woff")}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/prompt-thai-500-normal-C18pDUoL.woff2)format("woff2"),url(/assets/prompt-thai-500-normal-D7YNqUJD.woff)format("woff")}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/prompt-thai-600-normal-MrdfU7zR.woff2)format("woff2"),url(/assets/prompt-thai-600-normal-CYPViXds.woff)format("woff")}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/prompt-latin-400-normal-BQ9zjSN8.woff2)format("woff2"),url(/assets/prompt-latin-400-normal-CxU4ec_r.woff)format("woff")}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/prompt-latin-500-normal-CxzxEHZc.woff2)format("woff2"),url(/assets/prompt-latin-500-normal-B1edBDQ9.woff)format("woff")}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/prompt-latin-600-normal-hKZWXsc1.woff2)format("woff2"),url(/assets/prompt-latin-600-normal-CSDDLorv.woff)format("woff")}:root{--font-display:"Kanit", "Prompt", system-ui, sans-serif;--font-text:"Prompt", "Kanit", system-ui, sans-serif;--text-xs:13px;--text-sm:15px;--text-md:17px;--text-lg:20px;--text-xl:28px;--text-2xl:40px;--text-3xl:56px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:999px;--control-h:48px;--control-h-sm:40px;--ease:cubic-bezier(.2, .7, .2, 1);--dur-1:.12s;--dur-2:.2s;--content-w:1360px;--plate-bg:#fff;--plate-ink:#15181d}:root,:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f5f7;--surface:#fff;--surface-2:#eef0f3;--line:#e2e5ea;--line-strong:#858c97;--text:#14171c;--text-2:#4f5663;--text-3:#5d6571;--accent:#d42a1f;--accent-hover:#b92218;--on-accent:#fff;--accent-soft:#fef0ee;--warn:#8a4b00;--warn-soft:#fdf0cf;--warn-dot:#e69a00;--void:#7a2a24;--on-void:#fff;--hatch:#14171c0f;--focus:#14171c;--shadow-pop:0 1px 2px #14171c14, 0 12px 32px #14171c24}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e1013;--surface:#15181c;--surface-2:#1c2026;--line:#272c33;--line-strong:#646d79;--text:#eceef1;--text-2:#a8afb9;--text-3:#8c94a0;--accent:#ff5a4d;--accent-hover:#ff7569;--on-accent:#1a0a08;--accent-soft:#3a1b18;--warn:#f6c453;--warn-soft:#34290d;--warn-dot:#f6c453;--void:#ff9e94;--on-void:#1a0a08;--hatch:#eceef112;--focus:#eceef1;--shadow-pop:0 1px 2px #00000080, 0 12px 32px #0000008c}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e1013;--surface:#15181c;--surface-2:#1c2026;--line:#272c33;--line-strong:#646d79;--text:#eceef1;--text-2:#a8afb9;--text-3:#8c94a0;--accent:#ff5a4d;--accent-hover:#ff7569;--on-accent:#1a0a08;--accent-soft:#3a1b18;--warn:#f6c453;--warn-soft:#34290d;--warn-dot:#f6c453;--void:#ff9e94;--on-void:#1a0a08;--hatch:#eceef112;--focus:#eceef1;--shadow-pop:0 1px 2px #00000080, 0 12px 32px #0000008c}}*,:before,:after{box-sizing:border-box}html{background:var(--bg);-webkit-text-size-adjust:100%}body{background:var(--bg);min-height:100vh;color:var(--text);font:400 var(--text-md) / 28px var(--font-text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}h1,h2,h3,p,ul,ol,dl,dd{margin:0}ul,ol{padding:0;list-style:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}:focus:not(:focus-visible){outline:none}::selection{background:var(--accent);color:var(--on-accent)}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}input{caret-color:var(--accent);accent-color:var(--accent)}input::placeholder{color:var(--text-3);opacity:1}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.muted{color:var(--text-3)}.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}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--control-h);padding:0 var(--space-5);border-radius:var(--radius-md);font:600 var(--text-md) / 1.2 var(--font-text);white-space:nowrap;transition:background-color var(--dur-1) var(--ease), border-color var(--dur-1) var(--ease), transform var(--dur-1) var(--ease), opacity var(--dur-1) var(--ease);background:0 0;border:1px solid #0000;text-decoration:none;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)scale(.99)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--accent);color:var(--on-accent)}.btn--primary:hover:not(:disabled){background:var(--accent-hover)}.btn--secondary{background:var(--surface);color:var(--text);border-color:var(--line-strong)}.btn--secondary:hover:not(:disabled){background:var(--surface-2)}.btn--ghost{color:var(--text-2)}.btn--ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.btn--sm{min-height:var(--control-h-sm);padding:0 var(--space-4);font-size:var(--text-sm)}.btn--block{width:100%}.btn svg{flex:none;width:18px;height:18px}.field{gap:var(--space-1);align-content:start;min-width:0;display:grid}.label{font:600 var(--text-sm) / 24px var(--font-text);color:var(--text-2)}.hint{font:400 var(--text-xs) / 20px var(--font-text);color:var(--text-3)}.error{font:500 var(--text-sm) / 22px var(--font-text);color:var(--void)}.input,.trigger{width:100%;min-height:var(--control-h);padding:0 var(--space-4);background:var(--surface);color:var(--text);border:1px solid var(--line-strong);border-radius:var(--radius-md);font:400 var(--text-md) / 1.4 var(--font-text);transition:border-color var(--dur-1) var(--ease), background-color var(--dur-1) var(--ease)}.input:hover,.trigger:hover{border-color:var(--text-3)}.input:focus,.trigger:focus-visible,.trigger[aria-expanded=true]{border-color:var(--text)}.input:focus-visible{outline-offset:3px}.input[aria-invalid=true],.trigger[aria-invalid=true]{border-color:var(--void)}.input-wrap{position:relative}.input-wrap>svg{width:18px;height:18px;color:var(--text-3);pointer-events:none;margin-top:-9px;position:absolute;top:50%;left:14px}.input-wrap .input{padding-left:42px}.trigger{justify-content:space-between;align-items:center;gap:var(--space-2);text-align:left;cursor:pointer;display:flex}.trigger .trigger-value{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.trigger .trigger-placeholder{color:var(--text-3)}.trigger>svg{width:18px;height:18px;color:var(--text-3);transition:transform var(--dur-2) var(--ease);flex:none}.trigger[aria-expanded=true]>svg.chev{transform:rotate(180deg)}.seg{gap:var(--space-1);padding:var(--space-1);background:var(--surface-2);border-radius:var(--radius-md);max-width:100%;display:inline-flex;overflow-x:auto}.seg button{align-items:center;gap:var(--space-2);min-height:40px;padding:0 var(--space-4);border-radius:var(--radius-sm);color:var(--text-2);font:500 var(--text-sm) / 1 var(--font-text);white-space:nowrap;transition:background-color var(--dur-1) var(--ease), color var(--dur-1) var(--ease), border-color var(--dur-1) var(--ease);background:0 0;border:1px solid #0000;display:inline-flex}.seg button:hover{color:var(--text)}.seg button[aria-pressed=true]{background:var(--surface);color:var(--text);border-color:var(--line-strong);font-weight:600}.seg .count{font:600 var(--text-xs) / 1 var(--font-display);color:var(--text-3);font-variant-numeric:tabular-nums}.seg button[aria-pressed=true] .count{color:var(--accent)}.seg--icons button{justify-content:center;width:40px;padding:0}.seg--icons svg{width:18px;height:18px}.seg--wide{display:flex;overflow:visible}.seg--wide button{justify-content:center;gap:var(--space-1);padding:0 var(--space-2);flex:1}.seg--wide svg{width:16px;height:16px}.chip{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);min-height:28px;font:500 var(--text-sm) / 1 var(--font-text);white-space:nowrap;padding:0 10px;display:inline-flex}.chip:before{content:"";border-radius:50%;flex:none;width:8px;height:8px}.chip--paid{color:var(--text-2)}.chip--paid:before{border:2px solid var(--text-3)}.chip--unpaid{background:var(--warn-soft);color:var(--warn);font-weight:600}.chip--unpaid:before{background:var(--warn-dot)}.chip--void{color:var(--void);box-shadow:inset 0 0 0 1px var(--void)}.chip--void:before{background:linear-gradient(135deg, transparent 42%, var(--void) 42% 58%, transparent 58%);box-shadow:inset 0 0 0 1.5px var(--void);border-radius:2px}.plate{width:136px;padding:1px var(--space-2) 3px;background:var(--plate-bg);color:var(--plate-ink);border:2px solid var(--plate-ink);border-radius:var(--radius-sm);box-shadow:inset 0 0 0 2px var(--plate-bg), inset 0 0 0 3px #15181d73;white-space:nowrap;justify-items:center;display:inline-grid}.plate b{font:700 20px / 24px var(--font-display);letter-spacing:.03em}.plate i{text-overflow:ellipsis;max-width:100%;font:500 var(--text-xs) / 14px var(--font-text);font-style:normal;overflow:hidden}.table-wrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);overflow-x:auto}.table-wrap[aria-busy=true]{opacity:.65;transition:opacity var(--dur-2) var(--ease)}.table{border-collapse:collapse;width:100%}.table th{padding:var(--space-3) var(--space-5);color:var(--text-3);font:500 var(--text-xs) / 20px var(--font-text);text-align:left;white-space:nowrap;border-bottom:1px solid var(--line)}.table td{padding:var(--space-3) var(--space-5);border-top:1px solid var(--line);white-space:nowrap;vertical-align:middle}.table tbody tr:first-child td{border-top:0}.table tbody tr{transition:background-color var(--dur-1) var(--ease)}.table tbody tr.is-link{cursor:pointer}.table tbody tr:hover{background:var(--surface-2)}.table .cell-wrap{white-space:normal;min-width:140px}.table .cell-wrap.truncate{white-space:nowrap;text-overflow:ellipsis;max-width:280px;overflow:hidden}.table .cell-num{text-align:right}.table .serial{font:600 var(--text-sm) / 24px var(--font-display);letter-spacing:.04em;text-decoration:none}.table a.serial:hover{text-underline-offset:3px;text-decoration:underline}.table tr.is-void{background-image:repeating-linear-gradient(135deg, var(--hatch) 0 1px, transparent 1px 9px);color:var(--text-3)}.table tr.is-void .serial,.table tr.is-void .amount-value{text-decoration:line-through;text-decoration-thickness:1.5px}.amount-value{font:500 var(--text-lg) / 28px var(--font-display);font-variant-numeric:tabular-nums}.skel{background:var(--surface-2);border-radius:6px;height:18px;animation:1.6s ease-in-out infinite pulse;display:block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.skel-stack{gap:var(--space-5);padding:var(--space-5);display:grid}.state{padding:var(--space-7) var(--space-5);gap:var(--space-3);justify-items:start;display:grid}.state-title{font:600 var(--text-lg) / 30px var(--font-display)}.popover-anchor{min-width:0;position:relative}.popover{z-index:40;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);min-width:100%;box-shadow:var(--shadow-pop);animation:pop-in var(--dur-1) var(--ease);position:absolute}.popover--bottom{top:calc(100% + 6px)}.popover--top{bottom:calc(100% + 6px)}.popover--start{left:0}.popover--end{right:0}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:none}}.popover--top{animation-name:pop-in-up}@keyframes pop-in-up{0%{opacity:0;transform:translateY(4px)scale(.98)}to{opacity:1;transform:none}}.listbox{padding:var(--space-2);min-width:200px;max-height:320px;overflow-y:auto}.listbox-search{padding:var(--space-2) var(--space-2) 0}.option{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--dur-1) var(--ease);display:flex}.option.is-active{background:var(--surface-2)}.option[aria-selected=true]{font-weight:600}.option svg{width:18px;height:18px;color:var(--accent);flex:none}.option-empty{padding:var(--space-4);color:var(--text-3)}.datepop{max-width:calc(100vw - 32px);display:flex}.presets{padding:var(--space-3);border-right:1px solid var(--line);align-content:start;gap:2px;min-width:168px;display:grid}.preset{min-height:40px;padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--text-2);text-align:left;font:500 var(--text-sm) / 1 var(--font-text);transition:background-color var(--dur-1) var(--ease), color var(--dur-1) var(--ease);background:0 0;border:0}.preset:hover{background:var(--surface-2);color:var(--text)}.preset{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.preset svg{width:16px;height:16px}.preset[aria-pressed=true]{color:var(--text);background:var(--surface-2);font-weight:600}.cal{padding:var(--space-4);width:336px}.cal-head{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.cal-title{font:600 var(--text-md) / 1 var(--font-display)}.cal-nav{gap:var(--space-1);display:flex}.cal-nav button{border-radius:var(--radius-sm);width:40px;height:40px;color:var(--text-2);transition:background-color var(--dur-1) var(--ease);background:0 0;border:0;place-items:center;display:grid}.cal-nav button:hover{background:var(--surface-2);color:var(--text)}.cal-nav svg{width:18px;height:18px}.cal-grid{grid-template-columns:repeat(7,1fr);display:grid}.cal-dow{height:32px;color:var(--text-3);font:500 var(--text-xs) / 1 var(--font-text);place-items:center;display:grid}.cal-cell{place-items:center;height:44px;display:grid;position:relative}.cal-cell.in-range{background:var(--accent-soft)}.cal-cell.range-start{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.cal-cell.range-end{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.cal-cell.range-start.range-end{border-radius:var(--radius-sm)}.cal-day{border-radius:var(--radius-sm);width:40px;height:40px;color:var(--text);font:500 var(--text-sm) / 1 var(--font-text);font-variant-numeric:tabular-nums;transition:background-color var(--dur-1) var(--ease);background:0 0;border:0}.cal-day:hover{background:var(--surface-2)}.cal-day.is-outside{color:var(--text-3)}.cal-day.is-today{box-shadow:inset 0 0 0 1.5px var(--line-strong)}.cal-day.is-edge,.cal-day.is-edge:hover{background:var(--accent);color:var(--on-accent);font-weight:600}.cal-foot{justify-content:space-between;gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--line);display:flex}.topbar{z-index:20;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0}.topbar-inner{align-items:center;gap:var(--space-6);max-width:var(--content-w);padding:0 var(--space-5);height:64px;margin:0 auto;display:flex}.brand{align-items:center;gap:var(--space-3);font:600 var(--text-md) / 1.2 var(--font-display);white-space:nowrap;text-decoration:none;display:flex}.brand img{flex:none;width:auto;height:40px}.tabs{gap:var(--space-5);height:100%;display:flex}.tab{padding:0 var(--space-1);color:var(--text-2);font:500 var(--text-md) / 1 var(--font-text);transition:color var(--dur-1) var(--ease);align-items:center;text-decoration:none;display:inline-flex;position:relative}.tab:hover{color:var(--text)}.tab:after{content:"";background:var(--accent);height:3px;transition:transform var(--dur-2) var(--ease);border-radius:3px 3px 0 0;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.tab[aria-current=page]{color:var(--text);font-weight:600}.tab[aria-current=page]:after{transform:scaleX(1)}.topbar-end{margin-left:auto}.userbtn{align-items:center;gap:var(--space-3);min-height:var(--control-h);padding:0 var(--space-2) 0 var(--space-2);border-radius:var(--radius-md);color:var(--text);transition:background-color var(--dur-1) var(--ease);background:0 0;border:1px solid #0000;display:flex}.userbtn:hover,.userbtn[aria-expanded=true]{background:var(--surface-2)}.avatar{--avatar:34px;width:var(--avatar);height:var(--avatar);background:var(--surface-2);border:1px solid var(--line-strong);font:600 var(--text-sm) / 1 var(--font-display);text-transform:uppercase;border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden}.userbtn svg{width:16px;height:16px;color:var(--text-3)}.usermenu{width:308px;padding:var(--space-2)}.usermenu-head{padding:var(--space-3);border-bottom:1px solid var(--line);margin-bottom:var(--space-2)}.usermenu-name{font:600 var(--text-md) / 24px var(--font-text)}.usermenu-role{color:var(--text-3);font-size:var(--text-sm);line-height:22px}.usermenu-row{padding:var(--space-3);gap:var(--space-2);display:grid}.menuitem{align-items:center;gap:var(--space-3);width:100%;min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-sm);text-align:left;font:500 var(--text-md) / 1 var(--font-text);transition:background-color var(--dur-1) var(--ease);background:0 0;border:0;display:flex}.menuitem:hover{background:var(--surface-2)}.menuitem svg{width:18px;height:18px;color:var(--text-3)}.iconbtn{width:var(--control-h);height:var(--control-h);border-radius:var(--radius-md);color:var(--text-2);transition:background-color var(--dur-1) var(--ease), color var(--dur-1) var(--ease);background:0 0;border:1px solid #0000;place-items:center;display:grid}.iconbtn:hover{background:var(--surface-2);color:var(--text)}.iconbtn svg{width:20px;height:20px}.topbar-end{align-items:center;gap:var(--space-1);display:flex}.page{max-width:var(--content-w);padding:var(--space-6) var(--space-5) var(--space-8);animation:fade-in .18s var(--ease);margin:0 auto}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.page-head{justify-content:space-between;align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.title{font:700 var(--text-2xl) / 1.25 var(--font-display);letter-spacing:-.01em}.subtitle{margin-top:var(--space-1);color:var(--text-3);font-size:var(--text-sm);line-height:22px}.toolbar{align-items:flex-end;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.toolbar .grow{flex:320px}.toolbar .fixed{flex:none;width:320px}.pager{justify-content:space-between;align-items:center;gap:var(--space-4);padding-top:var(--space-4);color:var(--text-3);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.pager-group{align-items:center;gap:var(--space-3);display:flex}.pager .trigger{min-height:var(--control-h-sm);width:auto}.auth-wrap{min-height:100vh;padding:var(--space-5) var(--space-4);place-items:center;display:grid}.auth-card{gap:var(--space-6);width:min(100%,440px);padding:0 var(--space-6) var(--space-6);background:var(--surface);border:1px solid var(--line);animation:fade-in .22s var(--ease);border-radius:20px;display:grid;overflow:hidden}.auth-card form{gap:var(--space-4);display:grid}.auth-brand{align-items:center;gap:var(--space-4);margin:0 calc(-1 * var(--space-6));padding:var(--space-5) var(--space-6);background:var(--surface-2);border-bottom:1px solid var(--line);font:600 var(--text-lg) / 1.3 var(--font-display);display:flex}.auth-brand img{flex:none;width:auto;height:64px}.auth-foot{justify-content:space-between;align-items:center;gap:var(--space-3);color:var(--text-3);font-size:var(--text-sm);display:flex}@media (width<=860px){.table--stack thead{display:none}.table--stack,.table--stack tbody{display:block}.table--stack tbody tr{gap:var(--space-1) var(--space-4);padding:var(--space-4);border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"serial date""plate amount""customer status";align-items:center;display:grid}.table--stack tbody tr:first-child{border-top:0}.table--stack td{white-space:normal;border:0;min-width:0;padding:0;display:block}.table--stack .c-serial{grid-area:serial}.table--stack .c-date{color:var(--text-3);font-size:var(--text-sm);white-space:nowrap;grid-area:date;justify-self:end}.table--stack .c-plate{padding:var(--space-2) 0;grid-area:plate}.table--stack .c-amount{grid-area:amount;justify-self:end}.table--stack .c-customer{min-width:0;color:var(--text-2);grid-area:customer}.table--stack .c-status{grid-area:status;justify-self:end}.table--stack .col-creator{display:none}}@media (width<=1000px){.table th,.table td{padding-inline:var(--space-3)}.table .col-creator{display:none}.table .cell-wrap{min-width:120px}}@media (width<=760px){.topbar-inner{gap:var(--space-4);padding:0 var(--space-4)}.brand span{display:none}.page{padding:var(--space-5) var(--space-4) var(--space-7)}.title{font-size:var(--text-xl)}.toolbar .fixed{width:100%}.userbtn .username{display:none}.datepop{flex-direction:column}.presets{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);min-width:0}.cal{width:100%;max-width:336px}.seg{width:100%}.seg button{padding:0 var(--space-2);flex:1;justify-content:center}}.cal-title-btn{align-items:center;gap:var(--space-1);min-height:40px;padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;transition:background-color var(--dur-1) var(--ease);background:0 0;border:0;display:inline-flex}.cal-title-btn:hover{background:var(--surface-2)}.cal-picks{gap:var(--space-2);padding-top:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.cal-pick{border-radius:var(--radius-sm);min-height:52px;color:var(--text);font:500 var(--text-sm) / 1 var(--font-text);font-variant-numeric:tabular-nums;transition:background-color var(--dur-1) var(--ease), border-color var(--dur-1) var(--ease);background:0 0;border:1px solid #0000}.cal-pick:hover:not(:disabled){background:var(--surface-2)}.cal-pick.is-current{background:var(--accent);color:var(--on-accent);font-weight:600}.cal-pick.is-this:not(.is-current){border-color:var(--line-strong)}.cal-pick:disabled{color:var(--text-3);opacity:.45;cursor:not-allowed}.tip-anchor{max-width:100%;display:inline-flex;position:relative}.tip{z-index:70;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--text);color:var(--bg);box-shadow:var(--shadow-pop);font:500 var(--text-xs) / 18px var(--font-text);white-space:nowrap;pointer-events:none;animation:tip-in var(--dur-1) var(--ease);position:absolute}.tip--wrap{white-space:normal;width:max-content;max-width:260px}.tip--top{bottom:calc(100% + 8px)}.tip--bottom{top:calc(100% + 8px)}.tip--center{left:50%;transform:translate(-50%)}.tip--start{left:0}.tip--end{right:0}@keyframes tip-in{0%{opacity:0}to{opacity:1}}.combo-wrap .input.has-toggle{padding-right:48px}.combo-wrap .input{padding-left:var(--space-4)}.combo-toggle{border-radius:var(--radius-sm);width:40px;height:40px;color:var(--text-3);transition:background-color var(--dur-1) var(--ease), color var(--dur-1) var(--ease);background:0 0;border:0;place-items:center;margin-top:-20px;display:grid;position:absolute;top:50%;right:4px}.combo-toggle:hover{background:var(--surface-2);color:var(--text)}.combo-toggle svg{width:18px;height:18px}.option--create{border-top:1px solid var(--line);margin-top:var(--space-1);border-radius:0 0 var(--radius-sm) var(--radius-sm);justify-content:flex-start;gap:var(--space-2);font-weight:600}.option--create svg{color:var(--text)}.option-tag{padding:0 var(--space-2);border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--text-3);font-size:var(--text-xs);white-space:nowrap;flex:none;line-height:20px}.tab{white-space:nowrap}.brand,.topbar-end{flex:none}@media (width<=760px){.topbar-inner{gap:var(--space-3);padding:0 var(--space-3)}.tabs{gap:var(--space-3)}.tab{padding:0 var(--space-2);font-size:var(--text-sm)}.brand img{height:34px}}@media (width<=360px){.topbar-inner{gap:var(--space-2);padding:0 var(--space-2)}.tabs{gap:var(--space-1)}.userbtn{gap:var(--space-1);padding:0}.userbtn>svg{display:none}}.lead-icon{width:16px;height:16px;margin-right:var(--space-2);vertical-align:-3px;color:var(--text-3);flex:none}.dash-label,.section-title{align-items:center;display:flex}dt:has(>.lead-icon){align-items:center;display:flex}dt .lead-icon,.dash-label .lead-icon,.section-title .lead-icon{vertical-align:0}.section-title .lead-icon{width:20px;height:20px;color:var(--text-2)}.type-cell{align-items:center;display:inline-flex}@media print{.lead-icon{display:none}}.chip--off{color:var(--text-3)}.chip--off:before{border:2px dashed var(--text-3)}.table tr.is-off td{color:var(--text-3)}.row-actions{justify-content:flex-end;gap:var(--space-1);display:flex}.dialog-form{gap:var(--space-4);display:grid}@media (width<=760px){.row-actions .btn{padding:0 var(--space-2)}}@media (width<=640px){.table--cards thead{display:none}.table--cards,.table--cards tbody{display:block}.table--cards tbody tr{gap:var(--space-1) var(--space-3);padding:var(--space-3) var(--space-4);border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name actions""type state";align-items:center;display:grid}.table--cards tbody tr:first-child{border-top:0}.table--cards td{white-space:normal;border:0;min-width:0;padding:0;display:block}.table--cards .c-name{grid-area:name;font-weight:600}.table--cards .c-type{grid-area:type}.table--cards .c-state{grid-area:state;justify-self:end}.table--cards .c-actions{grid-area:actions}.table--cards .col-creator{display:none}.table--cards tr.is-off .c-name{color:var(--text-3)}}.tabs::-webkit-scrollbar{display:none}@media (width<=760px){.tabs{scrollbar-width:none;flex:auto;min-width:0;overflow-x:auto}.tab:after{bottom:0}}@media (width<=480px){.topbar-end .iconbtn{display:none}.tabs{gap:0}.tab{padding:0 var(--space-2)}.userbtn>svg{display:none}.topbar-inner{gap:var(--space-2)}}.admin{gap:var(--space-7);grid-template-columns:200px minmax(0,1fr);align-items:start;display:grid}.admin-nav{top:calc(64px + var(--space-5));position:sticky}.admin-nav-title{margin-bottom:var(--space-3);padding:0 var(--space-3);color:var(--text-3);font:500 var(--text-xs) / 20px var(--font-text)}.admin-nav ul{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.admin-link{align-items:center;gap:var(--space-3);min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--text-2);font:500 var(--text-md) / 1 var(--font-text);white-space:nowrap;transition:background-color var(--dur-1) var(--ease), color var(--dur-1) var(--ease);text-decoration:none;display:flex}.admin-link svg{width:18px;height:18px;color:var(--text-3);flex:none}.admin-link:hover{background:var(--surface-2);color:var(--text)}.admin-link[aria-current=page]{background:var(--surface-2);color:var(--text);box-shadow:inset 3px 0 0 var(--accent);font-weight:600}.admin-link[aria-current=page] svg{color:var(--text)}.admin-body{min-width:0}.admin-body .page{max-width:none;margin:0;padding:0;animation:none}.admin>.admin-body>.page-head:first-child,.admin-body>.page-head{margin-top:0}.table--logs .c-desc{word-break:break-word;min-width:220px}@media (width<=860px){.admin{gap:var(--space-5);grid-template-columns:minmax(0,1fr)}.admin-nav{position:static}.admin-nav-title{display:none}.admin-nav ul{gap:var(--space-1);scrollbar-width:none;padding-bottom:var(--space-1);border-bottom:1px solid var(--line);display:flex;overflow-x:auto}.admin-link{min-height:40px;padding:0 var(--space-3);box-shadow:none}.admin-link[aria-current=page]{box-shadow:inset 0 -3px 0 var(--accent);border-radius:var(--radius-md) var(--radius-md) 0 0}.table--logs thead{display:none}.table--logs,.table--logs tbody{display:block}.table--logs tbody tr{gap:var(--space-1) var(--space-3);padding:var(--space-3) var(--space-4);border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"act time""user user""desc desc";align-items:center;display:grid}.table--logs tbody tr:first-child{border-top:0}.table--logs td{white-space:normal;border:0;min-width:0;padding:0;display:block}.table--logs .c-act{grid-area:act}.table--logs .c-time{font-size:var(--text-sm);grid-area:time;justify-self:end}.table--logs .c-user{grid-area:user;font-weight:600}.table--logs .c-desc{min-width:0;color:var(--text-2);grid-area:desc}.table--logs .col-creator{display:none}}.avatar img{object-fit:cover;width:100%;height:100%;display:block}.avatar:has(img){background:var(--surface-2)}.usermenu-head{align-items:center;gap:var(--space-3);display:flex}.menuitem{color:var(--text);text-decoration:none}.account{gap:var(--space-7);max-width:560px;display:grid}.account-section{gap:var(--space-4);display:grid}.account-section>.section-title{padding-bottom:var(--space-2);border-bottom:1px solid var(--line)}.account-form{gap:var(--space-4);display:grid}.photo-row{align-items:center;gap:var(--space-5);flex-wrap:wrap;display:flex}.photo-row .avatar{border-width:2px;font-size:36px}.photo-actions{gap:var(--space-2);flex:240px;min-width:0;display:grid}.photo-buttons{gap:var(--space-2);flex-wrap:wrap;display:flex}.brand{min-width:44px;min-height:44px}.brand span{text-overflow:ellipsis;min-width:0;overflow:hidden}.tab{font-size:var(--text-sm)}@media (width<=1000px){.brand span{display:none}}@media (width<=860px){.userbtn .username{display:none}}.userbtn{min-width:44px}.discount-row .seg button{justify-content:center;min-width:44px}.shop-form{max-width:640px}.shop-row{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.shop-vat{max-width:280px}@media (width<=640px){.shop-row{grid-template-columns:minmax(0,1fr)}}.page--form{max-width:1080px}.form{gap:var(--space-7);display:grid}.section{gap:var(--space-4);align-content:start;display:grid}.section-head{justify-content:space-between;align-items:baseline;gap:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--line);flex-wrap:wrap;display:flex}.section-title{font:600 var(--text-lg) / 30px var(--font-display);padding-bottom:var(--space-2);border-bottom:1px solid var(--line)}.section-head .section-title{border-bottom:0;flex:auto;padding-bottom:0}.grid-3{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;display:grid}.grid-2{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.grid-2.compact{gap:var(--space-3)}.span-2{grid-column:span 2}.r{text-align:right}.option-main{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.option-hint{color:var(--text-3);font-size:var(--text-xs);white-space:nowrap}.history{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);display:grid}.history ul{gap:var(--space-1);display:grid}.history-item{align-items:center;gap:var(--space-4);width:100%;min-height:var(--control-h);padding:0 var(--space-3);border-radius:var(--radius-sm);text-align:left;font:400 var(--text-md) / 1.3 var(--font-text);transition:background-color var(--dur-1) var(--ease), border-color var(--dur-1) var(--ease);background:0 0;border:1px solid #0000;display:flex}.history-item:hover{background:var(--surface-2)}.history-item[aria-pressed=true]{border-color:var(--text);background:var(--surface-2)}.history-item svg{width:18px;height:18px;color:var(--text-3);flex:none}.history-name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-weight:600;overflow:hidden}.history-tag{padding:0 var(--space-2);border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px var(--text);font-size:var(--text-xs);font-weight:600;line-height:22px}.linked{align-items:center;gap:var(--space-2);color:var(--text-2);font-size:var(--text-sm);line-height:22px;display:flex}.notice{gap:var(--space-1);padding:var(--space-4);border:1px solid var(--warn-dot);border-radius:var(--radius-md);background:var(--warn-soft);display:grid}.notice .muted{color:var(--text-2)}.notice-actions{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.alert{gap:var(--space-1);padding:var(--space-4);border:1px solid var(--void);border-radius:var(--radius-md);background:var(--surface);display:grid}.alert strong{color:var(--void)}.alert ul{padding-left:var(--space-5);color:var(--text-2);font-size:var(--text-sm);list-style:outside}.items{display:grid}.items-head,.item-row{grid-template-columns:172px minmax(0, 1fr) 92px 140px 140px var(--control-h);gap:var(--space-2);align-items:start;display:grid}.items-head{padding-bottom:var(--space-2);border-bottom:1px solid var(--line);color:var(--text-3);font:500 var(--text-xs) / 20px var(--font-text)}.item-row{padding:var(--space-2) 0;border-bottom:1px solid var(--line);animation:row-in var(--dur-2) var(--ease)}.item-row.is-leaving{animation:row-out .16s var(--ease) forwards;pointer-events:none}@keyframes row-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@keyframes row-out{to{opacity:0;transform:translateY(-4px)}}.cell-label{color:var(--text-3);font-size:var(--text-xs);line-height:20px;display:none}.tick{animation:tick var(--dur-2) var(--ease)}@keyframes tick{0%{opacity:.45}to{opacity:1}}.item-row .seg{width:max-content}.item-row .seg button{padding:0 var(--space-3)}.item-amount{padding-top:var(--space-3);font:500 var(--text-lg) / 24px var(--font-display);align-self:start}.item-row .iconbtn{align-self:start}.item-row .error{margin-top:var(--space-1)}.summary{gap:var(--space-6);grid-template-columns:minmax(0,1fr) 380px;align-items:start;display:grid}.summary-inputs{gap:var(--space-4);display:grid}.totals{gap:var(--space-1);padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);margin:0;display:grid}.totals>div{justify-content:space-between;align-items:baseline;gap:var(--space-4);padding:var(--space-1) 0;display:flex}.totals dt{color:var(--text-2)}.totals dd{font:500 var(--text-md) / 28px var(--font-display);margin:0}.totals .totals-grand{margin-top:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--line)}.totals-grand dt{color:var(--text);font-weight:600}.totals-grand dd{font:700 var(--text-xl) / 1.2 var(--font-display)}.totals .hint{margin-top:var(--space-2)}.savebar{z-index:10;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);margin:0 calc(-1 * var(--space-5));background:var(--bg);border-top:1px solid var(--line);display:flex;position:sticky;bottom:0}.switch{align-items:center;gap:var(--space-3);min-height:var(--control-h);font:500 var(--text-md) / 1.2 var(--font-text);text-align:left;background:0 0;border:0;padding:0;display:flex}.switch-track{background:var(--line-strong);width:46px;height:28px;transition:background-color var(--dur-2) var(--ease);border-radius:14px;flex:none;position:relative}.switch-thumb{background:var(--surface);width:20px;height:20px;transition:transform var(--dur-2) var(--ease);border-radius:50%;position:absolute;top:4px;left:4px}.switch[aria-checked=true] .switch-track{background:var(--accent)}.switch[aria-checked=true] .switch-thumb{transform:translate(18px)}.switch-state{color:var(--text-3);font-size:var(--text-sm)}.toast-region{left:50%;bottom:var(--space-5);z-index:60;gap:var(--space-2);pointer-events:none;max-width:calc(100vw - 32px);display:grid;position:fixed;transform:translate(-50%)}.toast{padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);background:var(--text);color:var(--bg);box-shadow:var(--shadow-pop);font:500 var(--text-sm) / 22px var(--font-text);animation:fade-in .2s var(--ease)}@media (width<=860px){.grid-3,.grid-2{grid-template-columns:1fr}.span-2{grid-column:auto}.summary{grid-template-columns:1fr}.items-head{display:none}.item-row{padding:var(--space-4) 0;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.item-row>:first-child,.item-row>:nth-child(2){grid-column:1/-1}.cell-label{display:block}.item-row>:nth-child(5){align-self:end;padding-top:0}.item-row>:nth-child(5) .cell-label{text-align:right}.item-row>:nth-child(6){justify-self:end}.savebar{padding-inline:var(--space-4);margin-inline:calc(-1 * var(--space-4))}.savebar .btn{flex:1}}.req{color:var(--accent);font-weight:700}.opt{color:var(--text-3);font-weight:400;font-size:var(--text-xs)}.legend{color:var(--text-3);font-size:var(--text-sm);line-height:22px}.discount-row{gap:var(--space-2);grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.discount-note{color:var(--text-3);font-size:var(--text-xs);line-height:18px;display:block}.page--receipt{max-width:900px}.receipt-actions{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.receipt-actions-end{gap:var(--space-2);flex-wrap:wrap;display:flex}.paper{padding:var(--space-7) var(--space-7) var(--space-6);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);gap:var(--space-5);display:grid;position:relative;overflow:hidden}.paper-head{justify-content:space-between;align-items:flex-start;gap:var(--space-5);flex-wrap:wrap;display:flex}.paper-shop{align-items:flex-start;gap:var(--space-3);display:flex}.paper-shop img{flex:none;width:auto;height:56px}.paper-shopname{font:600 var(--text-lg) / 28px var(--font-display)}.paper-shop .muted{font-size:var(--text-sm);line-height:22px}.paper-id{text-align:right}.paper-kind{color:var(--text-3);font-size:var(--text-sm);line-height:22px}.paper-serial{font:700 var(--text-xl) / 1.2 var(--font-display);letter-spacing:.04em}.paper.is-void .paper-serial{text-decoration:line-through;text-decoration-thickness:2px}.void-note{gap:var(--space-1);padding:var(--space-4);border:1px solid var(--void);border-radius:var(--radius-md);display:grid}.void-note strong{color:var(--void)}.paper-meta{gap:var(--space-4) var(--space-6);padding:var(--space-4) 0;border-block:1px solid var(--line);grid-template-columns:1fr 1fr;margin:0;display:grid}.paper-meta dt{color:var(--text-3);font-size:var(--text-xs);line-height:20px}.paper-meta dd{margin:0;font-weight:500}.paper-meta .span-all{grid-column:1/-1}.paper-items{border-collapse:collapse;width:100%}.paper-items th{padding:var(--space-2) var(--space-2);color:var(--text-3);font:500 var(--text-xs) / 20px var(--font-text);text-align:left;border-bottom:1px solid var(--text)}.paper-items td{padding:var(--space-3) var(--space-2);border-bottom:1px solid var(--line);vertical-align:top}.paper-items .r{text-align:right}.paper-items .c-no{width:44px;color:var(--text-3)}.item-kind{margin-left:var(--space-2);color:var(--text-3);font-size:var(--text-xs)}.item-remark{color:var(--text-3);font-size:var(--text-sm);line-height:22px;display:block}.paper.is-void .paper-items td{color:var(--text-3)}.paper>:not(.stamp){z-index:1;position:relative}.paper-foot{justify-content:space-between;align-items:flex-start;gap:var(--space-6);flex-wrap:wrap;display:flex}.paper-notes{gap:var(--space-2);flex:240px;display:grid}.paper-notes .chip{vertical-align:middle}.totals--paper{background:0 0;border:0;width:min(100%,340px);padding:0}.paper.is-void .totals-grand dd{text-decoration:line-through;text-decoration-thickness:2px}.paper-sign{gap:var(--space-7);margin-top:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.paper-sign div{padding-top:var(--space-2);border-top:1px solid var(--text);text-align:center;color:var(--text-3);font-size:var(--text-sm)}.paper-meta-foot{font-size:var(--text-xs);line-height:20px}.stamp{padding:var(--space-1) var(--space-6);border:4px solid var(--void);border-radius:var(--radius-md);color:var(--void);font:700 56px / 72px var(--font-display);letter-spacing:.08em;opacity:.3;z-index:0;pointer-events:none;white-space:nowrap;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)rotate(-12deg)}.dialog{border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--surface);width:min(92vw,480px);color:var(--text);box-shadow:var(--shadow-pop);animation:pop-in var(--dur-1) var(--ease);padding:0}.dialog::backdrop{background:#0a0c0f8c}.dialog-body{gap:var(--space-4);padding:var(--space-6);display:grid}.dialog-actions{justify-content:flex-end;gap:var(--space-3);flex-wrap:wrap;display:flex}textarea.input{min-height:96px;padding:var(--space-3) var(--space-4);resize:vertical}.btn--danger{background:var(--void);color:var(--on-void)}.btn--danger:hover:not(:disabled){opacity:.92}@media (width<=640px){.paper{padding:var(--space-5) var(--space-4)}.paper-id{text-align:left}.paper-meta{grid-template-columns:1fr}.paper-items thead{display:none}.paper-items,.paper-items tbody{display:block}.paper-items tr{gap:0 var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--line);grid-template-columns:auto auto 1fr auto;display:grid}.paper-items td{border:0;padding:0;display:block}.paper-items .c-no{grid-row:1/span 2;width:auto}.paper-items .c-name{grid-column:2/-1}.paper-items .c-qty{text-align:left;color:var(--text-3);font-size:var(--text-sm);grid-column:2}.paper-items .c-price{text-align:left;color:var(--text-3);font-size:var(--text-sm);grid-area:2/3;display:block}.paper-items .c-price:before{content:"× "}.paper-items .c-amt{grid-area:2/4}.paper-sign{gap:var(--space-5)}.stamp{font-size:40px;line-height:56px}.dialog-actions .btn{flex:1}}@page{size:A4 portrait;margin:16mm 14mm}@media print{:root:root,:root[data-theme=dark],:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--surface:#fff;--surface-2:#fff;--line:#c9ccd1;--line-strong:#6b717a;--text:#000;--text-2:#1f2328;--text-3:#3b4048;--void:#7a2a24;--hatch:transparent;--warn:#000;--warn-soft:#fff;--warn-dot:#000}body{color:#000;background:#fff}.topbar,.no-print,.toast-region,.dialog{display:none!important}.page{max-width:none;padding:0;animation:none}.paper{border:0;border-radius:0;padding:0;overflow:visible}.chip--unpaid{box-shadow:inset 0 0 0 1px #000}.paper,.stamp,.chip,.plate{-webkit-print-color-adjust:exact;print-color-adjust:exact}.paper-items tr,.paper-sign,.totals--paper{break-inside:avoid}}.period-nav{align-items:center;gap:var(--space-1);display:flex}.dash{gap:var(--space-7);display:grid}.dash.is-stale{opacity:.6;transition:opacity var(--dur-2) var(--ease)}.dash-skel{gap:var(--space-4);padding:var(--space-5) 0;display:grid}.dash-top{gap:var(--space-7);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;display:grid}.dash-label{margin-bottom:var(--space-2);color:var(--text-3);font:500 var(--text-sm) / 22px var(--font-text)}.figure{font:700 var(--text-3xl) / 1.15 var(--font-display);letter-spacing:-.01em;margin:0}.figure-unit{color:var(--text-3);font:500 var(--text-lg) / 1 var(--font-text)}.dash-primary .muted{margin-top:var(--space-3);font-size:var(--text-sm)}.kv{margin:var(--space-4) 0 0;display:grid}.kv>div{justify-content:space-between;align-items:baseline;gap:var(--space-4);padding:var(--space-3) 0;border-top:1px solid var(--line);display:flex}.kv dt{color:var(--text-2)}.kv dd{font:500 var(--text-lg) / 28px var(--font-display);text-align:right;margin:0}.kv--tight{margin-top:0}.kv--tight dd{font-size:var(--text-md)}.kv-warn dd{color:var(--warn);font-weight:600}.dash-section{gap:var(--space-4);display:grid}.bars{align-items:stretch;gap:var(--space-1);border-bottom:1px solid var(--text);height:220px;padding:0;display:flex}.bar-col{flex:1 1 0;grid-template-rows:1fr auto;place-items:end center;min-width:0;display:grid;position:relative}.bar-track{justify-content:center;align-items:flex-end;width:100%;height:100%;padding-bottom:0;display:flex}.bar{width:min(100%,28px);height:var(--h);border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:var(--line-strong);transform-origin:bottom;animation:grow var(--dur-2) var(--ease);transition:background-color var(--dur-1) var(--ease);display:block}.bar-col:hover .bar{background:var(--text-2)}.bar-col.is-selected .bar{background:var(--accent)}.bar-label{margin-top:var(--space-1);color:var(--text-3);font:400 var(--text-xs) / 20px var(--font-text);white-space:nowrap;position:absolute;top:100%}.bars{margin-bottom:var(--space-5)}@keyframes grow{0%{opacity:.5;transform:scaleY(.2)}to{opacity:1;transform:none}}.split{border-radius:var(--radius-sm);background:var(--surface-2);height:20px;display:flex;overflow:hidden}.split span{width:var(--w);transition:width var(--dur-2) var(--ease);display:block}.split-labor{background:var(--text)}.split-part{background:var(--line-strong)}.split-legend{gap:var(--space-7);flex-wrap:wrap;margin:0;display:flex}.split-legend>div{align-items:baseline;gap:var(--space-3);display:flex}.split-legend dt{align-items:center;gap:var(--space-2);color:var(--text-2);display:flex}.split-legend dd{font:500 var(--text-lg) / 28px var(--font-display);margin:0}.swatch{border-radius:3px;width:12px;height:12px;display:inline-block}.swatch--labor{background:var(--text)}.swatch--part{background:var(--line-strong)}.table .c-rank{width:72px}@media (width<=1000px){.dash-top{gap:var(--space-6);grid-template-columns:1fr}}@media (width<=640px){.table .c-rank,.table th.c-rank{display:none}}@media (width<=760px){.figure{font-size:var(--text-2xl)}.bars{height:180px}.dash{gap:var(--space-6)}}.bar-col>.tip-anchor{width:100%;height:100%;display:flex}.bar-col .bar-track:focus-visible{border-radius:var(--radius-sm)}.split-legend{gap:var(--space-3) var(--space-6);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}@media (width<=640px){.split-legend{gap:var(--space-3) var(--space-4);grid-template-columns:1fr 1fr}.split-legend>div{align-items:flex-start;gap:var(--space-1);flex-direction:column}.dash .table th,.dash .table td{padding-inline:var(--space-2)}.dash .table .cell-wrap.truncate{white-space:normal;min-width:0;max-width:none;overflow:visible}}@media (width<=400px){.dash .type-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.dash .table th,.dash .table td{padding-inline:var(--space-1)}}