*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);background:var(--c-background);color:var(--c-text);font-size:15px;line-height:1.5}a{color:var(--c-primary)}:focus-visible{outline:3px solid var(--c-focus);outline-offset:2px}.shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--c-surface);border-inline-end:1px solid var(--c-border);padding:var(--s-4);gap:var(--s-2);flex-direction:column;display:flex}.brand{padding:var(--s-2) var(--s-3);font-size:20px;font-weight:700}.nav a{padding:10px var(--s-3);border-radius:var(--r-md);color:var(--c-text);font-weight:500;text-decoration:none;display:block}.nav a:hover{background:var(--c-primary-soft)}.nav a[aria-current=page]{background:var(--c-primary);color:var(--c-on-primary)}.main{padding:var(--s-6);gap:var(--s-4);flex-direction:column;max-width:1200px;display:flex}h1{margin:0;font-size:26px}.muted{color:var(--c-text-muted)}.grid{gap:var(--s-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--s-4);gap:var(--s-2);flex-direction:column;display:flex}.stat{font-variant-numeric:tabular-nums;font-size:30px;font-weight:700}.badge{color:var(--c-warning);border:1px solid;border-radius:999px;padding:0 8px;font-size:12px;font-weight:600;display:inline-block}table{border-collapse:collapse;background:var(--c-surface);border-radius:var(--r-lg);width:100%;overflow:hidden}th,td{text-align:start;padding:12px var(--s-3);border-bottom:1px solid var(--c-border)}th{color:var(--c-text-muted);font-size:13px;font-weight:600}td.num{font-variant-numeric:tabular-nums}.form{gap:var(--s-3);flex-direction:column;max-width:380px;margin:10vh auto;display:flex}label{flex-direction:column;gap:4px;font-size:14px;font-weight:500;display:flex}input{border:1.5px solid var(--c-border);border-radius:var(--r-md);min-height:44px;padding:0 var(--s-3);font:inherit;background:var(--c-surface);color:var(--c-text)}button.primary{border-radius:var(--r-md);min-height:48px;font:inherit;background:var(--c-primary);color:var(--c-on-primary);cursor:pointer;border:0;font-weight:600}button.primary:hover{background:var(--c-primary-pressed)}@media (max-width:760px){.shell{grid-template-columns:1fr}.sidebar{border-inline-end:0;border-bottom:1px solid var(--c-border)}.nav{flex-wrap:wrap;gap:4px;display:flex}}h2{margin:0;font-size:18px}h3{margin:var(--s-2) 0 0;color:var(--c-text-muted);font-size:14px}p{margin:0}.small{font-size:13px}.block{display:block}.strong{font-weight:700}.center{place-items:center;min-height:60vh;display:grid}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sidebar-foot{padding:var(--s-2) var(--s-3);border-top:1px solid var(--c-border);flex-direction:column;gap:4px;margin-top:auto;font-size:14px;display:flex}.row{justify-content:space-between;align-items:center;gap:var(--s-2);display:flex}.row.wrap{flex-wrap:wrap;justify-content:flex-start;align-items:flex-end}.grow{flex:1;min-width:220px}.stack{gap:var(--s-3);flex-direction:column;max-width:420px;display:flex}.toolbar{align-items:center;gap:var(--s-3);flex-wrap:wrap;display:flex}.toolbar h1{margin-inline-end:auto}.toolbar input[type=search]{min-width:240px}.columns{gap:var(--s-4);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;display:grid}select{border:1.5px solid var(--c-border);border-radius:var(--r-md);min-height:40px;padding:0 var(--s-2);font:inherit;background:var(--c-surface);color:var(--c-text)}input[type=checkbox]{width:18px;height:18px;min-height:auto;accent-color:var(--c-primary)}input[aria-invalid=true]{border-color:var(--c-danger)}label.inline{flex-direction:row;align-items:center;gap:6px;font-weight:500}button{font:inherit}button:disabled{opacity:.55;cursor:default}button.primary{padding:0 var(--s-4)}button.secondary{min-height:44px;padding:0 var(--s-4);border-radius:var(--r-md);border:1.5px solid var(--c-border);background:var(--c-surface);color:var(--c-text);cursor:pointer;font-weight:600}button.secondary.danger{color:var(--c-danger);border-color:currentColor}button.small-btn{min-height:36px}button.link{color:var(--c-primary);cursor:pointer;text-align:start;background:0 0;border:0;padding:0;font-weight:500}button.link.danger,.error{color:var(--c-danger)}.success{color:var(--c-success);font-weight:600}.alert{gap:var(--s-3);border:1px solid var(--c-danger);color:var(--c-danger);background:var(--c-surface);border-radius:var(--r-md);padding:var(--s-2) var(--s-3);align-items:center;display:flex}.chip{white-space:nowrap;border:1px solid;border-radius:999px;padding:1px 10px;font-size:12px;font-weight:600;display:inline-block}.chip-success{color:var(--c-success)}.chip-warning{color:var(--c-warning)}.chip-danger{color:var(--c-danger)}.chip-info{color:var(--c-primary)}.chip-muted{color:var(--c-text-muted)}.segmented{border:1.5px solid var(--c-border);border-radius:var(--r-md);display:inline-flex;overflow:hidden}.segmented button{background:var(--c-surface);color:var(--c-text);padding:8px var(--s-3);cursor:pointer;border:0}.segmented button[aria-selected=true]{background:var(--c-primary);color:var(--c-on-primary)}.board{gap:var(--s-4);grid-template-columns:repeat(3,minmax(240px,1fr));align-items:start;display:grid}.board-col{gap:var(--s-2);background:var(--c-primary-soft);border-radius:var(--r-lg);padding:var(--s-3);flex-direction:column;min-height:200px;display:flex}.board-col h2{font-size:15px}.count{font-variant-numeric:tabular-nums;color:var(--c-text-muted)}.order-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);padding:var(--s-3);color:var(--c-text);flex-direction:column;gap:4px;text-decoration:none;display:flex}.order-card:hover{border-color:var(--c-primary)}.order-card.is-new{border-inline-start:4px solid var(--c-warning)}.num{font-variant-numeric:tabular-nums}.totals,.facts{gap:6px var(--s-4);grid-template-columns:1fr auto;margin:0;display:grid}.facts{grid-template-columns:auto 1fr}.totals dd,.facts dd{margin:0}.totals dd{text-align:end;font-variant-numeric:tabular-nums}.plain{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.qty{font-variant-numeric:tabular-nums;font-weight:700}.timeline{flex-direction:column;gap:6px;margin:0;padding-inline-start:var(--s-4);display:flex}.form-grid{gap:var(--s-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:end;display:grid}.form-grid>h2,.form-grid>.alert,.form-grid>.success{grid-column:1/-1}.span-2{grid-column:span 2}.variant{align-items:center;gap:var(--s-2);flex-wrap:wrap;padding:4px 0;display:flex}.variant.is-off .variant-label{color:var(--c-text-muted);text-decoration:line-through}.variant-label{min-width:70px;font-weight:500}input.price{width:96px;min-height:36px}.variant select{min-height:36px}.stock-low{color:var(--c-warning)}.stock-out,.status-archived{color:var(--c-danger)}.status-draft{color:var(--c-text-muted)}.secret{letter-spacing:1px;padding:var(--s-3);background:var(--c-primary-soft);border-radius:var(--r-md);word-break:break-all;font-size:18px}.card table{border-radius:0}@media (max-width:900px){.board{grid-template-columns:1fr}.span-2{grid-column:auto}table.catalog,table{display:block;overflow-x:auto}}fieldset{border:1px solid var(--c-border);border-radius:var(--r-md);padding:var(--s-3);gap:var(--s-2);flex-direction:column;margin:0;display:flex}legend{padding:0 4px;font-weight:600}.ordering.is-paused{border-color:var(--c-danger)}.settings-form{gap:var(--s-4)}.hours-row{align-items:center;gap:var(--s-2);flex-wrap:wrap;min-height:44px;display:flex}.hours-row .day{min-width:64px;font-weight:600}.interval{align-items:center;gap:4px;display:inline-flex}input[type=time]{width:9.5em;min-height:40px}input[type=color]{width:48px;height:40px;padding:2px}.main.admin{width:100%;margin:0 auto}.stack-sm{flex-direction:column;gap:4px;display:flex}.success-box{gap:var(--s-2);border:1px solid var(--c-success);border-radius:var(--r-md);padding:var(--s-3);flex-direction:column;grid-column:1/-1;display:flex}.success-box code{word-break:break-all}.bars-wrap{flex-direction:column;gap:4px;display:flex}.bars{padding-inline:0;border-bottom:1px solid var(--c-border);align-items:flex-end;gap:2px;height:260px;margin:0;padding-top:40px;padding-bottom:22px;list-style:none;display:flex;position:relative}.bars-max{border-top:1px dashed var(--c-border);pointer-events:none;position:absolute;top:40px;left:0;right:0}.bars-max span{position:absolute;top:-18px;left:0}.bar-slot{outline-offset:0;flex:1;align-items:flex-end;min-width:4px;height:100%;display:flex;position:relative}.bar-hit{all:unset;cursor:default;align-items:flex-end;width:100%;height:100%;display:flex}.bar-hit:focus-visible{outline:3px solid var(--c-focus);outline-offset:1px}.bar{background:var(--c-primary);opacity:.85;border-radius:4px 4px 0 0;width:100%;min-height:1px;display:block}.bar.is-hover{opacity:1}.bar-label{color:var(--c-text-muted);white-space:nowrap;font-size:11px;position:absolute;bottom:-20px;left:0}.tooltip{background:var(--c-text);color:var(--c-background);border-radius:var(--r-md);white-space:nowrap;z-index:2;pointer-events:none;padding:4px 8px;font-size:12px;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.hbars li{flex-direction:column;gap:4px;display:flex}.hbar-track{background:var(--c-primary-soft);border-radius:4px;height:8px}.hbar{background:var(--c-primary);border-radius:4px;height:100%}.images{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.thumb{display:inline-block;position:relative}.thumb img{object-fit:cover;border-radius:var(--r-md);border:1px solid var(--c-border);background:var(--c-surface);width:56px;height:56px}.thumb-remove{border:1px solid var(--c-border);background:var(--c-surface);width:22px;height:22px;color:var(--c-danger);cursor:pointer;border-radius:999px;line-height:1;position:absolute;inset-block-start:-6px;inset-inline-end:-6px}.add-image{cursor:pointer;color:var(--c-primary)}.add-image:focus-within{outline:3px solid var(--c-focus);outline-offset:2px}a.button{min-height:44px;padding:0 var(--s-4);border-radius:var(--r-md);justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}a.button.primary{background:var(--c-primary);color:var(--c-on-primary)}a.button.primary:hover{background:var(--c-primary-pressed)}.product-form{gap:var(--s-4);flex-direction:column;max-width:720px;display:flex}.product-form>label:not(.inline) input{max-width:480px}.product-form .size-row label:not(.inline){flex:140px;max-width:220px}.product-form details .form-grid{margin-top:var(--s-3)}.product-form fieldset{border:0;margin:0;padding:0}.product-form legend{margin-bottom:var(--s-2);font-weight:600}.photo-row{gap:var(--s-3);flex-wrap:wrap;align-items:flex-start;display:flex}.photo{flex-direction:column;align-items:center;gap:4px;display:flex}.photo img{object-fit:cover;border-radius:var(--r-md);border:1px solid var(--c-border);width:96px;height:96px}.dropzone{width:96px;min-height:96px;padding:var(--s-2);border:2px dashed var(--c-border);border-radius:var(--r-md);background:var(--c-surface);color:var(--c-text-muted);cursor:pointer;font-size:12px}.dropzone:hover{border-color:var(--c-primary);color:var(--c-primary)}.size-row{gap:var(--s-3);padding-bottom:var(--s-2);border-bottom:1px solid var(--c-border);flex-wrap:wrap;align-items:flex-end;display:flex}.size-row .error{flex-basis:100%}.product-form details summary{cursor:pointer;color:var(--c-primary);padding:var(--s-2) 0;font-weight:600}.product-form textarea{border:1.5px solid var(--c-border);border-radius:var(--r-md);padding:var(--s-2) var(--s-3);font:inherit;background:var(--c-surface);color:var(--c-text)}img.thumb,.thumb-empty{object-fit:cover;border-radius:var(--r-md);border:1px solid var(--c-border);background:var(--c-surface);flex-shrink:0;width:48px;height:48px}.thumb-empty{display:inline-block}.stock-out{color:var(--c-danger)}
