:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--color-background:var(--lightningcss-light,#fcfcfc)var(--lightningcss-dark,#131311);--color-surface:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1c1d1a);--color-surface-muted:var(--lightningcss-light,#f5f6f4)var(--lightningcss-dark,#262723);--color-line:var(--lightningcss-light,#e1e3da)var(--lightningcss-dark,#3a3b35);--color-control-border:var(--lightningcss-light,#76817d)var(--lightningcss-dark,#a2adab);--color-text:var(--lightningcss-light,#152022)var(--lightningcss-dark,#f5f6f4);--color-muted:var(--lightningcss-light,#6e6f68)var(--lightningcss-dark,#afb0a9);--color-link:var(--lightningcss-light,#3176b4)var(--lightningcss-dark,#81aed6);--color-brand:#ff9220;--color-on-brand:#152022;--color-selected:var(--lightningcss-light,#ff922024)var(--lightningcss-dark,#ff92202e);--color-focus:var(--lightningcss-light,#a85400)var(--lightningcss-dark,#ff9220);--color-info:var(--lightningcss-light,#3176b4)var(--lightningcss-dark,#81aed6);--color-danger:var(--lightningcss-light,#b32e2e)var(--lightningcss-dark,#d67878);--color-warning:var(--lightningcss-light,#8a5300)var(--lightningcss-dark,#f0b35a);--color-success:var(--lightningcss-light,#2f7a3d)var(--lightningcss-dark,#7cc68a);--color-success-surface:var(--lightningcss-light,#2f7a3d1f)var(--lightningcss-dark,#7cc68a29);--color-danger-surface:var(--lightningcss-light,#b32e2e1a)var(--lightningcss-dark,#d6787829);--color-on-danger-surface:var(--lightningcss-light,#b32e2e)var(--lightningcss-dark,#e78f8f);--color-backdrop:var(--lightningcss-light,#15202266)var(--lightningcss-dark,#0009);--color-shadow:var(--lightningcss-light,#15202226)var(--lightningcss-dark,#00000080);--spacing-0-5:4px;--spacing-1:8px;--spacing-1-5:12px;--spacing-2:16px;--spacing-3:24px;--spacing-4:32px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:999px;--font-sans:Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.15rem;--text-xl:1.3rem;--text-2xl:1.85rem;--control-height:2.25rem;--duration-fast:.18s;--ease-default:cubic-bezier(.2, .8, .2, 1)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/InterVariable.woff2)format("woff2")}:root{font-family:var(--font-sans);color:var(--color-text);background:var(--color-background);font-size:14px;line-height:1.4}body{margin:0}#root{min-height:100dvh;display:flow-root}h1{font-size:var(--text-2xl);margin:0 0 var(--spacing-2);font-weight:600}h2{font-size:var(--text-xl);margin:var(--spacing-3) 0 var(--spacing-1);font-weight:600}a{color:var(--color-link)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}main:focus-visible,h1:focus-visible{outline:none}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#root:has(>aside){grid-template-rows:auto 1fr;grid-template-columns:16.5rem minmax(0,1fr);display:grid}a.skip{top:var(--spacing-1);left:var(--spacing-1);z-index:2;padding:var(--spacing-1) var(--spacing-2);background:var(--color-surface);border-radius:var(--radius-sm);box-shadow:0 var(--spacing-0-5) var(--spacing-2) var(--color-shadow);position:fixed}a.skip:not(:focus){clip-path:inset(50%)}aside{background:var(--color-surface);border-right:1px solid var(--color-line);flex-direction:column;grid-row:1/-1;height:100dvh;display:flex;position:sticky;top:0}:is(aside,dialog.drawer)>a{align-items:center;gap:var(--spacing-1);height:3.5rem;padding:0 var(--spacing-2);border-bottom:1px solid var(--color-line);color:var(--color-text);font-size:var(--text-lg);white-space:nowrap;flex:none;font-weight:700;text-decoration:none;display:flex}:is(aside,dialog.drawer)>a>img{flex:none;width:1.85rem;height:1.85rem}:is(aside,dialog.drawer)>nav{padding:var(--spacing-1-5) var(--spacing-1);flex:1;overflow-y:auto}:is(aside,dialog.drawer)>nav h2{margin:var(--spacing-2) var(--spacing-1-5) var(--spacing-0-5);color:var(--color-muted);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;font-weight:600}:is(aside,dialog.drawer)>nav ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}:is(aside,dialog.drawer)>nav a{align-items:center;gap:var(--spacing-1);padding:6px var(--spacing-1-5);border-radius:var(--radius-sm);color:var(--color-text);text-decoration:none;display:flex}:is(aside,dialog.drawer)>nav a>svg{color:var(--color-muted);flex:none}:is(aside,dialog.drawer)>nav a:hover{background:var(--color-surface-muted)}:is(aside,dialog.drawer)>nav a[aria-current]{background:var(--color-selected);font-weight:600}:is(aside,dialog.drawer)>nav a[aria-current]>svg{color:var(--color-text)}#root>header{align-items:center;gap:var(--spacing-1-5);box-sizing:border-box;height:3.5rem;padding:0 var(--spacing-4);background:var(--color-surface);border-bottom:1px solid var(--color-line);display:flex}#root>header>p{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-weight:600;overflow:hidden}#root>header>a{flex:none}#root>header>[popover]>a.switch{display:none}#root>header>a.invitations{padding:2px var(--spacing-1);border-radius:var(--radius-pill);background:var(--color-brand);color:var(--color-on-brand);font-weight:600;text-decoration:none}#root>header>a.invitations:hover{text-decoration:underline}#root>header>button{align-items:center;gap:var(--spacing-1);padding:var(--spacing-0-5) var(--spacing-1);border-radius:var(--radius-sm);flex:none;font-weight:400;display:inline-flex}#root>header>button:first-child{display:none}#root>header>button.account{min-width:0;color:var(--color-muted);flex-shrink:4;margin-left:auto}#root>header>button.account>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#root>header>[popover]{inset:auto;top:calc(3.5rem + var(--spacing-0-5));right:var(--spacing-2);box-sizing:border-box;width:17rem;padding:var(--spacing-2);border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);box-shadow:0 var(--spacing-0-5) var(--spacing-2) var(--color-shadow);margin:0}#root>header>[popover]:popover-open{gap:var(--spacing-1-5);display:grid}#root>header>[popover]>fieldset{gap:var(--spacing-0-5);border:0;grid-template-columns:repeat(3,1fr);margin:0;padding:0;display:grid}#root>header>[popover]>fieldset>button{padding-inline:var(--spacing-0-5)}#root>header>[popover]>fieldset>legend{margin-bottom:var(--spacing-0-5);color:var(--color-muted);padding:0}#root>header>[popover]>fieldset>p{grid-column:1/-1;margin:0}dialog.drawer{border:0;border-right:1px solid var(--color-line);border-radius:0;width:min(18rem,85vw);max-width:none;height:100dvh;max-height:none;margin:0;padding:0;inset:0 auto 0 0}dialog.drawer[open]{animation:drawer-in var(--duration-fast) var(--ease-default);flex-direction:column;display:flex}@keyframes drawer-in{0%{transform:translate(-100%)}}dialog.drawer>button{top:calc((3.5rem - var(--control-height)) / 2);right:var(--spacing-1);width:var(--control-height);place-items:center;padding:0;display:grid;position:absolute}@media (prefers-reduced-motion:reduce){dialog.drawer[open]{animation:none}}main{padding:var(--spacing-3) var(--spacing-4) var(--spacing-4)}main:only-child{text-align:center;max-width:26rem;margin:12vh auto 0}main.sign-in{box-sizing:border-box;width:calc(100% - 2 * var(--spacing-2));padding:var(--spacing-4);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);box-shadow:0 var(--spacing-0-5) var(--spacing-3) var(--color-shadow)}main.sign-in>img{width:3rem;height:3rem;margin:0 auto var(--spacing-2);display:block}main.sign-in>p{margin:0 0 var(--spacing-3)}main.sign-in>p[role=alert]{color:var(--color-danger)}main.sign-in button{width:100%;min-height:2.75rem}nav.breadcrumbs ol{gap:var(--spacing-0-5);margin:0 0 var(--spacing-1);font-size:var(--text-sm);flex-wrap:wrap;padding:0;list-style:none;display:flex}nav.breadcrumbs li+li:before{content:"/";margin-right:var(--spacing-0-5);color:var(--color-muted)}@media (width<50rem){#root:has(>aside){grid-template-columns:minmax(0,1fr)}aside{display:none}#root>header{gap:var(--spacing-1);padding:0 var(--spacing-1)}#root>header>button:first-child{display:inline-flex}#root>header>a.switch{display:none}#root>header>[popover]>a.switch{display:revert}#root>header>button.account>span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#root>header>[popover]{right:var(--spacing-1)}main{padding:var(--spacing-2)}}label{gap:var(--spacing-0-5);color:var(--color-muted);display:grid}input,select,textarea{box-sizing:border-box;min-height:var(--control-height);font:inherit;color:var(--color-text);padding:var(--spacing-0-5) var(--spacing-1);border:1px solid var(--color-control-border);border-radius:var(--radius-sm);background:var(--color-surface)}button{box-sizing:border-box;min-height:var(--control-height);font:inherit;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-control-border);border-radius:var(--radius-pill);padding:var(--spacing-0-5) var(--spacing-2);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default);font-weight:600}button:hover{background:var(--color-surface-muted)}button[type=submit],button.primary{color:var(--color-on-brand);background:var(--color-brand);border-color:var(--color-brand)}button[type=submit]:hover,button.primary:hover{background:var(--color-brand);text-decoration:underline}button.quiet{background:0 0;border-color:#0000}button.quiet:hover{background:var(--color-surface-muted)}button.danger{color:var(--color-danger);background:var(--color-surface);border-color:currentColor}button.danger:hover{color:var(--color-on-danger-surface);background:var(--color-danger-surface)}button:disabled,button[aria-disabled=true]{opacity:.5;cursor:default;text-decoration:none}button[aria-busy=true]{cursor:progress}@media (prefers-reduced-motion:reduce){button{transition:none}}ul.choice-list{gap:var(--spacing-1);max-width:26rem;padding:0;list-style:none;display:grid}ul.choice-list button{width:100%}ul.choice-list button[aria-current=true]{background:var(--color-selected);border-color:var(--color-brand);cursor:default}ul.invitations{gap:var(--spacing-1);max-width:26rem;padding:0;list-style:none;display:grid}ul.invitations>li{padding:var(--spacing-1-5) var(--spacing-2);border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface)}ul.invitations form>p{margin:0 0 var(--spacing-1)}ul.invitations button+button{margin-left:var(--spacing-1)}[role=alert],.problem{color:var(--color-danger)}.problem>ul,.problem>p{margin:var(--spacing-0-5) 0}header:has(>h1){justify-content:space-between;align-items:center;gap:var(--spacing-1-5);margin-bottom:var(--spacing-2);flex-wrap:wrap;display:flex}header:has(>h1)>h1{overflow-wrap:anywhere;margin:0}header:has(>h1)>nav{align-items:center;gap:var(--spacing-1);flex-wrap:wrap;display:flex}header:has(>h1)>menu a{box-sizing:border-box;min-height:var(--control-height);color:var(--color-on-brand);background:var(--color-brand);border:1px solid var(--color-brand);border-radius:var(--radius-pill);padding:var(--spacing-0-5) var(--spacing-2);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}header:has(>h1)>menu a:hover{text-decoration:underline}header:has(>h1)>menu a.quiet{color:var(--color-link);background:0 0;border-color:#0000}menu{gap:var(--spacing-1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}main>form>menu{margin-bottom:var(--spacing-3)}menu small{max-width:26rem;margin-top:var(--spacing-0-5);display:block}button[aria-pressed=true]{background:var(--color-selected);border-color:var(--color-brand)}.notice{margin:0 0 var(--spacing-2);padding:var(--spacing-1-5) var(--spacing-2);border:1px solid var(--color-line);border-left:4px solid var(--color-info);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text)}.notice[data-tone=success]{border-left-color:var(--color-success)}.notice[data-tone=warning]{border-left-color:var(--color-warning)}.notice[data-tone=danger]{border-left-color:var(--color-danger)}.notice>p{margin:0 0 var(--spacing-1)}.notice>p:last-child{margin-bottom:0}p.empty{margin:0 0 var(--spacing-2);padding:var(--spacing-4);border:1px dashed var(--color-line);border-radius:var(--radius-md);color:var(--color-muted);text-align:center}.toasts{z-index:10;right:var(--spacing-2);bottom:var(--spacing-2);gap:var(--spacing-1);max-width:min(28rem, calc(100vw - 2 * var(--spacing-2)));display:grid;position:fixed}.toasts>p{align-items:center;gap:var(--spacing-1);padding:var(--spacing-0-5) var(--spacing-0-5) var(--spacing-0-5) var(--spacing-2);border:1px solid var(--color-line);border-left:4px solid var(--color-success);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:0 var(--spacing-0-5) var(--spacing-2) var(--color-shadow);transition:opacity var(--duration-fast) var(--ease-default), translate var(--duration-fast) var(--ease-default);margin:0;display:flex}.toasts>p>span{flex:1}.toasts>p>button{padding-inline:var(--spacing-1)}@starting-style{.toasts>p{opacity:0;translate:0 var(--spacing-1)}}@media (prefers-reduced-motion:reduce){.toasts>p{transition:none}}section{margin-top:var(--spacing-3)}search>form{align-items:end;gap:var(--spacing-1-5) var(--spacing-2);margin-bottom:var(--spacing-2);flex-wrap:wrap;display:flex}label:has(>input[type=checkbox]){align-items:center;gap:var(--spacing-0-5);color:var(--color-text);display:flex}input[type=checkbox],input[type=radio]{min-height:0;accent-color:var(--color-brand)}table{border-collapse:collapse;background:var(--color-surface);width:100%}caption{caption-side:top;padding:var(--spacing-1) 0;text-align:left;color:var(--color-muted)}th,td{padding:var(--spacing-1) var(--spacing-1-5);border-bottom:1px solid var(--color-line);text-align:left;vertical-align:top}thead th{color:var(--color-muted);white-space:nowrap;font-weight:600}tbody th{font-weight:600}th[aria-sort]>button{border-radius:var(--radius-xs);min-height:0;color:inherit;text-align:inherit;background:0 0;border:0;padding:0}th[aria-sort]>button:hover{color:var(--color-text);background:0 0}th[aria-sort=ascending]>button:after{content:" ↑" / ""}th[aria-sort=descending]>button:after{content:" ↓" / ""}[data-numeric]{text-align:right;font-variant-numeric:tabular-nums}tfoot th,tfoot td{border-bottom:0;font-weight:600}tfoot tr:first-child>*{border-top:2px solid var(--color-line)}tr[data-selected]>*{background:var(--color-selected)}tr[data-overlap]{background:var(--color-danger-surface)}div:has(>table){overflow-x:auto}dl{gap:6px var(--spacing-3);grid-template-columns:max-content minmax(0,1fr);margin:0;display:grid}dt{color:var(--color-muted)}dd{margin:0}mark{padding:1px var(--spacing-1);border-radius:var(--radius-pill);background:var(--color-surface-muted);color:var(--color-text);font-size:var(--text-sm);white-space:nowrap;vertical-align:middle;font-weight:600;display:inline-block}mark[data-status=ready],mark[data-status=planned],mark[data-status=dispatched],mark[data-status=started],mark[data-status=picked_up],mark[data-status=arrived],mark[data-status=open]{background:var(--color-selected)}mark[data-status=delivered],mark[data-status=completed],mark[data-status=billed],mark[data-status=exported],mark[data-status=active]{background:var(--color-success-surface);color:var(--color-success)}mark[data-status=deviation],mark[data-status=failed],mark[data-status=unpriced],mark[data-overdue]{background:var(--color-danger-surface);color:var(--color-on-danger-surface)}mark[data-status=workshop]{color:var(--color-warning)}mark[data-status=inactive],mark[data-status=archived]{color:var(--color-muted)}mark[data-status=canceled]{color:var(--color-muted);text-decoration:line-through}[data-late]{color:var(--color-warning);font-weight:600}small{color:var(--color-muted)}form>fieldset{gap:var(--spacing-1-5) var(--spacing-2);margin:0 0 var(--spacing-2);padding:var(--spacing-2);border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));display:grid}fieldset label{align-content:start}fieldset label>input:not([type=checkbox]),fieldset label>select,fieldset label>textarea,fieldset label>span>input{width:100%;min-width:0}fieldset label>span:has(>input[type=datetime-local])>select{flex:none;width:auto}fieldset>legend{padding:0 var(--spacing-0-5);font-weight:600}:is(fieldset>fieldset,fieldset>p,fieldset>menu,fieldset>label:has(>textarea)){grid-column:1/-1}fieldset>fieldset{gap:var(--spacing-1-5) var(--spacing-2);padding:var(--spacing-2);border:1px solid var(--color-line);border-radius:var(--radius-md);grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));margin:0;display:grid}fieldset.choices{align-items:center;gap:var(--spacing-1) var(--spacing-2);flex-wrap:wrap;display:flex}fieldset.choices>legend{color:var(--color-muted);font-weight:400}fieldset.choices>small{flex-basis:100%}fieldset>div{grid-column:1/-1}fieldset:has(>div>table){min-inline-size:0}fieldset>div>table{width:auto;min-width:100%}fieldset>div>table :is(th,td){padding:var(--spacing-0-5)}fieldset>div>table :is(input,select){min-width:4.5rem}fieldset>div>table th[data-required]:after{content:" *"}textarea{resize:vertical;min-height:4rem}label>span:has(>input[type=datetime-local]){gap:var(--spacing-0-5);display:flex}:is(section,menu) form:not(:has(fieldset)){align-items:end;gap:var(--spacing-1);flex-wrap:wrap;display:flex}section>form{margin-top:var(--spacing-2)}section>form>h3{margin:0 0 var(--spacing-1-5)}section>ul:has(figure){gap:var(--spacing-2);grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));padding:0;list-style:none;display:grid}figure{margin:0}figure img{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:#fff;width:100%}nav.pager{align-items:center;gap:var(--spacing-1-5);margin-top:var(--spacing-2);display:flex}time{white-space:nowrap}code{font-size:var(--text-sm);overflow-wrap:anywhere}dialog{box-sizing:border-box;max-width:min(32rem,100vw - 2rem);padding:var(--spacing-3);border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);box-shadow:0 var(--spacing-1) var(--spacing-4) var(--color-shadow)}dialog::backdrop{background:var(--color-backdrop)}dialog>h2{margin-top:0}dialog.wide{width:min(44rem,100vw - 2rem);max-width:none}dialog form>menu,dialog>menu{margin-top:var(--spacing-2)}dialog label+label,dialog form>p{margin-top:var(--spacing-1-5)}[role=tablist]{gap:var(--spacing-3);border-bottom:1px solid var(--color-line);display:flex;overflow-x:auto}[role=tab]{padding:var(--spacing-1-5) 0;color:var(--color-muted);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0}[role=tab]:hover{color:var(--color-text);background:0 0}[role=tab][aria-selected=true]{color:var(--color-text);border-bottom-color:var(--color-brand)}[role=tabpanel]{margin-top:var(--spacing-2)}
