@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap";:root{--color-canvas:#f6f9fc;--color-surface:#fff;--color-text:#0d253d;--color-body:#273951;--color-secondary:#64748d;--color-muted:#64748d;--color-border:#e3e8ee;--color-hover:#f6f9fc;--color-selected:#eeedff;--color-blue:#533afd;--color-blue-soft:#eeedff;--color-focus:#533afd38;--color-success:#167451;--color-success-soft:#e9f7ef;--color-warning:#986218;--color-warning-soft:#fff4db;--color-danger:#c51d51;--color-danger-soft:#fff0f4;--color-overlay:#0d253d47;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:ui-monospace, "Cascadia Code", Consolas, monospace;--text-xs:13px;--text-small:13px;--text-body:15px;--text-section:18px;--text-large:20px;--text-logo:20px;--text-auth:26px;--text-title:32px;--text-number:36px;--line-height:1.5;--line-tight:1.25;--weight-regular:400;--weight-medium:500;--weight-semibold:500;--weight-bold:500;--tracking-title:-.025em;--tracking-label:.08em;--space-0:0;--space-2:2px;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-28:28px;--space-32:32px;--space-40:40px;--space-48:48px;--space-64:64px;--space-80:80px;--radius-small:4px;--radius-control:6px;--radius-card:12px;--radius-pill:9999px;--border-width:1px;--focus-width:3px;--sidebar-width:248px;--content-width:1200px;--form-width:420px;--dialog-width:480px;--topbar-height:64px;--control-height:40px;--nav-height:40px;--icon-size:18px;--logo-size:32px;--motion:.18s ease}*{box-sizing:border-box}body{margin:var(--space-0);background:var(--color-canvas);color:var(--color-text);font:var(--weight-regular) var(--text-body) / var(--line-height) var(--font-family);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button,a,input,select{transition:background var(--motion), border-color var(--motion), color var(--motion)}button{color:inherit}a{color:inherit;text-decoration:none}a:hover{color:var(--color-blue)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:var(--focus-width) solid var(--color-focus);outline-offset:var(--space-2)}input:focus,select:focus{outline:var(--focus-width) solid var(--color-focus);border-color:var(--color-blue)}h1,h2,h3,p{margin:var(--space-0)}h1{font-size:var(--text-title);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-title);line-height:var(--line-tight)}h2{font-size:var(--text-large);font-weight:var(--weight-semibold);line-height:var(--line-tight)}h3{font-size:var(--text-section);font-weight:var(--weight-medium)}p{color:var(--color-body)}svg{width:var(--icon-size);height:var(--icon-size);flex:none}[hidden]{display:none!important}.muted,.helper{color:var(--color-secondary)}.helper{font-size:var(--text-small);margin-top:var(--space-8)}.small{font-size:var(--text-small)}.eyebrow{font-size:var(--text-xs);letter-spacing:var(--tracking-label);font-weight:var(--weight-medium);color:var(--color-secondary);text-transform:uppercase}.brand{align-items:center;gap:var(--space-8);font-size:var(--text-logo);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-title);display:inline-flex}.brand svg{width:var(--logo-size);height:var(--logo-size)}.brand-mark{fill:var(--color-blue)}.brand-letter{fill:var(--color-surface)}.button{justify-content:center;align-items:center;gap:var(--space-8);min-height:var(--control-height);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);padding:var(--space-8) var(--space-16);font-weight:var(--weight-medium);white-space:normal;display:inline-flex}.button:hover{background:var(--color-hover)}.button-primary{background:var(--color-blue);border-color:var(--color-blue);color:var(--color-surface)}.button-primary:hover{background:var(--color-blue);filter:brightness(.94);color:var(--color-surface)}.button-secondary{background:var(--color-blue-soft);color:var(--color-blue);border-color:#0000}.button-text{background:0 0;border-color:#0000}.button-danger{color:var(--color-danger);background:var(--color-danger-soft);border-color:#0000}.button:disabled{opacity:.5;cursor:not-allowed}.button-wide{width:100%}.icon-button{padding:var(--space-8);border-radius:var(--radius-control);min-width:var(--control-height);min-height:var(--control-height);background:0 0;border:0;place-items:center;display:inline-grid}.icon-button:hover{background:var(--color-hover)}.text-link{color:var(--color-secondary);text-underline-offset:var(--space-4);text-decoration:underline}.field{gap:var(--space-8);margin-bottom:var(--space-20);flex-direction:column;min-width:0;display:flex}.field label,.field-label{font-size:var(--text-small);font-weight:var(--weight-medium)}.field .helper{margin:var(--space-0)}input,select{width:100%;min-width:0;height:var(--control-height);padding:var(--space-8) var(--space-12);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text)}input::placeholder{color:var(--color-muted)}input[aria-invalid=true]{border-color:var(--color-danger)}input:disabled{background:var(--color-canvas);color:var(--color-secondary)}.password-field{position:relative}.password-field input{padding-right:var(--space-48)}.password-field .icon-button{color:var(--color-secondary);position:absolute;inset:0 0 auto auto}.field-heading{justify-content:space-between;align-items:center;gap:var(--space-8);display:flex}.field-heading button{font-size:var(--text-small);color:var(--color-secondary);background:0 0;border:0;padding:0}.field-error{color:var(--color-danger);font-size:var(--text-small)}.form-grid{gap:var(--space-16);grid-template-columns:1fr 1fr;display:grid}.notice{align-items:flex-start;gap:var(--space-8);padding:var(--space-12) var(--space-16);border-radius:var(--radius-control);font-size:var(--text-small);background:var(--color-canvas);color:var(--color-body);display:flex}.notice-error{background:var(--color-danger-soft);color:var(--color-danger)}.notice-success{background:var(--color-success-soft);color:var(--color-success)}.notice-warning{background:var(--color-warning-soft);color:var(--color-warning)}.notice p{color:inherit}.pill{align-items:center;gap:var(--space-4);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-8);font-size:var(--text-xs);color:var(--color-secondary);background:var(--color-canvas);white-space:nowrap;display:inline-flex}.pill-success{color:var(--color-success);background:var(--color-success-soft)}.pill-warning{color:var(--color-warning);background:var(--color-warning-soft)}.pill-danger{color:var(--color-danger);background:var(--color-danger-soft)}.auth-main{min-height:100svh;padding:var(--space-40) var(--space-16);justify-content:center;align-items:center;gap:var(--space-24);flex-direction:column;display:flex}.auth-card{width:100%;max-width:var(--form-width);border:var(--border-width) solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-card);padding:var(--space-32)}.auth-card h1,.auth-card h2{font-size:var(--text-auth);letter-spacing:var(--tracking-title);font-weight:var(--weight-semibold)}.auth-card .auth-intro{margin:var(--space-8) 0 var(--space-28);font-size:var(--text-small)}.auth-card .notice{margin-bottom:var(--space-20)}.disabled-fields{border:0;min-width:0;margin:0;padding:0}.disabled-fields legend{color:var(--color-secondary);margin-bottom:var(--space-16)}.state-catalog>.state-grid,.state-catalog>.state-card{margin-top:var(--space-16)}.auth-help{text-align:center;color:var(--color-secondary);font-size:var(--text-small);margin-top:var(--space-24)}.auth-help button{font:inherit;text-underline-offset:var(--space-4);background:0 0;border:0;padding:0;text-decoration:underline}.auth-footer{color:var(--color-muted);font-size:var(--text-xs);text-align:center}.preview-box{border:var(--border-width) dashed var(--color-border);border-radius:var(--radius-control);padding:var(--space-16);color:var(--color-secondary)}.preview-box>.eyebrow{margin-bottom:var(--space-8);display:block}.preview-links{gap:var(--space-8) var(--space-16);font-size:var(--text-small);flex-wrap:wrap;display:flex}.preview-links a{text-underline-offset:var(--space-4);text-decoration:underline}.auth-preview{width:100%;max-width:var(--form-width)}.state-catalog{margin-top:var(--space-48);border-top:var(--border-width) solid var(--color-border);padding-top:var(--space-24)}.state-catalog>summary{justify-content:space-between;align-items:center;gap:var(--space-16);padding:var(--space-8) 0;list-style:none;display:flex}.state-catalog>summary:after{content:"+";font-size:var(--text-large);color:var(--color-secondary)}.state-catalog[open]>summary:after{content:"−"}.state-intro{margin:var(--space-8) 0 var(--space-24);font-size:var(--text-small)}.state-grid{gap:var(--space-16);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.state-card{border:var(--border-width) solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-card);padding:var(--space-24);min-width:0}.state-card>.eyebrow{margin-bottom:var(--space-16);display:block}.state-card h2,.state-card h3{margin-bottom:var(--space-12)}.state-card>p{margin-bottom:var(--space-16)}.state-card .button{margin-top:var(--space-8)}.auth-states{max-width:var(--content-width);padding:0 var(--space-24) var(--space-64);margin:auto}.auth-states .state-catalog{margin-top:0}.welcome-main{padding:var(--space-48) var(--space-24) var(--space-64);max-width:var(--content-width);margin:auto}.welcome-heading{margin-bottom:var(--space-32)}.welcome-heading p{margin-top:var(--space-8)}.welcome-grid{gap:var(--space-24);margin:var(--space-24) 0;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.welcome-grid .auth-card{max-width:none}.welcome-grid .eyebrow{margin-bottom:var(--space-12);display:block}.sidebar{width:var(--sidebar-width);border-right:var(--border-width) solid var(--color-border);padding:var(--space-16) var(--space-12);background:var(--color-canvas);z-index:30;flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.workspace-button{width:100%;padding:var(--space-8);align-items:center;gap:var(--space-8);text-align:left;border-radius:var(--radius-control);font-size:var(--text-small);font-weight:var(--weight-semibold);background:0 0;border:0;display:flex}.workspace-button:hover{background:var(--color-hover)}.workspace-initial{width:var(--logo-size);height:var(--logo-size);border-radius:var(--radius-control);border:var(--border-width) solid var(--color-border);background:var(--color-surface);font-size:var(--text-section);flex:none;place-items:center;display:inline-grid}.workspace-button .chevron{width:var(--space-12);margin-left:auto}.workspace-label{color:var(--color-muted);font-size:var(--text-xs);padding:var(--space-24) var(--space-8) var(--space-8)}.sidebar-nav{gap:var(--space-4);flex-direction:column;display:flex}.nav-item{align-items:center;gap:var(--space-8);min-height:var(--nav-height);padding:var(--space-4) var(--space-8);border-radius:var(--radius-small);color:var(--color-secondary);font-size:var(--text-small);display:flex}.nav-item:hover{background:var(--color-hover);color:var(--color-text)}.nav-item[aria-current=page]{background:var(--color-selected);color:var(--color-text);font-weight:var(--weight-medium)}.nav-count{color:var(--color-secondary);font-size:var(--text-xs);background:var(--color-selected);border-radius:var(--radius-small);padding:0 var(--space-4);margin-left:auto}.nav-item[aria-disabled=true]{cursor:default}.nav-settings{margin-top:var(--space-24)}.sidebar-bottom{padding-top:var(--space-32);margin-top:auto}.person-button{align-items:center;gap:var(--space-8);border:0;border-top:var(--border-width) solid var(--color-border);text-align:left;width:100%;padding:var(--space-16) var(--space-4);background:0 0;display:flex}.avatar{width:var(--logo-size);height:var(--logo-size);border-radius:var(--radius-pill);background:var(--color-selected);font-size:var(--text-xs);color:var(--color-body);flex:none;place-items:center;display:grid}.person-name{font-size:var(--text-small);font-weight:var(--weight-medium);display:block}.person-email{font-size:var(--text-xs);color:var(--color-secondary);overflow-wrap:anywhere;display:block}.person-button>svg{width:var(--space-12);margin-left:auto}.sidebar-brand{padding-top:var(--space-8);justify-content:center;display:flex}.sidebar-brand .brand{font-size:var(--text-xs);color:var(--color-muted);gap:var(--space-4);letter-spacing:normal}.sidebar-brand .brand svg{width:var(--space-16);height:var(--space-16)}.sidebar-brand .brand-mark{fill:var(--color-muted)}.popover-host{position:relative}.popover{left:0;right:0;top:calc(100% + var(--space-4));z-index:40;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);padding:var(--space-8);position:absolute}.popover-up{top:auto;bottom:100%}.popover-title{padding:var(--space-8);color:var(--color-secondary);font-size:var(--text-xs)}.popover-option{align-items:center;gap:var(--space-8);padding:var(--space-8);text-align:left;border-radius:var(--radius-small);width:100%;font-size:var(--text-small);background:0 0;border:0;display:flex}.popover-option:hover{background:var(--color-hover)}.popover-option .check{margin-left:auto}.popover-divider{border-top:var(--border-width) solid var(--color-border);margin-top:var(--space-8);padding-top:var(--space-8)}.app-body{margin-left:var(--sidebar-width)}.topbar{height:var(--topbar-height);border-bottom:var(--border-width) solid var(--color-border);align-items:center;gap:var(--space-12);padding:0 var(--space-32);font-size:var(--text-small);display:flex}.breadcrumb{align-items:center;gap:var(--space-8);color:var(--color-secondary);flex-wrap:wrap;display:flex}.breadcrumb .current{color:var(--color-text)}.topbar .role-label{margin-left:auto}.page-content{max-width:var(--content-width);padding:var(--space-48) var(--space-40) var(--space-64);margin:auto}.page-heading{justify-content:space-between;align-items:center;gap:var(--space-16);margin-bottom:var(--space-32);display:flex}.section-heading{margin-bottom:var(--space-16);justify-content:space-between;align-items:center;gap:var(--space-12);display:flex}.section-heading span{color:var(--color-secondary);font-size:var(--text-small)}.summary-grid{gap:var(--space-16);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.summary-card{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-24);background:var(--color-surface)}.summary-label{align-items:center;gap:var(--space-8);color:var(--color-secondary);font-size:var(--text-small);display:flex}.summary-label svg{width:var(--space-16);height:var(--space-16)}.summary-number{align-items:center;gap:var(--space-12);font-size:var(--text-number);line-height:var(--line-tight);letter-spacing:var(--tracking-title);font-weight:var(--weight-medium);margin:var(--space-20) 0 var(--space-12);display:flex}.summary-number .pill{font-weight:var(--weight-regular);letter-spacing:normal}.summary-card p{font-size:var(--text-small);color:var(--color-secondary)}.coming-soon{align-items:center;gap:var(--space-16);padding:var(--space-24);margin-top:var(--space-24);background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);display:flex}.coming-soon h2{font-size:var(--text-body);margin-bottom:var(--space-4);font-weight:var(--weight-medium)}.coming-soon p{font-size:var(--text-small)}.page-note{color:var(--color-muted);font-size:var(--text-xs);margin-top:var(--space-16)}.page-content>.preview-box{margin-top:var(--space-48)}.empty-state{text-align:center;padding:var(--space-40) var(--space-24);background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card)}.empty-state>svg{color:var(--color-muted);width:var(--space-24);height:var(--space-24);margin-bottom:var(--space-16)}.empty-state h2{margin-bottom:var(--space-8);font-size:var(--text-section)}.loading-line{align-items:center;gap:var(--space-8);color:var(--color-secondary);display:flex}.spinner{width:var(--space-16);height:var(--space-16);border:var(--space-2) solid var(--color-border);border-radius:var(--radius-pill);border-top-color:currentColor;flex:none;animation:1s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.shop-list{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface)}.shop-table-heading,.shop-row>summary{grid-template-columns:minmax(0, 1.65fr) minmax(0, 1fr) var(--space-80) var(--space-24);align-items:center;gap:var(--space-16);padding:var(--space-20) var(--space-24);display:grid}.shop-table-heading{font-size:var(--text-xs);color:var(--color-secondary);padding-top:var(--space-12);padding-bottom:var(--space-12);background:var(--color-hover);border-radius:var(--radius-card) var(--radius-card) 0 0}.shop-row>summary{border-top:var(--border-width) solid var(--color-border);list-style:none}summary::-webkit-details-marker{display:none}.shop-row>summary:hover{background:var(--color-hover)}.shop-title{align-items:center;gap:var(--space-12);min-width:0;display:flex}.shop-title strong{font-size:var(--text-body);font-weight:var(--weight-medium)}.shop-id{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-secondary);margin-top:var(--space-4);overflow-wrap:anywhere;display:block}.delivery-values{font-size:var(--text-small);color:var(--color-body)}.delivery-values span{display:block}.people-count{color:var(--color-secondary);font-size:var(--text-small)}.row-chevron{width:var(--space-16);color:var(--color-secondary);transition:transform var(--motion)}.shop-row[open]>summary .row-chevron{transform:rotate(180deg)}.shop-people{border-top:var(--border-width) solid var(--color-border);padding:var(--space-24);background:var(--color-canvas)}.people-heading{margin-bottom:var(--space-16);justify-content:space-between;align-items:center;display:flex}.people-heading h3{font-size:var(--text-small);font-weight:var(--weight-medium)}.people-heading span{font-size:var(--text-xs);color:var(--color-secondary)}.person-row{grid-template-columns:minmax(0, 1fr) auto auto var(--space-40);gap:var(--space-12);border-top:var(--border-width) solid var(--color-border);padding:var(--space-8) 0;align-items:center;display:grid}.person-row .email{font-size:var(--text-small);overflow-wrap:anywhere}.person-actions .popover{width:calc(var(--space-80) * 2 + var(--space-24));left:auto;right:0}.person-actions summary{list-style:none}.danger-text{color:var(--color-danger)}.invite-form{padding-top:var(--space-20);border-top:var(--border-width) solid var(--color-border);margin-top:var(--space-8)}.invite-form>label{font-size:var(--text-small);font-weight:var(--weight-medium);margin-bottom:var(--space-8);display:block}.invite-line{gap:var(--space-8);grid-template-columns:minmax(0,1fr) minmax(0,.45fr) auto;display:grid}.people-empty{color:var(--color-secondary);font-size:var(--text-small);padding:var(--space-16) 0}.dialog{width:calc(100% - var(--space-32));max-width:var(--dialog-width);max-height:calc(100svh - var(--space-32));padding:var(--space-28);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);color:var(--color-text);background:var(--color-surface);overflow-y:auto}.dialog::backdrop{background:var(--color-overlay)}.dialog h2{margin-bottom:var(--space-12)}.dialog>p{font-size:var(--text-body);margin-bottom:var(--space-24);overflow-wrap:anywhere}.dialog .notice{margin-bottom:var(--space-20)}.dialog-actions{justify-content:flex-end;align-items:center;gap:var(--space-8);margin-top:var(--space-24);flex-wrap:wrap;display:flex}.setup-link{font-family:var(--font-mono);font-size:var(--text-small)}.settings-section{padding:var(--space-28) 0;border-top:var(--border-width) solid var(--color-border);gap:var(--space-32);grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);display:grid}.settings-section h2{font-size:var(--text-section);margin-bottom:var(--space-8)}.settings-section p{font-size:var(--text-small)}.settings-section .settings-form{max-width:var(--form-width)}.account-identity{align-items:center;gap:var(--space-12);overflow-wrap:anywhere;display:flex}.account-identity .avatar{width:var(--space-40);height:var(--space-40)}.account-identity strong{font-weight:var(--weight-medium);font-size:var(--text-small);display:block}.mobile-menu,.mobile-close,.sidebar-overlay{display:none}.skip-link{top:var(--space-8);left:var(--space-8);z-index:100;background:var(--color-surface);padding:var(--space-12);position:fixed;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}@media (width<=1100px){.page-content{padding-left:var(--space-28);padding-right:var(--space-28)}.summary-card{padding:var(--space-20)}.summary-number{flex-wrap:wrap}.shop-table-heading,.shop-row>summary{gap:var(--space-12);padding-left:var(--space-16);padding-right:var(--space-16)}}@media (width<=800px){.sidebar{transition:transform var(--motion);transform:translate(-100%)}.menu-open .sidebar{transform:translate(0)}.menu-open{overflow:hidden}.sidebar-overlay{background:var(--color-overlay);z-index:25;border:0;position:fixed;inset:0}.menu-open .sidebar-overlay{display:block}.mobile-menu,.mobile-close{display:inline-grid}.mobile-close{margin-bottom:var(--space-8);align-self:flex-end}.app-body{margin-left:0}.topbar{padding:0 var(--space-16);gap:var(--space-8)}.topbar .role-label{display:none}}@media (width<=600px){.page-content{padding:var(--space-32) var(--space-20) var(--space-40)}.page-heading{align-items:flex-start;gap:var(--space-12);margin-bottom:var(--space-28)}.page-heading h1{font-size:var(--text-title)}.page-heading p{font-size:var(--text-small)}.page-heading .button{padding:var(--space-8) var(--space-12);flex-shrink:0}.summary-grid,.state-grid,.welcome-grid{grid-template-columns:1fr}.summary-card{padding:var(--space-20)}.summary-number{margin:var(--space-12) 0 var(--space-8)}.coming-soon{padding:var(--space-20);align-items:flex-start}.auth-card{padding:var(--space-24)}.auth-main{padding-top:var(--space-32);padding-bottom:var(--space-32)}.auth-states{padding:0 var(--space-16) var(--space-40)}.welcome-main{padding:var(--space-32) var(--space-16)}.state-card{padding:var(--space-20)}.form-grid{grid-template-columns:1fr;gap:0}.shop-table-heading{display:none}.shop-row>summary{grid-template-columns:minmax(0, 1fr) var(--space-24);padding:var(--space-20)}.shop-row:first-of-type>summary{border-top:0}.shop-title{grid-column:1}.row-chevron{grid-area:1/2}.delivery-values,.people-count{padding-left:calc(var(--logo-size) + var(--space-12));grid-column:1}.delivery-values span{display:inline}.delivery-values span+span:before{content:" · "}.shop-people{padding:var(--space-20)}.person-row{grid-template-columns:auto 1fr var(--space-40);gap:var(--space-8);padding:var(--space-12) 0}.person-row .email{grid-column:1/3}.person-row>.pill{justify-self:start}.person-actions{grid-area:1/3/3}.invite-line{grid-template-columns:1fr auto}.invite-line input{grid-column:1/-1}.settings-section{gap:var(--space-20);grid-template-columns:1fr}.settings-section .settings-form{max-width:none}.dialog{padding:var(--space-24)}input,select{font-size:var(--text-section)}.preview-links{row-gap:var(--space-12)}.nav-item{min-height:var(--control-height)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}:root{--product-thumb:64px;--product-price-width:148px;--product-stock-width:140px;--save-bar-height:76px;--color-ghee-art:#d3b875;--color-honey-art:#b98b4d;--color-clove-art:#8e7463;--color-oil-art:#a5a571;--color-tee-art:#363637;--color-tee-white-art:#dcdad6;--color-tee-navy-art:#4f596c;--color-photo-canvas:#f6f9fc}.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}.list-toolbar{justify-content:space-between;align-items:center;gap:var(--space-16);margin-bottom:var(--space-20);display:flex}.search-field{width:min(100%, var(--form-width));position:relative}.search-field>svg{top:var(--space-12);left:var(--space-12);color:var(--color-muted);width:var(--space-16);height:var(--space-16);position:absolute}.search-field input{padding-left:var(--space-40)}.check-label{align-items:center;gap:var(--space-8);color:var(--color-body);font-size:var(--text-small);cursor:pointer;display:inline-flex}.check-label input{width:var(--space-16);height:var(--space-16);accent-color:var(--color-blue);flex:none;margin:0}.product-list,.category-list{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card)}.product-list-heading,.product-row{grid-template-columns:minmax(0, 1fr) var(--product-price-width) var(--product-stock-width) var(--space-40);gap:var(--space-16);padding:var(--space-24);align-items:center;display:grid}.product-list-heading,.category-list-heading{color:var(--color-secondary);font-size:var(--text-xs);padding-top:var(--space-12);padding-bottom:var(--space-12);background:var(--color-hover);border-radius:var(--radius-card) var(--radius-card) 0 0}.product-row,.category-row{border-top:var(--border-width) solid var(--color-border)}.product-row:hover,.category-row:hover{background:var(--color-hover)}.product-identity{align-items:center;gap:var(--space-16);min-width:0;display:flex}.product-identity>div{min-width:0}.product-identity h3,.category-identity h3{font-size:var(--text-body);font-weight:var(--weight-medium)}.product-art{width:var(--product-thumb);height:var(--product-thumb);background:var(--color-photo-canvas);color:var(--color-ghee-art);border-radius:var(--radius-control);flex:none;place-items:center;display:inline-grid;overflow:hidden}.product-art svg{width:88%;height:88%}.art-honey{color:var(--color-honey-art)}.art-cloves{color:var(--color-clove-art)}.art-oil{color:var(--color-oil-art)}.art-tee{color:var(--color-tee-art)}.art-tee-white{color:var(--color-tee-white-art)}.art-tee-navy{color:var(--color-tee-navy-art)}.art-blank{color:var(--color-muted)}.art-blank svg{width:var(--space-24);height:var(--space-24)}.id-line{align-items:center;gap:var(--space-8);margin-top:var(--space-4);flex-wrap:wrap;display:flex}code{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-secondary);overflow-wrap:anywhere}.copy-id{align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-small);color:var(--color-secondary);font-size:var(--text-xs);white-space:nowrap;background:0 0;border:0;display:inline-flex}.copy-id:hover{background:var(--color-selected)}.copy-id svg{width:var(--space-12);height:var(--space-12)}.product-categories{font-size:var(--text-xs);color:var(--color-secondary);margin-top:var(--space-4)}.product-price strong,.product-stock strong{font-size:var(--text-small);font-weight:var(--weight-medium)}.product-price small,.product-stock small{color:var(--color-secondary);font-size:var(--text-xs);margin-top:var(--space-4);display:block}.product-deleted .product-identity,.product-deleted .product-price,.product-deleted .product-stock{opacity:.6}.row-actions>summary{list-style:none}.row-actions .popover{width:calc(var(--space-80) * 2);left:auto;right:0}.row-actions button:disabled{opacity:.4;cursor:not-allowed}.mobile-label{display:none}.product-section{gap:var(--space-40);padding:var(--space-32) 0;border-top:var(--border-width) solid var(--color-border);grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);display:grid}.section-explanation h2{font-size:var(--text-section);margin-bottom:var(--space-8)}.section-explanation p{font-size:var(--text-small);line-height:var(--line-height);max-width:calc(var(--space-80) * 3)}.section-fields{min-width:0}.section-fields>.field:last-child{margin-bottom:0}textarea{width:100%;min-width:0;padding:var(--space-12);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text);font:inherit;resize:vertical}textarea:focus{outline:var(--focus-width) solid var(--color-focus);border-color:var(--color-blue)}textarea::placeholder{color:var(--color-muted)}.readonly-id{gap:var(--space-8);display:flex}.readonly-id input{font-family:var(--font-mono);font-size:var(--text-small);background:var(--color-hover)}.category-checks{gap:var(--space-16);padding:var(--space-20);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.photo-grid{gap:var(--space-12);margin-bottom:var(--space-20);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.photo-card{min-width:0}.photo-image{justify-content:center;align-items:center;gap:var(--space-8);aspect-ratio:1;background:var(--color-photo-canvas);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-control);width:100%;font-size:var(--text-xs);color:var(--color-secondary);flex-direction:column;display:flex;position:relative}.photo-image .product-art{width:100%;height:100%}.photo-main{left:var(--space-4);bottom:var(--space-4);background:var(--color-surface);font-size:var(--text-xs);position:absolute}.photo-missing{left:var(--space-4);right:var(--space-4);bottom:var(--space-4);padding-left:var(--space-4);padding-right:var(--space-4);justify-content:center;position:absolute}.photo-actions{margin-top:var(--space-8);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.photo-actions button{padding:var(--space-4);font-size:var(--text-xs);border-radius:var(--radius-small);background:0 0;border:0}.photo-actions button:hover{background:var(--color-selected)}.photo-actions button:disabled{opacity:.3;cursor:not-allowed}.photo-card>.helper{font-size:var(--text-xs);margin-top:var(--space-4);display:block}.upload-label{cursor:pointer}.upload-label:has(+input:focus-visible){outline:var(--focus-width) solid var(--color-focus)}.option-card{padding:var(--space-20);margin-bottom:var(--space-16);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface)}.option-heading{gap:var(--space-8);justify-content:space-between;align-items:center;display:flex}.option-heading .field{flex:1}.option-heading>button{font-size:var(--text-xs);padding-left:var(--space-8);padding-right:var(--space-8)}.option-value,.option-value-head{grid-template-columns:minmax(0, 1fr) minmax(0, 1.3fr) var(--space-40);gap:var(--space-8);margin-bottom:var(--space-8);align-items:center;display:grid}.option-value-head{font-size:var(--text-xs);color:var(--color-secondary)}.add-values{gap:var(--space-8);margin-top:var(--space-20);padding-top:var(--space-16);border-top:var(--border-width) solid var(--color-border);align-items:flex-end;display:flex}.add-values .field{flex:1;margin:0}.variant-count{font-size:var(--text-small);margin-bottom:var(--space-16)}.bulk-price{align-items:center;gap:var(--space-8);margin-bottom:var(--space-20);font-size:var(--text-small);flex-wrap:wrap;display:flex}.bulk-price input{width:var(--space-80)}.variant-table{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-control)}.variant-table-head,.variant-row{gap:var(--space-16);padding:var(--space-12) var(--space-16);grid-template-columns:minmax(0,1fr) minmax(0,.75fr) minmax(0,.65fr);align-items:center;display:grid}.variant-table-head{color:var(--color-secondary);font-size:var(--text-xs);background:var(--color-hover)}.variant-row{border-top:var(--border-width) solid var(--color-border)}.variant-name{font-size:var(--text-small)}.stock-zero{color:var(--color-danger);background:var(--color-danger-soft)}.save-bar{bottom:0;left:var(--sidebar-width);z-index:20;min-height:var(--save-bar-height);padding:var(--space-16) var(--space-40);justify-content:space-between;align-items:center;gap:var(--space-12);background:var(--color-surface);border-top:var(--border-width) solid var(--color-border);display:flex;position:fixed;right:0}.save-actions{align-items:center;gap:var(--space-8);display:flex}.save-hint{color:var(--color-muted);font-size:var(--text-small)}.product-form-page .page-content{padding-bottom:calc(var(--save-bar-height) + var(--space-40))}.category-list-heading,.category-row{grid-template-columns:minmax(0, 1fr) var(--product-stock-width) var(--space-40);gap:var(--space-20);padding:var(--space-24);align-items:center;display:grid}.category-list-heading{padding-top:var(--space-12);padding-bottom:var(--space-12)}.category-identity{align-items:center;gap:var(--space-20);min-width:0;display:flex}.category-identity>div{min-width:0}.category-order{font-size:var(--text-small);color:var(--color-muted)}.category-identity p{font-size:var(--text-small);margin-top:var(--space-8)}.category-count{font-size:var(--text-small);color:var(--color-secondary)}.state-card>.notice+.notice{margin-top:var(--space-8)}.state-card .product-row{grid-template-columns:minmax(0, 1fr) var(--product-price-width) var(--product-stock-width) var(--space-40);padding:var(--space-16) 0}.notice .button{min-height:0;padding:0 var(--space-4);font-size:inherit;text-decoration:underline}@media (width<=1150px){.product-list-heading,.product-row,.state-card .product-row{grid-template-columns:minmax(0, 1fr) minmax(0, .45fr) minmax(0, .4fr) var(--space-32);gap:var(--space-12);padding-left:var(--space-16);padding-right:var(--space-16)}.product-identity{gap:var(--space-12)}.product-section{gap:var(--space-24);grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr)}}@media (width<=800px){.save-bar{padding:var(--space-16) var(--space-24);left:0}}@media (width<=600px){.list-toolbar{align-items:flex-start;gap:var(--space-12);flex-direction:column}.search-field{width:100%}.product-list-heading,.category-list-heading{display:none}.product-row,.state-card .product-row{grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) var(--space-32);padding:var(--space-20) var(--space-16);gap:var(--space-16) var(--space-8)}.product-row:first-of-type,.category-row:first-of-type{border-top:0}.product-identity{align-items:flex-start;gap:var(--space-12);grid-column:1/3}.product-identity .product-art{width:var(--space-48);height:var(--space-48)}.product-row>.row-actions{grid-area:1/3;align-self:start}.product-price{grid-column:1}.product-stock{grid-column:2/4}.mobile-label{color:var(--color-secondary);font-size:var(--text-xs);margin-bottom:var(--space-4);display:block}.product-section{gap:var(--space-20);padding:var(--space-24) 0;grid-template-columns:1fr}.section-explanation p{max-width:none}textarea{font-size:var(--text-section)}.photo-grid{gap:var(--space-8)}.photo-main{font-size:var(--text-xs);padding:0 var(--space-4)}.photo-actions button{padding:var(--space-4) var(--space-2)}.photo-actions .danger-text{text-align:left;flex-basis:100%}.option-card{padding:var(--space-12)}.option-heading{align-items:flex-start}.option-heading .field label{font-size:var(--text-xs)}.option-heading>button{margin-top:var(--space-20);max-width:var(--space-80)}.option-value,.option-value-head{grid-template-columns:minmax(0, .85fr) minmax(0, 1.2fr) var(--space-24);gap:var(--space-4)}.option-value select{padding:var(--space-8) var(--space-4);font-size:var(--text-small)}.option-value .icon-button{min-width:var(--space-24);padding:var(--space-4)}.variant-table-head{display:none}.variant-row{gap:var(--space-12);padding:var(--space-16);grid-template-columns:1fr 1fr}.variant-row:first-of-type{border-top:0}.variant-name{font-weight:var(--weight-medium);grid-column:1/-1}.save-bar{padding:var(--space-12);gap:var(--space-4)}.save-bar .button{font-size:var(--text-small);padding:var(--space-8)}.save-hint{display:none}.save-actions{gap:var(--space-4);margin-left:auto}.category-row{grid-template-columns:minmax(0, 1fr) var(--space-40);padding:var(--space-20) var(--space-16);gap:var(--space-12)}.category-identity{gap:var(--space-12)}.category-row .row-actions{grid-area:1/2/3;align-self:start}.category-count{padding-left:var(--space-20);grid-column:1}.page-heading:has(.button) h1{font-size:var(--text-auth)}.page-heading>.button{font-size:var(--text-small)}}:root{--combo-rule-charge-width:104px;--combo-choice-icon-size:36px;--combo-choice-dialog-width:500px}.combo-row,.combo-list-heading{grid-template-columns:minmax(0, 1.5fr) minmax(0, 1fr) minmax(0, .9fr) var(--space-32)}.combo-row{align-items:start}.combo-row .product-price,.combo-row .product-stock{padding-top:var(--space-4)}.combo-row .product-price small,.combo-row .product-stock small{line-height:var(--line-height)}.combo-row .product-identity{align-items:flex-start}.combo-label{margin-top:var(--space-4)}.combo-art svg{width:100%;height:100%}.combo-art-gift{color:var(--color-muted)}.combo-art-gift svg{width:var(--space-24);height:var(--space-24)}.state-card .combo-row{grid-template-columns:minmax(0, 1.5fr) minmax(0, 1fr) minmax(0, .9fr) var(--space-32)}.combo-items-summary{justify-content:space-between;align-items:center;gap:var(--space-12);margin-bottom:var(--space-16);color:var(--color-secondary);font-size:var(--text-xs);display:flex}.combo-items-summary span:first-child{color:var(--color-text);font-weight:var(--weight-medium)}.combo-item{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);margin-bottom:var(--space-20);padding:var(--space-20);min-width:0}.combo-item>.notice{margin-bottom:var(--space-20)}.combo-item-heading{gap:var(--space-12);margin-bottom:var(--space-20);flex-wrap:wrap;align-items:flex-start;display:flex}.combo-item-heading>div:first-child{flex:200px;min-width:0}.combo-item-heading h3{font-size:var(--text-body);font-weight:var(--weight-medium)}.combo-item-heading p{margin-top:var(--space-8);font-size:var(--text-xs);color:var(--color-secondary)}.combo-item-actions{align-items:center;gap:var(--space-4);margin-left:auto;display:flex}.combo-item-actions .button{font-size:var(--text-xs);padding:var(--space-4) var(--space-8);min-height:var(--space-32)}.combo-rule{padding:var(--space-16) 0 0;border:0;min-width:0;margin:0}.combo-rule+.combo-rule{margin-top:var(--space-24)}.combo-rule legend{float:left;width:100%;margin-bottom:var(--space-12);font-size:var(--text-small);font-weight:var(--weight-medium);align-items:center;gap:var(--space-8);flex-wrap:wrap;padding:0;display:flex}.rule-modes{clear:both;gap:var(--space-12);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.fixed-choice{gap:var(--space-8);align-items:center;min-width:0;display:flex}.fixed-choice select{min-width:0;font-size:var(--text-small);padding-left:var(--space-8)}.fixed-choice .check-label{flex:none}.customer-choice{white-space:nowrap}.rule-modes input[type=radio]{accent-color:var(--color-blue)}.allowed-values{margin-top:var(--space-16);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-control)}.allowed-heading,.allowed-value{grid-template-columns:minmax(0, 1fr) var(--combo-rule-charge-width);gap:var(--space-12);padding:var(--space-8) var(--space-12);align-items:center;display:grid}.allowed-heading{font-size:var(--text-xs);color:var(--color-secondary);background:var(--color-hover);border-radius:var(--radius-control) var(--radius-control) 0 0}.allowed-value{border-top:var(--border-width) solid var(--color-border)}.allowed-value>input{text-align:right}.allowed-value:has([data-allowed]:not(:checked)) .check-label{color:var(--color-muted)}.add-combo-item{margin-top:var(--space-24);padding-top:var(--space-20);border-top:var(--border-width) solid var(--color-border)}.add-combo-item>label{font-size:var(--text-small);font-weight:var(--weight-medium);margin-bottom:var(--space-8);display:block}.add-item-line{align-items:center;gap:var(--space-8);display:flex}.add-item-line>select{flex:1}.add-item-line>.button{flex:none}.combo-save-right{align-items:center;gap:var(--space-20);display:flex}.combo-save-hint{color:var(--color-secondary);font-size:var(--text-xs)}.add-choice-dialog{max-width:var(--combo-choice-dialog-width)}.add-choices{gap:var(--space-12);flex-direction:column;display:flex}.add-choice{align-items:center;gap:var(--space-16);padding:var(--space-20);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);display:flex}.add-choice:hover{background:var(--color-hover);color:var(--color-text);border-color:var(--color-muted)}.choice-icon{width:var(--combo-choice-icon-size);height:var(--combo-choice-icon-size);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-control);color:var(--color-body);background:var(--color-canvas);flex:none;place-items:center;display:grid}.add-choice>span:nth-child(2){flex:1;min-width:0}.add-choice strong{font-size:var(--text-body);font-weight:var(--weight-medium);margin-bottom:var(--space-4);display:block}.add-choice>span>span{font-size:var(--text-small);color:var(--color-secondary);line-height:var(--line-height);display:block}.add-choice>svg{width:var(--space-16);color:var(--color-muted)}@media (width<=1100px){.combo-item{padding:var(--space-16)}.rule-modes{grid-template-columns:1fr}.fixed-choice select{max-width:calc(var(--space-80) * 2)}}@media (width<=600px){.combo-row,.state-card .combo-row{grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) var(--space-32)}.combo-item{padding:var(--space-12)}.combo-item-heading{gap:var(--space-8);flex-direction:column}.combo-item-heading>div:first-child{flex:initial}.combo-item-actions{margin-left:0}.combo-item-actions .button:first-child{padding-left:0}.combo-rule+.combo-rule{margin-top:var(--space-20)}.rule-modes{gap:var(--space-12);grid-template-columns:1fr}.allowed-heading,.allowed-value{gap:var(--space-8);padding-left:var(--space-8);padding-right:var(--space-8)}.allowed-value>input{font-size:var(--text-section)}.combo-items-summary{align-items:flex-start}.combo-items-summary span:last-child{text-align:right;max-width:65%}.add-item-line{flex-wrap:wrap}.add-item-line>select{flex-basis:100%}.combo-save-right{align-items:flex-end;gap:var(--space-4);flex-direction:column}.combo-save-hint{font-size:var(--text-xs)}.combo-save-bar{align-items:flex-end}.combo-form-page .page-content{padding-bottom:calc(var(--save-bar-height) + var(--space-64))}.add-choice{gap:var(--space-12);padding:var(--space-16);align-items:flex-start}.add-choice>svg{display:none}.add-choice-dialog{padding:var(--space-24) var(--space-20)}}:root{--order-total-width:100px;--order-status-width:148px;--order-actions-width:148px;--order-totals-width:300px;--order-date-width:200px}.status-new{color:var(--color-blue);background:var(--color-blue-soft)}.status-confirmed{color:var(--color-warning);background:var(--color-warning-soft)}.status-dispatched{color:var(--color-success);background:var(--color-success-soft)}.status-cancelled{color:var(--color-danger);background:var(--color-danger-soft)}.order-tabs{gap:var(--space-4);border-bottom:var(--border-width) solid var(--color-border);margin-bottom:var(--space-24);padding-bottom:var(--space-8);display:flex;overflow-x:auto}.order-tab{color:var(--color-secondary);padding:var(--space-8) var(--space-12);align-items:center;gap:var(--space-8);border-radius:var(--radius-control);white-space:nowrap;min-height:var(--control-height);font-size:var(--text-small);background:0 0;border:0;display:inline-flex}.order-tab:hover{background:var(--color-hover)}.order-tab[aria-current=page]{color:var(--color-text);background:var(--color-selected);font-weight:var(--weight-medium)}.order-tab:disabled{opacity:.4;cursor:not-allowed}.order-tab .nav-count{margin-left:0}.order-toolbar .search-field{flex:1}.placed-filter{align-items:center;gap:var(--space-8);font-size:var(--text-small);color:var(--color-secondary);display:flex}.placed-filter select{width:auto}.search-status{font-size:var(--text-small);margin:0 0 var(--space-16)}.order-list{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card)}.order-row,.order-list-heading{grid-template-columns:minmax(0, 1fr) var(--order-total-width) var(--order-status-width) var(--order-actions-width);align-items:start;gap:var(--space-16);padding:var(--space-24);display:grid}.order-list-heading{padding-top:var(--space-12);padding-bottom:var(--space-12);background:var(--color-hover);color:var(--color-secondary);font-size:var(--text-xs);border-radius:var(--radius-card) var(--radius-card) 0 0}.order-row{border-top:var(--border-width) solid var(--color-border)}.order-row:hover{background:var(--color-hover)}.order-summary{min-width:0}.order-number-line{align-items:center;gap:var(--space-8);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.order-number{font-family:var(--font-mono);font-size:var(--text-small);font-weight:var(--weight-semibold);text-underline-offset:var(--space-4);text-decoration:underline}.order-customer{font-size:var(--text-xs);color:var(--color-body)}.order-items-summary{margin-top:var(--space-8);font-size:var(--text-small)}.order-source{margin-top:var(--space-4);font-size:var(--text-xs);color:var(--color-secondary);overflow-wrap:anywhere}.order-total strong{font-weight:var(--weight-medium);font-size:var(--text-body)}.order-total small,.order-story small{margin-top:var(--space-4);color:var(--color-secondary);font-size:var(--text-xs);display:block}.order-story{font-size:var(--text-small)}.order-row-actions{justify-content:flex-end;align-items:center;gap:var(--space-4);display:flex}.order-row-actions>.button{font-size:var(--text-xs);padding:var(--space-8);flex:1}.order-cancelled>:not(.order-row-actions){opacity:.58}.show-more{padding:var(--space-24) 0 var(--space-8);justify-content:center;display:flex}.order-page-note{text-align:center;line-height:var(--line-height)}.back-link{font-size:var(--text-small);color:var(--color-secondary);margin-bottom:var(--space-24);display:inline-block}.order-detail-heading{align-items:flex-start}.order-title{align-items:center;gap:var(--space-12);flex-wrap:wrap;display:flex}.order-detail-heading p{font-size:var(--text-small);max-width:calc(var(--space-80) * 5);overflow-wrap:anywhere}.order-moves{justify-content:flex-end;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.order-moves .button{font-size:var(--text-small);padding-left:var(--space-12);padding-right:var(--space-12)}.order-card{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-24);margin-bottom:var(--space-20)}.order-card>h2{font-size:var(--text-section);margin-bottom:var(--space-20)}.order-timeline{margin:0;padding:0;list-style:none}.order-timeline li{align-items:center;gap:var(--space-8);padding:0 0 var(--space-16) var(--space-24);font-size:var(--text-small);flex-wrap:wrap;display:flex;position:relative}.order-timeline strong{font-weight:var(--weight-medium)}.order-timeline li>span:last-child{color:var(--color-secondary)}.order-timeline li:before{content:"";left:var(--space-4);top:var(--space-8);border-left:var(--border-width) solid var(--color-border);position:absolute;bottom:0}.order-timeline li:last-child:before{display:none}.timeline-dot{left:0;top:var(--space-4);width:var(--space-8);height:var(--space-8);border-radius:var(--radius-pill);background:var(--color-secondary);position:absolute}.status-helper{max-width:calc(var(--space-80) * 7);margin-top:0}.dispatch-control{align-items:flex-start;gap:var(--space-12);padding-top:var(--space-16);border-top:var(--border-width) solid var(--color-border);display:flex}.dispatch-control .field{flex:1;margin-bottom:0}.dispatch-control input{width:min(100%, var(--order-date-width))}.dispatch-control>.button{margin-top:var(--space-28);flex:none}.customer-details{gap:var(--space-20);margin:0;display:grid}.customer-details>div{gap:var(--space-16);grid-template-columns:minmax(0,.3fr) minmax(0,1fr);display:grid}.customer-details dt{color:var(--color-secondary);font-size:var(--text-small)}.customer-details dd{font-size:var(--text-body);overflow-wrap:anywhere;margin:0}.contact-link{text-underline-offset:var(--space-4);text-decoration:underline}.whatsapp-link{margin-left:var(--space-16);font-size:var(--text-small);color:var(--color-secondary);text-underline-offset:var(--space-4);white-space:nowrap;text-decoration:underline}.customer-note{padding-top:var(--space-20);border-top:var(--border-width) solid var(--color-border)}.order-items-heading,.order-item{grid-template-columns:minmax(0, 1fr) var(--space-40) var(--space-80) var(--space-80);gap:var(--space-20);display:grid}.order-items-heading{color:var(--color-secondary);font-size:var(--text-xs);padding:var(--space-8) 0 var(--space-12)}.order-item{border-top:var(--border-width) solid var(--color-border);padding:var(--space-20) 0}.order-item h3{font-size:var(--text-body);font-weight:var(--weight-medium);align-items:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.order-item-description p{font-size:var(--text-small);color:var(--color-secondary);margin-top:var(--space-8)}.combo-parts{margin:var(--space-12) 0 0;padding:0 0 0 var(--space-16);border-left:var(--border-width) solid var(--color-border);color:var(--color-secondary);font-size:var(--text-small);list-style:none}.combo-parts li+li,.offer-label{margin-top:var(--space-8)}.item-each,.item-total{text-align:right;font-size:var(--text-small)}.item-qty{font-size:var(--text-small)}.order-items-heading>span:nth-child(n+3){text-align:right}.item-each del{color:var(--color-muted);font-size:var(--text-xs);margin-top:var(--space-4);display:block}.order-totals{border-top:var(--border-width) solid var(--color-border);padding-top:var(--space-20)}.order-totals dl{width:min(100%, var(--order-totals-width));margin:0 0 0 auto}.order-totals dl>div{padding:var(--space-8) 0;justify-content:space-between;gap:var(--space-16);display:flex}.order-totals dt{color:var(--color-secondary);font-size:var(--text-small)}.order-totals dd{font-size:var(--text-small);margin:0}.order-totals .grand-total{border-top:var(--border-width) solid var(--color-border);margin-top:var(--space-8);padding-top:var(--space-16);font-weight:var(--weight-semibold)}.grand-total dt,.grand-total dd{color:var(--color-text);font-size:var(--text-section)}.order-totals p{text-align:right;color:var(--color-secondary);font-size:var(--text-xs);margin-top:var(--space-12)}.packing-help{margin-top:calc(-1 * var(--space-8));margin-bottom:var(--space-16)}.packing-row{align-items:flex-start;gap:var(--space-12);padding:var(--space-12) 0;border-top:var(--border-width) solid var(--color-border);cursor:pointer;display:flex}.packing-row input{width:var(--space-16);height:var(--space-16);margin:var(--space-4) 0 0;accent-color:var(--color-blue);flex:none}.pack-count{font-family:var(--font-mono);color:var(--color-secondary);white-space:nowrap}.packing-row strong{font-size:var(--text-small);font-weight:var(--weight-medium)}.packing-row small{font-size:var(--text-small);color:var(--color-secondary);margin-top:var(--space-4);display:block}.packing-row:has(input:checked)>span{color:var(--color-muted);text-decoration:line-through}.note-footer{justify-content:space-between;align-items:center;gap:var(--space-16);margin-top:var(--space-12);display:flex}.note-footer .helper{margin-top:0}.note-footer .button{flex:none}.everyday-work{flex-wrap:wrap}.everyday-work>div{flex:1;min-width:0}.everyday-work>.button{flex:none}.state-card .order-row{padding-left:0;padding-right:0}.state-card .order-timeline{margin-top:var(--space-16)}#dispatched-example h3{margin-top:var(--space-24)}#dispatched-example .dispatch-control{margin-bottom:var(--space-24)}#dispatched-example .packing-list{margin-top:var(--space-20)}@media (width<=1150px){.order-row,.order-list-heading{grid-template-columns:minmax(0, 1fr) var(--order-total-width) minmax(0, .6fr);gap:var(--space-16);padding:var(--space-20)}.order-list-heading>span:last-child{display:none}.order-row-actions{grid-column:1/-1;justify-content:flex-end}.order-row-actions>.button{flex:0 auto}.order-detail-heading{flex-direction:column}.order-moves{justify-content:flex-start}}@media (width<=600px){.order-tabs{margin-right:calc(-1 * var(--space-20));padding-right:var(--space-20)}.order-tab{padding:var(--space-8)}.order-toolbar{gap:var(--space-12)}.placed-filter{width:100%}.placed-filter select{flex:1}.order-list-heading{display:none}.order-row{padding:var(--space-16);gap:var(--space-16);grid-template-columns:minmax(0,1fr) minmax(0,1fr);position:relative}.order-row:first-of-type{border-top:0}.order-summary{grid-column:1/-1}.order-number-line{padding-right:var(--space-40);min-height:var(--space-40);align-content:center;gap:var(--space-4)}.order-number{font-size:var(--text-small)}.order-row-actions{grid-column:1/-1;justify-content:flex-end}.order-row-actions>.row-actions{right:var(--space-8);top:var(--space-12);position:absolute}.order-row-actions:not(:has(>.button)){display:contents}.order-row:has(.order-row-actions>.button) .order-number-line{padding-right:var(--space-40)}.order-total,.order-story{grid-row:2}.order-card{padding:var(--space-20)}.order-title h1{font-size:var(--text-auth)}.customer-details>div{gap:var(--space-4);grid-template-columns:1fr}.whatsapp-link{margin-left:var(--space-12);display:inline-block}.order-items-heading{display:none}.order-item{gap:var(--space-16) var(--space-8);grid-template-columns:repeat(3,minmax(0,1fr))}.order-item-description{grid-column:1/-1}.item-each,.item-total{text-align:left}.order-totals dl{width:100%}.dispatch-control{flex-direction:column}.dispatch-control>.button{margin-top:0}.dispatch-control .field{width:100%}.note-footer{align-items:flex-start;gap:var(--space-8);flex-direction:column}.everyday-work>.button{margin-left:calc(var(--icon-size) + var(--space-16))}.everyday-work>div{flex-basis:calc(100% - var(--icon-size) - var(--space-16))}.state-card .order-row{padding:var(--space-16) 0}:is(.order-row-actions,.order-row-actions:not(:has(>.button))){right:var(--space-8);top:var(--space-12);max-width:calc(var(--space-80) + var(--space-48));align-items:flex-start;display:flex;position:absolute}.order-row-actions>.row-actions{position:relative;top:auto;right:auto}.order-row-actions>.button{max-width:calc(var(--space-80) + var(--space-8))}.order-row-actions:has(>.button){margin-top:0}.order-row:has(.order-row-actions>.button) .order-number-line{padding-right:calc(var(--space-80) + var(--space-48));min-height:var(--space-64)}}:root{--color-input-border:#a8c3de;--color-primary-pressed:#2e2b8c;--color-tag:#b9b9f9;--color-tag-text:#4434d4;--shadow-card:#00377014 0 1px 3px;--shadow-dialog:#00377014 0 8px 24px, #0037700a 0 2px 6px;--weight-heading:300;--section-gap:32px;--card-padding:24px}body{font-feature-settings:"ss01", "tnum";font-variant-numeric:tabular-nums}h1,h2,h3,.auth-card h1,.auth-card h2,.coming-soon h2,.section-explanation h2,.summary-number{font-weight:var(--weight-heading);letter-spacing:var(--tracking-title)}h1{line-height:1.15}h2,h3{line-height:1.4}a{color:var(--color-blue)}.brand,.nav-item,.popover-option,.add-choice{color:var(--color-text)}.brand{letter-spacing:-.5px;font-weight:500}.brand-logo{width:var(--logo-size);height:var(--logo-size);flex:none}.sidebar-brand .brand-logo{width:24px;height:24px}.sidebar-brand .brand{color:var(--color-body);gap:var(--space-8)}.sidebar-brand{padding:var(--space-16) var(--space-8) 0;justify-content:flex-start}.button,.icon-button,.copy-id,.order-tab,.photo-actions button{border-radius:var(--radius-pill);min-height:var(--control-height);font-weight:var(--weight-regular)}.button{padding:var(--space-8) var(--space-16)}.button:not(.button-primary):not(.button-danger):not(.danger-text){color:var(--color-blue)}.button-secondary{background:var(--color-surface);border-color:var(--color-border)}.button-primary:hover{filter:none;background:var(--color-tag-text);border-color:var(--color-tag-text)}.button-primary:active{background:var(--color-primary-pressed);border-color:var(--color-primary-pressed)}.button:disabled{opacity:.48}.button:disabled:hover{filter:none}.icon-button{min-width:var(--control-height)}.text-link,.field-heading button,.auth-help button,.contact-link{color:var(--color-blue)}input,select,textarea{border-color:var(--color-input-border)}input[type=checkbox],input[type=radio]{accent-color:var(--color-blue)}input:focus,textarea:focus,select:focus{border-color:var(--color-blue)}input[readonly]{background:var(--color-canvas)}.field label,.field-label{color:var(--color-body);font-weight:400}.pill:not(.pill-success):not(.pill-warning):not(.pill-danger):not([class*=status-]){color:var(--color-tag-text);background:var(--color-tag)}.pill{padding:var(--space-4) var(--space-8);line-height:1.3}.sidebar{background:var(--color-surface);padding:var(--space-24) var(--space-16);overflow-y:auto}.workspace-button{padding:var(--space-8);min-height:48px;color:var(--color-text)}.workspace-initial{background:var(--color-canvas);color:var(--color-body)}.workspace-label{padding-top:var(--space-32);color:var(--color-muted)}.nav-item{padding:var(--space-8) var(--space-12);gap:var(--space-12);border-radius:var(--radius-control);color:var(--color-body)}.nav-item[aria-current=page]{color:var(--color-blue);background:var(--color-selected);font-weight:500}.nav-count{border-radius:var(--radius-pill);padding:0 var(--space-8);background:var(--color-selected);color:var(--color-tag-text)}.person-button{gap:var(--space-12)}.person-button>span:nth-child(2){min-width:0}.person-email{font-size:11px}.avatar{background:var(--color-canvas);border:1px solid var(--color-border)}.topbar{background:var(--color-surface)}.page-content{padding-top:var(--space-40)}.page-heading p{margin-top:var(--space-8)}.agency-scope{margin-bottom:var(--space-16)}.page-heading h1{font-size:32px}.summary-grid{gap:var(--space-24)}.summary-number{font-size:40px}.summary-label{letter-spacing:0;font-weight:400}.summary-number .pill{font-size:11px}.summary-card,.coming-soon,.auth-card,.state-card,.empty-state,.shop-list,.product-list,.category-list,.order-list,.order-card,.settings-section,.product-section{box-shadow:var(--shadow-card)}.coming-soon{margin-top:var(--section-gap)}.coming-soon h2{font-size:20px}.coming-soon>svg{color:var(--color-blue)}.dialog,.popover{box-shadow:var(--shadow-dialog)}.popover{border-radius:var(--radius-card)}.dialog{padding:var(--card-padding)}.dialog h2{font-size:24px}.dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.popover-option{min-height:var(--control-height)}.preview-box{background:var(--color-canvas);border-color:var(--color-input-border)}.preview-links{gap:var(--space-12) var(--space-16)}.preview-links a{text-decoration:none}.preview-links a:hover{text-decoration:underline}.state-catalog{margin-top:var(--section-gap)}.state-catalog>summary{min-height:48px}.state-grid{gap:var(--space-24)}.state-card,.summary-card,.coming-soon,.order-card{padding:var(--card-padding)}.state-card{overflow-wrap:anywhere}.state-card>.eyebrow{color:var(--color-tag-text)}.settings-section,.product-section{padding:var(--card-padding);margin-bottom:var(--section-gap);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);gap:var(--space-32)}.section-explanation h2,.settings-section h2{font-size:20px}.section-explanation p{max-width:240px}.settings-section>*,.product-section>*{min-width:0}.team-section{grid-template-columns:1fr}.team-section .shop-people{background:var(--color-surface);border:0;padding:0}.order-card{margin-bottom:var(--section-gap)}.order-card>h2{font-size:20px}.order-number{font-family:var(--font-family);font-weight:500;text-decoration:none}.order-tab[aria-current=page]{background:var(--color-selected);color:var(--color-blue)}.order-tabs{gap:var(--space-8)}.order-list-heading,.product-list-heading,.category-list-heading,.shop-table-heading{background:var(--color-canvas);font-weight:400}.order-row-actions>.button,.combo-item-actions .button{min-height:40px}.save-bar{background:var(--color-surface);box-shadow:0 -1px 3px #0037700a}.option-card,.combo-item{background:var(--color-canvas)}.photo-image,.product-art{border-radius:var(--radius-control)}.copy-id{color:var(--color-blue)}.auth-page{background:var(--color-canvas)}.auth-main{padding-top:var(--space-64);padding-bottom:var(--space-64)}.auth-card{padding:var(--space-32)}.auth-card .brand{margin-bottom:var(--space-32)}.auth-card .brand-logo{width:40px;height:40px}.auth-card .auth-intro{font-size:var(--text-body);margin-bottom:var(--space-32)}.auth-main .auth-card{border-top:3px solid var(--color-blue)}.welcome-grid .auth-card{min-width:0}.auth-footer{font-size:var(--text-xs)}@media (width>=1151px){.order-row,.order-list-heading{grid-template-columns:minmax(0,1fr) 100px 148px 152px}}@media (width>=801px) and (width<=1100px){.summary-grid{gap:var(--space-16)}.summary-number{font-size:32px}.product-section{grid-template-columns:1fr}}@media (width<=800px){.sidebar{width:min(304px,100vw - 32px)}.page-content{padding-left:var(--space-24);padding-right:var(--space-24)}}@media (width<=600px){:root{--control-height:44px}.page-content{padding:var(--space-32) var(--space-16) var(--space-48)}.page-heading{flex-wrap:wrap}.page-heading>div{min-width:0}.page-heading h1{font-size:28px}.page-heading .button{padding:var(--space-8) var(--space-16)}input,select,textarea{font-size:16px}.summary-grid{gap:var(--space-16)}.summary-number{margin-top:var(--space-16);font-size:36px}.summary-card,.coming-soon,.auth-card,.state-card,.order-card{padding:var(--card-padding)}.settings-section,.product-section{padding:var(--card-padding);gap:var(--space-24);grid-template-columns:1fr}.section-explanation p{max-width:none}.state-grid{gap:var(--space-16)}.auth-card{padding:var(--space-24)}.auth-card h1,.auth-card h2{font-size:24px}.order-tab{padding:var(--space-8) var(--space-12)}.order-tabs{margin-right:0;padding-right:0}.order-number-line{align-content:start}.order-number{overflow-wrap:anywhere}.order-row:has(.order-row-actions>.button) .order-number-line{min-height:0;padding-right:0}:is(.order-row .order-row-actions,.order-row .order-row-actions:not(:has(>.button))){grid-column:1/-1;justify-content:flex-start;max-width:none;position:static}.order-row-actions>.button{max-width:none;min-height:44px;padding:var(--space-8) var(--space-16)}.order-row-actions>.row-actions{margin-left:auto}.order-number-line{min-height:0;padding-right:0}.order-total,.order-story{grid-row:auto}.everyday-work>.button{margin-left:0}.everyday-work>div{flex-basis:100%}.everyday-work{gap:var(--space-16)}.combo-item{padding:var(--space-12)}.combo-item-actions{flex-wrap:wrap}.photo-actions{flex-direction:column;align-items:flex-start}.photo-actions button{padding:var(--space-4);font-size:11px}.photo-image .pill{padding:2px 4px;font-size:10px}.section-fields .photo-grid{gap:var(--space-8)}.dialog{width:calc(100% - 24px);max-height:calc(100svh - 24px)}.person-email{font-size:12px}}.page-content>.everyday-work>.button{background:var(--color-blue);border-color:var(--color-blue);color:var(--color-surface)}.page-content>.everyday-work>.button:active{background:var(--color-primary-pressed)}.order-list>.order-row~.order-row .button-primary{background:var(--color-surface);color:var(--color-blue);border-color:var(--color-border)}.order-list>.order-row~.order-row .button-primary:hover{background:var(--color-selected)}[x-cloak]{display:none!important}.auth-card>.eyebrow{margin-bottom:var(--space-12);display:block}.dialog>form>p{font-size:var(--text-body);margin-bottom:var(--space-24);overflow-wrap:anywhere}.dialog>form>h2{margin-bottom:var(--space-12)}.nav-item[aria-disabled=true]{color:var(--color-muted)}.nav-item[aria-disabled=true]:hover{background:0 0}.workspace-button:disabled{cursor:default}.workspace-button:disabled:hover{background:0 0}.workspace-text{min-width:0;line-height:var(--line-tight);flex-direction:column;display:flex}.workspace-text strong{font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.workspace-sub{font-size:var(--text-xs);font-weight:var(--weight-regular);color:var(--color-secondary);margin-top:var(--space-2)}.workspace-initial.agency{background:var(--color-blue);border-color:var(--color-blue);color:var(--color-surface)}.popover-search{width:100%;height:var(--nav-height);margin-bottom:var(--space-8)}.popover-list{max-height:calc(var(--nav-height) * 8);overflow-y:auto}.popover-option .workspace-initial{width:var(--space-24);height:var(--space-24);font-size:var(--text-xs);flex:none}.popover-option .option-text{flex-direction:column;min-width:0;display:flex}.popover-option .option-text small{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-secondary)}.popover-option[aria-current=true]{background:var(--color-selected)}.shop-line{grid-template-columns:minmax(0, 1.65fr) minmax(0, 1fr) var(--space-80) var(--space-24);align-items:center;gap:var(--space-16);width:100%;padding:var(--space-20) var(--space-24);border:0;border-top:var(--border-width) solid var(--color-border);color:inherit;text-align:left;cursor:pointer;background:0 0;display:grid}.shop-line:hover{background:var(--color-hover)}.shop-line:last-child{border-radius:0 0 var(--radius-card) var(--radius-card)}.shop-line .owner,.shop-row .owner{font-size:var(--text-small);color:var(--color-body);overflow-wrap:anywhere}.people-heading .button{padding:var(--space-4) var(--space-12);min-height:0}.shop-line .open-arrow{width:var(--space-16);color:var(--color-secondary)}.list-search{width:calc(var(--space-80) * 3);height:var(--nav-height)}.section-gap{margin-top:var(--space-40)}@media (width<=600px){.shop-line{grid-template-columns:minmax(0, 1fr) var(--space-24);padding:var(--space-20)}.shop-line .owner,.shop-line .people-count,.shop-row .owner{padding-left:calc(var(--logo-size) + var(--space-12));grid-column:1}.shop-line .open-arrow{grid-area:1/2}.list-search{width:100%}.section-heading:has(.list-search){flex-wrap:wrap}}.product-art{position:relative}.product-art img,.photo-image img{object-fit:cover;border-radius:inherit;width:100%;height:100%;position:absolute;inset:0}a.product-art:hover{color:inherit}.product-identity h3 a:hover{color:var(--color-blue)}.photo-image .spinner{width:var(--space-24);height:var(--space-24)}.save-actions .save-hint{margin-right:var(--space-8)}.copy-id[disabled]{opacity:.5}