:root{--bt-bg:#f7efe1;--bt-surface:#fffdf8;--bt-surface-2:#f0e6d2;--bt-ink:#23180e;--bt-muted:#8a7a64;--bt-brand:#1b7a3d;--bt-brand-deep:#0f3d24;--bt-secondary:#2e3a73;--bt-accent:#d64525;--bt-gold:#e8a317;--bt-indigo:#2e3a73;--bt-earth:#6b4a2b;--bt-success:#1b7a3d;--bt-warning:#e0a100;--bt-danger:#c1301c;--bt-radius-sm:12px;--bt-radius-md:18px;--bt-radius-lg:26px;--bt-radius-pill:999px;--bt-space-xs:4px;--bt-space-sm:8px;--bt-space-md:16px;--bt-space-lg:24px;--bt-space-xl:32px;--bt-space-xxl:48px;--bt-font-heading:"Fraunces", Georgia, "Times New Roman", serif;--bt-font-display:"Fraunces", Georgia, "Times New Roman", serif;--bt-font-body:"Hanken Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--bt-base-size:16px;--bt-touch-min:48px;--bt-shadow-card:0 6px 24px -8px #23180e2e;--bt-shadow-raised:0 18px 44px -12px #23180e47;--bt-shadow-lift:0 18px 44px -12px #23180e47}:root[data-theme=dark]{--bt-bg:#14150f;--bt-surface:#20221a;--bt-surface-2:#191b13;--bt-ink:#f4ead5;--bt-muted:#b7ac94;--bt-shadow-card:0 6px 24px -8px #0006;--bt-shadow-raised:0 18px 44px -12px #0000008c;--bt-shadow-lift:0 18px 44px -12px #0000008c}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}body{background:var(--bt-bg);min-height:100svh;color:var(--bt-ink);font-family:var(--bt-font-body);font-size:var(--bt-base-size);-webkit-font-smoothing:antialiased;margin:0;line-height:1.45}h1,h2,h3{font-family:var(--bt-font-heading);font-optical-sizing:auto;margin:0 0 var(--bt-space-md);color:var(--bt-ink);letter-spacing:-.01em;font-weight:600}h1{font-size:30px}h2{font-size:20px}p{margin:0 0 var(--bt-space-sm)}button{font-family:inherit}a{color:var(--bt-secondary)}:focus-visible{outline:3px solid var(--bt-gold);outline-offset:2px}.bt-muted{color:var(--bt-muted)}.woven{background:repeating-linear-gradient(45deg, var(--bt-indigo) 0px, var(--bt-indigo) 9px, var(--bt-accent) 9px, var(--bt-accent) 18px, var(--bt-brand) 18px, var(--bt-brand) 27px, var(--bt-gold) 27px, var(--bt-gold) 36px);opacity:.92;width:100%;height:6px}.app-shell{flex-direction:column;min-height:100svh;display:flex}.app-header{background:var(--bt-brand-deep);color:#fdf6e8;padding:14px var(--bt-space-lg)}.app-header-row{align-items:baseline;gap:var(--bt-space-sm);flex-wrap:wrap;max-width:1200px;margin:0 auto;display:flex}.app-logo{font-family:var(--bt-font-heading);font-size:23px;font-weight:600}.app-logo-sub{opacity:.78;font-size:14px}.app-woven{background:repeating-linear-gradient(45deg, var(--bt-indigo) 0px, var(--bt-indigo) 9px, var(--bt-accent) 9px, var(--bt-accent) 18px, var(--bt-gold) 18px, var(--bt-gold) 27px);width:100%;height:6px}.app-nav{gap:var(--bt-space-xs);background:var(--bt-surface);padding:var(--bt-space-xs) var(--bt-space-md);border-bottom:1px solid #23180e14;display:flex;overflow-x:auto}.nav-item{padding:var(--bt-space-sm) var(--bt-space-md);border-radius:var(--bt-radius-pill);color:var(--bt-muted);white-space:nowrap;min-height:var(--bt-touch-min);align-items:center;gap:6px;font-weight:600;text-decoration:none;display:flex}.nav-item-active{background:var(--bt-brand);color:#fff}.nav-icon{font-size:18px}.app-main{width:100%;max-width:1280px;padding:var(--bt-space-lg);padding-bottom:calc(var(--bt-space-xxl) + 56px);flex:1;margin:0 auto}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--bt-space-md);margin-bottom:var(--bt-space-lg);flex-wrap:wrap;display:flex}.page-subtitle{color:var(--bt-muted);margin:0;font-size:15px}.order-header-actions{gap:var(--bt-space-sm);flex-wrap:wrap;display:flex}@media (width<=640px){.app-nav{z-index:20;box-shadow:var(--bt-shadow-raised);justify-content:space-between;position:fixed;bottom:0;left:0;right:0}.nav-item{border-radius:var(--bt-radius-md);text-align:center;flex-direction:column;flex:1;justify-content:center;padding:6px 4px}.nav-label{font-size:11px}.app-main{padding:var(--bt-space-md);padding-bottom:84px}}.btn{border-radius:var(--bt-radius-md);min-height:var(--bt-touch-min);cursor:pointer;border:none;padding:12px 22px;font-size:16px;font-weight:700;transition:transform 50ms,filter .15s,opacity .15s,box-shadow .15s}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:active:not(:disabled){transform:scale(.98)}.btn:hover:not(:disabled){filter:brightness(1.04)}.btn-block{width:100%;margin-top:var(--bt-space-sm);display:block}.btn-sm{min-height:40px;padding:8px 14px;font-size:14px}.btn-accept{background:var(--bt-brand);color:#fff;min-height:60px;font-size:19px;box-shadow:0 10px 24px -8px #1b7a3d80}.btn-decline{color:var(--bt-danger);border:2px solid var(--bt-danger);background:0 0}.btn-danger{background:var(--bt-danger);color:#fff}.btn-ready{background:var(--bt-indigo);color:#fff;min-height:54px;font-size:17px}.btn-brand{background:var(--bt-brand);color:#fff}.btn-add{background:var(--bt-accent);color:#fff}.btn-secondary{background:var(--bt-surface);color:var(--bt-ink);border:2px solid #23180e24}.btn-refresh{background:var(--bt-surface);color:var(--bt-ink);border-radius:var(--bt-radius-pill);border:2px solid #23180e24}.btn-demo{background:var(--bt-brand-deep);color:#fdf6e8;font-size:17px}.field-label{margin:var(--bt-space-sm) 0 4px;font-size:14px;font-weight:700;display:block}.text-input{width:100%;min-height:var(--bt-touch-min);border-radius:var(--bt-radius-sm);background:var(--bt-surface);color:var(--bt-ink);margin-bottom:var(--bt-space-sm);border:2px solid #23180e24;padding:10px 14px;font-size:16px}.text-input:focus{outline:3px solid var(--bt-gold);outline-offset:1px;border-color:var(--bt-gold)}.text-input-lg{text-align:center;letter-spacing:1px;font-size:22px;font-family:var(--bt-font-heading)}textarea.text-input{resize:vertical;min-height:80px}.checkbox-row{margin:var(--bt-space-sm) 0;align-items:center;gap:8px;font-weight:600;display:flex}.checkbox-row input{width:22px;height:22px}.form-error{color:var(--bt-danger);margin-bottom:var(--bt-space-sm);font-weight:700}.form-success{color:var(--bt-success);margin-bottom:var(--bt-space-sm);font-weight:700}.switch{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-weight:600;display:inline-flex}.switch input{opacity:0;width:0;height:0;position:absolute}.switch-track{border-radius:var(--bt-radius-pill);background:#23180e2e;flex-shrink:0;width:44px;height:26px;transition:background .15s;position:relative}.switch-thumb{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.switch-on .switch-track{background:var(--bt-brand)}.switch-on .switch-thumb{transform:translate(18px)}.switch-label{font-size:14px}.card{background:var(--bt-surface);border-radius:var(--bt-radius-lg);box-shadow:var(--bt-shadow-card);padding:var(--bt-space-lg)}.tabs{margin-bottom:var(--bt-space-md);border-bottom:2px solid #23180e14;gap:4px;display:flex;overflow-x:auto}.tab{color:var(--bt-muted);cursor:pointer;white-space:nowrap;min-height:var(--bt-touch-min);background:0 0;border:none;border-bottom:3px solid #0000;padding:10px 16px;font-weight:700}.tab-active{color:var(--bt-brand);border-bottom-color:var(--bt-brand)}.board{gap:var(--bt-space-md);grid-template-columns:repeat(4,minmax(280px,1fr));align-items:start;padding-bottom:4px;display:grid;overflow-x:auto}@media (width<=1100px){.board{grid-template-columns:repeat(4,minmax(280px,320px))}}.board-col{background:var(--bt-surface-2);border-radius:var(--bt-radius-lg);padding:var(--bt-space-sm);gap:var(--bt-space-sm);flex-direction:column;min-height:220px;display:flex}.board-col-head{align-items:center;gap:8px;padding:8px 10px 4px;display:flex}.board-col-icon{font-size:18px}.board-col-title{font-family:var(--bt-font-heading);flex:1;margin:0;font-size:17px;font-weight:600}.board-col-count{background:var(--bt-surface);border-radius:var(--bt-radius-pill);box-shadow:var(--bt-shadow-card);padding:2px 10px;font-size:13px;font-weight:800}.board-col-new .board-col-count{color:var(--bt-gold)}.board-col-preparing .board-col-count{color:var(--bt-indigo)}.board-col-ready .board-col-count{color:var(--bt-brand)}.board-col-body{gap:var(--bt-space-sm);flex-direction:column;display:flex}.order-card{background:var(--bt-surface);border-radius:var(--bt-radius-lg);box-shadow:var(--bt-shadow-card);padding:var(--bt-space-md);border:3px solid #0000}.order-card-new{border-color:var(--bt-gold);box-shadow:0 0 0 3px #e8a31726, var(--bt-shadow-card)}.order-card-top{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.order-number{font-size:16px;font-weight:700;font-family:var(--bt-font-heading)}.order-meta-row{color:var(--bt-muted);justify-content:space-between;margin-bottom:4px;font-size:13px;display:flex}.order-time,.order-item-count{color:var(--bt-muted)}.order-lines{margin:var(--bt-space-sm) 0;border-top:1px dashed #23180e26;border-bottom:1px dashed #23180e26;padding:0;list-style:none}.order-lines li{gap:8px;padding:6px 0;display:flex}.line-qty{color:var(--bt-brand);min-width:30px;font-weight:800}.line-name{flex:1}.line-price{font-weight:700;font-family:var(--bt-font-heading)}.order-notes{color:var(--bt-muted);font-size:14px;font-style:italic}.order-total-row{margin:var(--bt-space-sm) 0;justify-content:space-between;align-items:baseline;font-size:16px;font-weight:700;display:flex}.order-total{font-family:var(--bt-font-heading);font-size:22px;font-weight:600}.order-address{background:var(--bt-bg);border-radius:var(--bt-radius-sm);padding:var(--bt-space-sm);margin-bottom:var(--bt-space-sm);font-size:14px}.order-address-notes{color:var(--bt-muted)}.order-phone{margin-top:4px;font-weight:700;display:inline-block}.order-actions{gap:var(--bt-space-sm);margin-top:var(--bt-space-sm);display:flex}.order-actions .btn{flex:1}.order-action-error{color:var(--bt-danger);font-size:14px;font-weight:700}.sound-toggle{background:var(--bt-surface);border-radius:var(--bt-radius-pill);min-height:var(--bt-touch-min);cursor:pointer;border:2px solid #23180e24;padding:8px 16px;font-weight:700}.sound-toggle-on{border-color:var(--bt-brand);color:var(--bt-brand)}.badge{border-radius:var(--bt-radius-pill);white-space:nowrap;padding:4px 10px;font-size:12px;font-weight:800;display:inline-block}.badge-warning{color:#8a5c00;background:#e8a3172e}.badge-info{color:var(--bt-indigo);background:#2e3a7324}.badge-success{color:var(--bt-brand);background:#1b7a3d24}.badge-danger{color:var(--bt-danger);background:#c1301c24}.modal-overlay{padding:var(--bt-space-md);z-index:50;background:#0f3d2473;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:var(--bt-surface);border-radius:var(--bt-radius-lg);padding:var(--bt-space-lg);width:100%;max-width:460px;max-height:90vh;box-shadow:var(--bt-shadow-raised);overflow-y:auto}.modal-actions{gap:var(--bt-space-sm);margin-top:var(--bt-space-md);display:flex}.modal-actions .btn{flex:1}.modal-photo-row{align-items:center;gap:var(--bt-space-md);margin-bottom:var(--bt-space-sm);display:flex}.modal-photo-preview{border-radius:var(--bt-radius-md);background:var(--bt-surface-2);flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;font-size:28px;display:flex;overflow:hidden}.modal-photo-preview img{object-fit:cover;width:100%;height:100%}.modal-photo-field{flex:1}.reason-list{margin-bottom:var(--bt-space-sm);flex-direction:column;gap:8px;display:flex}.reason-option{border-radius:var(--bt-radius-sm);cursor:pointer;min-height:var(--bt-touch-min);border:2px solid #23180e1f;align-items:center;gap:10px;padding:12px;font-weight:600;display:flex}.reason-option-selected{border-color:var(--bt-brand);background:#1b7a3d1a}.reason-option input{width:20px;height:20px}.state-view{text-align:center;padding:var(--bt-space-xl) var(--bt-space-md);color:var(--bt-muted)}.state-title{color:var(--bt-ink);font-size:16px;font-weight:700;font-family:var(--bt-font-heading)}.state-hint{color:var(--bt-muted);font-size:14px}.empty-tree{margin-bottom:var(--bt-space-sm);opacity:.7;font-size:36px}.spinner{border:4px solid #1b7a3d33;border-top-color:var(--bt-brand);width:32px;height:32px;margin:0 auto var(--bt-space-sm);border-radius:50%;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.state-view-error .state-title{color:var(--bt-danger)}.add-category-card{gap:var(--bt-space-sm);margin-bottom:var(--bt-space-md);background:var(--bt-surface);border-radius:var(--bt-radius-lg);padding:var(--bt-space-md);box-shadow:var(--bt-shadow-card);flex-wrap:wrap;display:flex}.add-category-card .text-input{flex:1;min-width:200px;margin-bottom:0}.category-list{gap:var(--bt-space-lg);flex-direction:column;display:flex}.category-block{background:var(--bt-surface);border-radius:var(--bt-radius-lg);box-shadow:var(--bt-shadow-card);padding:var(--bt-space-md)}.category-header{justify-content:space-between;align-items:center;gap:var(--bt-space-sm);flex-wrap:wrap;display:flex}.category-count{background:var(--bt-surface-2);color:var(--bt-muted);border-radius:var(--bt-radius-pill);font-size:13px;font-family:var(--bt-font-body);vertical-align:middle;padding:2px 10px;font-weight:700;display:inline-block}.category-empty{color:var(--bt-muted);font-style:italic}.product-grid{gap:var(--bt-space-sm);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.product-tile{border-radius:var(--bt-radius-md);background:var(--bt-bg);flex-direction:column;display:flex;overflow:hidden}.product-tile-unavailable{opacity:.62}.product-thumb{background:linear-gradient(135deg,#1b7a3d2e,#d6452524);justify-content:center;align-items:center;height:128px;display:flex;position:relative}.product-thumb img{object-fit:cover;width:100%;height:100%}.product-thumb-fallback{font-size:40px}.product-thumb-badge{color:#fff;border-radius:var(--bt-radius-pill);background:#23180ebf;padding:3px 8px;font-size:11px;font-weight:700;position:absolute;top:8px;right:8px}.product-tile-body{padding:var(--bt-space-sm) var(--bt-space-md) var(--bt-space-md);flex-direction:column;gap:4px;display:flex}.product-tile-top{justify-content:space-between;align-items:baseline;gap:var(--bt-space-sm);display:flex}.product-name{font-weight:700}.product-price{color:var(--bt-brand);font-weight:600;font-family:var(--bt-font-heading);white-space:nowrap;font-size:17px}.product-description{color:var(--bt-muted);font-size:13px}.product-controls{justify-content:space-between;align-items:center;gap:var(--bt-space-sm);margin-top:6px;display:flex}.hours-card{margin-bottom:var(--bt-space-md)}.hours-list{gap:var(--bt-space-sm);flex-direction:column;display:flex}.hours-row{justify-content:space-between;align-items:center;gap:var(--bt-space-md);border-radius:var(--bt-radius-md);padding:var(--bt-space-sm) var(--bt-space-md);background:var(--bt-surface-2);flex-wrap:wrap;display:flex}.hours-row-closed{opacity:.6}.hours-day-switch{min-width:160px}.hours-day-name{font-weight:700}.hours-time-inputs{align-items:center;gap:8px;display:flex}.hours-time-sep{color:var(--bt-muted)}.hours-time-inputs .text-input{width:auto;margin-bottom:0}.hours-closed-label{color:var(--bt-muted);font-weight:600}.payout-hero{background:var(--bt-brand-deep);color:#fdf6e8;border-radius:var(--bt-radius-lg);padding:var(--bt-space-lg);margin-bottom:var(--bt-space-lg);box-shadow:var(--bt-shadow-raised);position:relative;overflow:hidden}.payout-hero-woven{background:repeating-linear-gradient(45deg, var(--bt-gold) 0px, var(--bt-gold) 2px, transparent 2px, transparent 34px);opacity:.12;pointer-events:none;position:absolute;inset:0}.payout-card-label{text-transform:uppercase;letter-spacing:.06em;opacity:.85;margin-bottom:4px;font-size:13px;font-weight:700}.payout-amount{font-size:46px;font-weight:600;font-family:var(--bt-font-heading);margin-bottom:4px;line-height:1.05}.payout-date{font-size:17px;font-weight:700}.payout-cycle,.payout-last{opacity:.85;font-size:14px}.kpi-grid{gap:var(--bt-space-md);margin-bottom:var(--bt-space-lg);grid-template-columns:repeat(auto-fit,minmax(170px,1fr));display:grid}.kpi-card{background:var(--bt-surface);border-radius:var(--bt-radius-md);padding:var(--bt-space-md);box-shadow:var(--bt-shadow-card);text-align:center;flex-direction:column;gap:2px;display:flex}.kpi-card-highlight{border:3px solid var(--bt-brand)}.kpi-card-danger .kpi-value{color:var(--bt-danger)}.kpi-label{color:var(--bt-muted);font-size:13px;font-weight:600}.kpi-value{font-family:var(--bt-font-heading);font-size:26px;font-weight:600}.kpi-hint{color:var(--bt-muted);font-size:12px}.trend-card{padding:var(--bt-space-lg)}.trend-title{margin-bottom:var(--bt-space-md);font-size:17px}.trend-bars{align-items:flex-end;gap:var(--bt-space-lg);height:160px;padding-top:8px;display:flex}.trend-bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;height:100%;display:flex}.trend-bar-value{font-family:var(--bt-font-heading);font-size:14px;font-weight:600}.trend-bar-track{flex:1;align-items:flex-end;width:100%;max-width:64px;display:flex}.trend-bar-fill{background:linear-gradient(180deg, var(--bt-gold), var(--bt-brand));border-radius:8px 8px 3px 3px;width:100%;transition:height .4s}.trend-bar-col-active .trend-bar-fill{background:linear-gradient(180deg, var(--bt-accent), var(--bt-brand-deep))}.trend-bar-label{color:var(--bt-muted);font-size:12px;font-weight:600}.account-card{margin-bottom:var(--bt-space-md);align-items:center;gap:var(--bt-space-md);display:flex}.account-avatar{background:var(--bt-brand);color:#fff;width:56px;height:56px;font-family:var(--bt-font-heading);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;font-weight:600;display:flex}.account-info{flex-direction:column;gap:2px;display:flex}.account-name{font-size:19px;font-weight:700;font-family:var(--bt-font-heading)}.account-phone{color:var(--bt-muted)}.role-badges{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.account-links{margin-bottom:var(--bt-space-lg);gap:var(--bt-space-sm);flex-direction:column;display:flex}.account-link-row{border-bottom:1px solid #23180e14;justify-content:space-between;padding:8px 0;display:flex}.account-link-row:last-child{border-bottom:none}.login-screen{background:radial-gradient(circle at 20% 15%, #14532e 0%, var(--bt-brand-deep) 55%, #0a2417 100%);min-height:100svh;padding:var(--bt-space-md);justify-content:center;align-items:center;display:flex;position:relative}.login-woven{background:repeating-linear-gradient(45deg, var(--bt-indigo) 0px, var(--bt-indigo) 9px, var(--bt-accent) 9px, var(--bt-accent) 18px, var(--bt-gold) 18px, var(--bt-gold) 27px);height:6px;position:absolute;top:0;left:0;right:0}.login-card{background:var(--bt-surface);border-radius:var(--bt-radius-lg);padding:var(--bt-space-xl);width:100%;max-width:400px;box-shadow:var(--bt-shadow-raised)}.login-brand-row{align-items:center;gap:var(--bt-space-sm);margin-bottom:4px;display:flex}.login-tree{font-size:34px}.login-brand{font-family:var(--bt-font-heading);font-size:26px;font-weight:600}.login-sub{color:var(--bt-muted);margin:0}.login-tag{color:var(--bt-muted);margin:var(--bt-space-sm) 0 var(--bt-space-md);font-size:14px}.login-divider{text-align:center;color:var(--bt-muted);margin:var(--bt-space-md) 0;align-items:center;font-size:13px;display:flex}.login-divider:before,.login-divider:after{content:"";background:#23180e24;flex:1;height:1px}.login-divider span{padding:0 var(--bt-space-sm)}.login-hint{color:var(--bt-muted);font-size:14px}.login-devcode{background:var(--bt-surface-2);border-radius:var(--bt-radius-sm);font-weight:700;font-family:var(--bt-font-heading);padding:8px 12px}
