.fin-wrap{padding:22px 24px}.fin-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.fin-eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}.fin-eyebrow:before{content:"— "}.fin-title{font-family:Cormorant Garamond,serif;font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:300;color:var(--brown)}.fin-title em{font-style:italic}.fin-controls{display:flex;align-items:center;gap:8px}.fin-branch-filter{display:flex;border:1px solid var(--border2);background:var(--bg-card);height:32px;box-sizing:border-box}.fin-bf{height:100%;padding:0 13px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;cursor:pointer;background:transparent;border:none;color:var(--muted);border-right:1px solid var(--border2);transition:all .1s}.fin-bf:last-child{border-right:none}.fin-bf.active{background:var(--brown);color:#fff}.fin-period{display:flex;border-bottom:1px solid var(--border2);margin-bottom:20px}.fin-pt{padding:8px 18px;font-size:14px;font-weight:500;cursor:pointer;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px}.fin-pt.active{color:var(--brown);border-bottom-color:var(--gold)}.fin-module-tabs{display:flex;border-bottom:1px solid var(--border2);margin-bottom:20px}.fin-mt{padding:9px 18px;font-size:14px;font-weight:500;cursor:pointer;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px}.fin-mt.active{color:var(--brown);border-bottom-color:var(--gold)}.fin-kpi-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:20px}.fin-kpi{background:var(--bg-card);border:1px solid var(--border);padding:14px 16px}.fin-kpi-label{font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--muted2);margin-bottom:6px}.fin-kpi-val{font-family:Cormorant Garamond,serif;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:500;color:var(--brown);line-height:1}.fin-kpi-sub{font-size:12px;margin-top:4px;color:var(--muted)}.fin-kpi-sub.up{color:var(--green)}.fin-kpi-sub.dn{color:#b84040}.fin-kpi-bar{height:3px;background:var(--ivory3);margin-top:8px}.fin-kpi-fill{height:3px;background:var(--gold)}.fin-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.fin-card{background:var(--bg-card);border:1px solid var(--border)}.fin-card-head{padding:13px 16px 0;display:flex;align-items:center;justify-content:space-between}.fin-card-title{font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--muted2)}.fin-card-body{padding:12px 16px 14px}.fin-tbl{width:100%;border-collapse:collapse;table-layout:fixed}.fin-tbl th{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted2);padding:7px 10px;text-align:left;border-bottom:1px solid var(--border);background:var(--ivory2);white-space:nowrap;overflow:hidden}.fin-tbl td{font-size:14px;padding:7px 10px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fin-tbl tr:last-child td{border-bottom:none}.fin-tbl tr.row-yc td{background:var(--ivory);border-top:1.5px solid var(--border);border-bottom:none}.fin-tbl tr.row-mh td{background:var(--ivory2);border-bottom:1.5px solid var(--border2)}.fin-tbl tr.row-yc:hover td,.fin-tbl tr.row-mh:hover td{filter:brightness(.97)}.fin-badge{display:inline-block;padding:2px 6px;font-size:11px;font-weight:600;white-space:nowrap}.fin-badge.wait{background:#fff8e6;color:#7a5c1a;border:1px solid rgba(196,154,60,.25)}.fin-badge.done{background:var(--green3);color:var(--green);border:1px solid rgba(45,90,61,.2)}.fin-badge.warn{background:#fff3f3;color:#b84040;border:1px solid rgba(184,64,64,.2)}.fin-badge.neutral{background:var(--ivory2);color:var(--muted);border:1px solid var(--border)}.fin-diff{display:inline-flex;align-items:center;font-size:12px;padding:2px 7px}.fin-diff.pos{background:#fff3f3;color:#b84040;border:1px solid rgba(184,64,64,.2)}.fin-diff.neg{background:var(--green3);color:var(--green);border:1px solid rgba(45,90,61,.2)}.fin-diff.zero{background:var(--ivory2);color:var(--muted);border:1px solid var(--border)}.fin-alert{background:var(--gold3);border:1px solid rgba(196,154,60,.3);padding:10px 14px;display:flex;gap:10px;align-items:flex-start;margin-bottom:14px}.fin-alert.red{background:#fff3f3;border-color:#b8404033}.fin-alert-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;margin-top:4px;background:var(--gold)}.fin-alert.red .fin-alert-dot{background:#b84040}.fin-alert-text{font-size:14px;color:#7a5c1a;line-height:1.55}.fin-alert.red .fin-alert-text{color:#7a2020}.fin-bar-row{display:flex;flex-direction:column;gap:10px}.fin-bar-meta{display:flex;justify-content:space-between;margin-bottom:4px}.fin-bar-name{font-size:14px;color:var(--text);font-weight:500}.fin-bar-pct{font-size:12px;color:var(--muted)}.fin-bar-track{height:6px;background:var(--ivory3)}.fin-bar-fill{height:6px}.fin-pl-row{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-bottom:1px solid var(--border)}.fin-pl-row:last-child{border-bottom:none}.fin-pl-row.total{background:var(--ivory2)}.fin-pl-row.profit{background:var(--green3)}.fin-pl-label{font-size:14px;color:var(--text)}.fin-pl-label.sub{color:var(--muted);font-size:14px}.fin-pl-amt{font-family:Cormorant Garamond,serif;font-size:16px;font-weight:500}.fin-pl-amt.pos{color:var(--green)}.fin-pl-amt.neg{color:#b84040}.fin-summary-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}.fin-ss{background:var(--bg-card);border:1px solid var(--border);padding:12px 14px}.fin-ss-label{font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--muted2);margin-bottom:4px}.fin-ss-val{font-family:Cormorant Garamond,serif;font-size:22px;font-weight:500;color:var(--brown)}.fin-ss-sub{font-size:12px;color:var(--muted);margin-top:2px}.fin-empty{padding:32px;text-align:center;color:var(--muted2);font-size:14px;font-style:italic}.fin-sec-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.fin-sec-title{font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--muted2)}.fin-mono{font-family:Cormorant Garamond,serif;font-size:14px;font-weight:500}.fin-form-label{font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--muted2);margin-bottom:5px;display:block}.fin-input{width:100%;padding:8px 10px;border:1px solid var(--border2);background:var(--bg-card);font-family:DM Sans,sans-serif;font-size:14px;color:var(--text);outline:none;border-radius:0}.fin-input:focus{border-color:var(--gold);box-shadow:0 0 0 2px #c49a3c1a}.fin-select{width:100%;height:32px;padding:0 10px;border:1px solid var(--border2);background:var(--bg-card);font-family:DM Sans,sans-serif;font-size:14px;color:var(--text);outline:none;border-radius:0;cursor:pointer}.rbtn{background:var(--green);color:#fff;border:none;padding:8px 16px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;cursor:pointer}.rbtn-sm{padding:5px 10px;font-size:12px}.rbtn-out{background:transparent;color:var(--brown);border:1px solid var(--border2);height:32px;padding:0 14px;font-family:DM Sans,sans-serif;font-size:14px;cursor:pointer}.rbtn-out-sm{padding:4px 10px;font-size:12px}.fin-del-btn{background:none;border:1px solid var(--border);border-radius:3px;color:var(--muted);cursor:pointer;font-size:12px;padding:2px 6px;line-height:1;transition:all .15s}.fin-del-btn:hover{border-color:var(--so);color:var(--so);background:var(--sob)}:root{--ivory: #faf6ef;--ivory2: #f2ebe0;--brown: #2c1a0e;--brown2: #4a2e1a;--brown3: #1a0f07;--green: #2d5a3d;--green2: #3d7a52;--green3: #e8f0ea;--gold: #c49a3c;--gold2: #e8c068;--text: #1e1208;--muted: #7a6248;--border: rgba(44, 26, 14, .1);--border2: rgba(44, 26, 14, .06);--sn: #c49a3c;--snb: rgba(196, 154, 60, .08);--sw: #d4760a;--swb: rgba(212, 118, 10, .07);--so: #b42020;--sob: rgba(180, 32, 32, .06);--sd: #2d5a3d;--sdb: rgba(45, 90, 61, .06);--sp: #5b6abf;--spb: rgba(91, 106, 191, .08);--aha: #0f6e56;--ahab: rgba(15, 110, 86, .08);--aha2: #085041;--ship: #1a73e8;--shipb: rgba(26, 115, 232, .07);--sidebar-w: 240px;--sidebar-collapsed: 64px;--bg-card: white;--bg-input: white}[data-theme=dark]{--bg-card: #221c17;--bg-input: #2a2218;--ivory: #1a1410;--ivory2: #221c17;--brown: #e8d5b8;--brown2: #c9b08a;--brown3: #0f0c09;--green: #4a9966;--green2: #5db87d;--green3: #0f1f14;--gold: #d4a84b;--gold2: #e8c068;--text: #e8d5b8;--muted: #8a7460;--border: rgba(232, 213, 184, .08);--border2: rgba(232, 213, 184, .04);--snb: rgba(196, 154, 60, .12);--swb: rgba(212, 118, 10, .12);--sob: rgba(180, 32, 32, .12);--sdb: rgba(45, 90, 61, .12);--spb: rgba(91, 106, 191, .12)}[data-theme=dark] body{background:var(--ivory)}[data-theme=dark] .os,[data-theme=dark] .sc,[data-theme=dark] .modal-box,[data-theme=dark] .drawer{background:#221c17;border-color:var(--border)}[data-theme=dark] .ort thead th{background:#1a1410}[data-theme=dark] .ort tbody tr{background:#221c17}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:#2a2218;color:var(--text);border-color:var(--border)}[data-theme=dark] .sb-toggle{background:#0f0c09}[data-theme=dark] .login-box{background:#221c17}[data-theme=dark] .top-bar{background:#1a1410;border-color:var(--border)}[data-theme=dark] .rbtn,[data-theme=dark] .br-select,[data-theme=dark] .sb2,[data-theme=dark] .mobile-hamburger{background:#221c17;color:var(--text);border-color:var(--border)}[data-theme=dark] .os,[data-theme=dark] .sc,[data-theme=dark] .rev-card,[data-theme=dark] .rev-hbar-track,[data-theme=dark] .rev-cat-track,[data-theme=dark] .rev-branch-track{background:#221c17;border-color:var(--border)}[data-theme=dark] .ort thead th{background:#1a1410;color:var(--muted)}[data-theme=dark] .ort tbody tr{background:#221c17;border-color:var(--border)}[data-theme=dark] .ort tbody tr:hover{background:#2a2218}[data-theme=dark] .ort td{border-color:var(--border)}[data-theme=dark] .sc{background:#221c17}[data-theme=dark] .sc:hover{box-shadow:0 2px 12px #0000004d}[data-theme=dark] .ots{border-color:var(--border)}[data-theme=dark] .ot{color:var(--muted)}[data-theme=dark] .ot:hover,[data-theme=dark] .ot.active{color:var(--text)}[data-theme=dark] .oh{border-color:var(--border)}[data-theme=dark] .tab-filter-item{color:var(--muted)}[data-theme=dark] .tab-filter-item.active{color:var(--text)}[data-theme=dark] .fin-card,[data-theme=dark] .fin-section,[data-theme=dark] .expense-item,[data-theme=dark] .fixed-cost-item{background:#221c17;border-color:var(--border)}[data-theme=dark] .drawer{background:#1a1410}[data-theme=dark] .drawer-header{background:#1a1410;border-color:var(--border)}[data-theme=dark] .drawer-body{background:#1a1410}[data-theme=dark] .modal-box,[data-theme=dark] .modal-header{background:#221c17;border-color:var(--border)}[data-theme=dark] input:not([type=checkbox]):not([type=radio]),[data-theme=dark] select,[data-theme=dark] textarea{background:#2a2218!important;color:var(--text)!important;border-color:var(--border)!important}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--muted);opacity:.5}[data-theme=dark] .rev-card{background:#221c17}[data-theme=dark] .rev-top-table th,[data-theme=dark] .rev-top-table td{border-color:var(--border)}[data-theme=dark] .rev-hbar-track,[data-theme=dark] .rev-cat-track,[data-theme=dark] .rev-branch-track{background:#e8d5b80f}[data-theme=dark] .menu-item-card,[data-theme=dark] .menu-cat-header,[data-theme=dark] .sup-card,[data-theme=dark] .sup-row,[data-theme=dark] .pur-row,[data-theme=dark] .pur-card{background:#221c17;border-color:var(--border)}[data-theme=dark] .fin-alert{background:#b4202026;border-color:#b4202040}[data-theme=dark] .fin-alert-warn{background:#d4760a1f;border-color:#d4760a33}[data-theme=dark] .tn-toast,[data-theme=dark] .settings-section,[data-theme=dark] .fc-row,[data-theme=dark] .fc-item{background:#221c17;border-color:var(--border)}[data-theme=dark] .tf-btn{color:var(--muted);border-color:var(--border)}[data-theme=dark] .tf-btn.active{background:var(--brown2);color:var(--gold2)}[data-theme=dark] ::-webkit-scrollbar-track{background:#1a1410}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#3a2e22}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#4a3e30}[data-theme=dark] .menu-card,[data-theme=dark] .menu-item,[data-theme=dark] .menu-grid-item,[data-theme=dark] .menu-list-item,[data-theme=dark] .menu-header,[data-theme=dark] .menu-section,[data-theme=dark] .menu-tab,[data-theme=dark] .menu-filter,[data-theme=dark] .recipe-modal,[data-theme=dark] .recipe-row,[data-theme=dark] .cat-tab,[data-theme=dark] .cat-filter,[data-theme=dark] .mi-card,[data-theme=dark] .mi-list-row,[data-theme=dark] .settings-tab,[data-theme=dark] .settings-card,[data-theme=dark] .settings-row,[data-theme=dark] .settings-block,[data-theme=dark] .stg-section,[data-theme=dark] .stg-card,[data-theme=dark] .stg-block,[data-theme=dark] .plat-row,[data-theme=dark] .plat-card{background:#221c17!important;border-color:var(--border)!important}[data-theme=dark] .tf{background:#221c17!important;color:var(--muted)!important;border-color:var(--border)!important}[data-theme=dark] .tf:hover{color:var(--text)!important}[data-theme=dark] .tf.active{background:var(--green)!important;color:#fff!important}[data-theme=dark] .date-range-picker,[data-theme=dark] .custom-date-input,[data-theme=dark] .topbar-select,[data-theme=dark] .time-filter-wrap{background:#221c17!important;border-color:var(--border)!important}[data-theme=dark] .co-source-btn{background:#2a2218!important;border-color:var(--border)!important;color:var(--text)!important}[data-theme=dark] .co-source-btn.active{background:var(--brown2)!important;border-color:var(--gold)!important;color:var(--gold2)!important}[data-theme=dark] .co-item-row,[data-theme=dark] .co-section,[data-theme=dark] .co-total,[data-theme=dark] .detail-row,[data-theme=dark] .detail-section{background:#221c17!important;border-color:var(--border)!important}[data-theme=dark] .qty-btn{background:#2a2218!important;border-color:var(--border)!important;color:var(--text)!important}[data-theme=dark] .co-footer{background:#1a1410!important;border-color:var(--border)!important}[data-theme=dark] .al-row,[data-theme=dark] .al-group,[data-theme=dark] .al-date,[data-theme=dark] .sup-stat-card{background:#221c17!important;border-color:var(--border)!important}[data-theme=dark] [style*="background: #fff"],[data-theme=dark] [style*="background:#fff"],[data-theme=dark] [style*="background: white"],[data-theme=dark] [style*="background: rgb(255, 255, 255)"]{background:#221c17!important}[data-theme=dark] [style*="background: #fff8f0"]{background:#1f1a14!important}[data-theme=dark] [style*="background: #fdfbf8"]{background:#221c17!important}[data-theme=dark] [style*="min-height: 100vh"][style*=background]{background:var(--ivory)!important}[data-theme=dark] [style*=borderBottom][style*="#f0ebe3"]{border-color:var(--border)!important}[data-theme=dark] [style*="color: #1e1208"],[data-theme=dark] [style*="color: rgb(30, 18, 8)"]{color:var(--text)!important}[data-theme=dark] [style*="border: 1px solid #e0d8cc"],[data-theme=dark] [style*="border: 1px solid #f0ebe3"]{border-color:var(--border)!important}[data-theme=dark] .co-it:hover{background:#c49a3c0f}[data-theme=dark] .co-it.sel{background:#2d5a3d1f;border-left:3px solid var(--green)}[data-theme=dark] .co-chip{background:#2a2218;border-color:var(--border);color:var(--muted)}[data-theme=dark] .co-chip:hover{border-color:var(--gold);color:var(--gold2);background:#c49a3c14}[data-theme=dark] .co-chip.on{background:#c49a3c2e;border-color:var(--gold);color:var(--gold2);font-weight:700}[data-theme=dark] .co-tab{color:var(--muted)}[data-theme=dark] .co-tab:hover{color:var(--text)}[data-theme=dark] .co-tab.on{color:var(--gold2);border-color:var(--gold)}[data-theme=dark] .co-qb{background:#2a2218;border-color:var(--border);color:var(--text)}[data-theme=dark] .co-qb:hover{border-color:var(--gold);color:var(--gold2)}[data-theme=dark] .co-qb-add{background:#2d5a3d33;border-color:#2d5a3d4d;color:var(--green2)}[data-theme=dark] .co-qb-add:hover{background:var(--green);color:#fff}[data-theme=dark] .co-pill{background:#2a2218;border-color:var(--border);color:var(--muted)}[data-theme=dark] .co-pill:hover{border-color:var(--green);color:var(--green2)}[data-theme=dark] .co-pill.on{background:#2d5a3d33;border-color:var(--green);color:var(--green2)}[data-theme=dark] .co-sauce{background:#c49a3c0a;border-color:var(--border)}[data-theme=dark] .co-sauce-lb{color:var(--muted)}[data-theme=dark] .co-hd{border-color:var(--border)}[data-theme=dark] .co-ft{background:#1a1410;border-color:var(--border)}[data-theme=dark] .co-btn-c{border-color:var(--border);color:var(--muted)}[data-theme=dark] .co-btn-c:hover{border-color:var(--gold);color:var(--gold2)}[data-theme=dark] .stg-tab.active,[data-theme=dark] .al-tab.active,[data-theme=dark] .tab-filter-item.active{background:transparent;color:var(--gold2);border-bottom-color:var(--gold)}[data-theme=dark] [style*="background: 'var(--ivory2)'"][style*=filterStatus]{background:#c49a3c1a!important;color:var(--gold2)!important}[data-theme=dark] [style*="padding: '32px 28px'"]{background:#221c17!important;border-color:var(--border)!important}[data-theme=dark] .al-search input,[data-theme=dark] .al-date-input{background:var(--bg-card)!important;color:var(--text)!important;border-color:var(--border)!important}[data-theme=dark] .bpr{background:var(--green);color:var(--ivory);border-color:var(--green)}[data-theme=dark] .bpr:hover{background:var(--green2)}[data-theme=dark] .sup-filter-btn{border-color:var(--border);color:var(--muted)}[data-theme=dark] .ot.active,[data-theme=dark] .tab-filter-item.active{color:var(--gold2);border-bottom-color:var(--gold)}[data-theme=dark] .al-filter-btn.active,[data-theme=dark] .al-branch-btn.active{background:#c49a3c1f;color:var(--gold2);border-color:var(--gold)}[data-theme=dark] .menu-card{border-color:var(--border)}[data-theme=dark] .menu-card:hover{box-shadow:0 4px 20px #0000004d}[data-theme=dark] .menu-card-img{background:#2a2218}[data-theme=dark] .menu-card-name,[data-theme=dark] .menu-card-price{color:var(--text)}[data-theme=dark] .menu-card-desc{color:var(--muted)}[data-theme=dark] .menu-card-type{color:var(--green2)}[data-theme=dark] .menu-card-action-btn{border-color:var(--border);color:var(--muted);background:var(--bg-card)}[data-theme=dark] .menu-card-action-btn:hover{border-color:var(--gold);color:var(--gold2)}[data-theme=dark] .menu-card-action-btn.delete:hover{border-color:var(--so);color:var(--so)}[data-theme=dark] .menu-stat-card,[data-theme=dark] .menu-header-stats .sc,[data-theme=dark] .menu-filter-bar,[data-theme=dark] .menu-search{background:var(--bg-card);border-color:var(--border)}[data-theme=dark] .menu-tab-item.active{color:var(--gold2);border-bottom-color:var(--gold)}[data-theme=dark] .menu-card.featured{border-color:var(--gold)}[data-theme=dark] .menu-card-overlay{background:#0f0a05bf}[data-theme=dark] .menu-stat{border-color:var(--border)}[data-theme=dark] .menu-stat-label,[data-theme=dark] .menu-stat-total{color:var(--muted)}[data-theme=dark] .menu-stat-num{color:var(--text)}[data-theme=dark] .menu-tabs{background:#ffffff0a}[data-theme=dark] .menu-tab{color:var(--muted)}[data-theme=dark] .menu-tab:hover{color:var(--text)}[data-theme=dark] .menu-tab.active{background:var(--bg-card);color:var(--green2);box-shadow:0 1px 3px #0000004d}[data-theme=dark] .menu-tab-count{background:#4da06426;color:var(--green2)}[data-theme=dark] .menu-search{border-color:var(--border);color:var(--text)}[data-theme=dark] .menu-search::placeholder{color:var(--muted);opacity:.5}[data-theme=dark] .menu-search:focus{border-color:var(--green)}[data-theme=dark] .menu-view-toggle{border-color:var(--border)}[data-theme=dark] .menu-view-toggle button{background:var(--bg-card);color:var(--muted)}[data-theme=dark] .menu-view-toggle button.active,[data-theme=dark] .menu-view-toggle button:hover{background:#c49a3c1a;color:var(--gold2)}[data-theme=dark] .menu-modal{box-shadow:0 20px 60px #0009}[data-theme=dark] .menu-modal-header h3{color:var(--text)}[data-theme=dark] .menu-modal-close{background:#ffffff0f;color:var(--muted)}[data-theme=dark] .menu-modal-close:hover{background:#ffffff1a}[data-theme=dark] .menu-modal-img-placeholder{border-color:var(--border);color:var(--muted)}[data-theme=dark] .menu-modal-field label{color:var(--muted)}[data-theme=dark] .menu-modal-field label .optional{color:var(--muted);opacity:.5}[data-theme=dark] .menu-modal-field input,[data-theme=dark] .menu-modal-field select,[data-theme=dark] .menu-modal-field textarea{border-color:var(--border);color:var(--text);background:var(--bg-input)}[data-theme=dark] .menu-modal-field input:focus,[data-theme=dark] .menu-modal-field select:focus,[data-theme=dark] .menu-modal-field textarea:focus{border-color:var(--green)}[data-theme=dark] .menu-toggle{color:var(--text)}[data-theme=dark] .menu-toggle-slider{background:#ffffff1f}[data-theme=dark] .menu-modal-footer,[data-theme=dark] .recipe-modal-header,[data-theme=dark] .recipe-modal-footer,[data-theme=dark] .recipe-tbl-row{border-color:var(--border)}[data-theme=dark] .recipe-cost-box{background:var(--ivory2);border-color:var(--border)}[data-theme=dark] .sb2{background:var(--bg-input);border-color:var(--border)}[data-theme=dark] .sb2 input{color:var(--text)}[data-theme=dark] .sb2 input::placeholder{color:var(--muted);opacity:.4}[data-theme=dark] .co-overlay{background:#0006}[data-theme=dark] .ab{background:var(--bg-card);border-color:var(--border);color:var(--muted)}[data-theme=dark] .ab:hover{border-color:var(--green);color:var(--green)}[data-theme=dark] .ab-detail{color:var(--muted)}[data-theme=dark] .ab-ship{color:var(--aha);border-color:#0f6e5633}:root{--ff-display: "Cormorant Garamond", "Times New Roman", serif;--ff-sans: "DM Sans", "Inter", system-ui, sans-serif;--ff-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--fs-3xs: .625rem;--fs-2xs: .688rem;--fs-xs: .75rem;--fs-sm: .8125rem;--fs-base: .85rem;--fs-md: .9375rem;--fs-lg: 1rem;--fs-xl: 1.125rem;--fs-2xl: 1.375rem;--fs-3xl: 1.75rem;--fs-4xl: 2.125rem;--fs-stat: clamp(1.5rem, 3vw, 2.2rem);--fs-display: clamp(1.8rem, 3.5vw, 2.6rem);--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--lh-tight: 1.1;--lh-snug: 1.25;--lh-normal: 1.45;--lh-relaxed: 1.6;--ls-tighter: -.01em;--ls-none: 0;--ls-tight: .02em;--ls-normal: .04em;--ls-wide: .08em;--ls-wider: .12em;--ls-widest: .18em;--sp-0: 0;--sp-1: 2px;--sp-2: 4px;--sp-3: 6px;--sp-4: 8px;--sp-5: 10px;--sp-6: 12px;--sp-7: 14px;--sp-8: 16px;--sp-9: 20px;--sp-10: 24px;--sp-11: 28px;--sp-12: 32px;--sp-14: 40px;--sp-16: 48px;--sp-20: 60px;--sp-24: 72px;--bw-thin: 1px;--bw-thick: 1.5px;--bw-heavy: 2px;--radius-none: 0;--radius-sm: 2px;--radius-md: 4px;--radius-pill: 999px;--radius-full: 50%;--btn-h-sm: 28px;--btn-h-md: 32px;--btn-h-lg: 36px;--btn-px-sm: var(--sp-5);--btn-px-md: var(--sp-7);--btn-px-lg: var(--sp-9);--btn-py-sm: var(--sp-3);--btn-py-md: var(--sp-4);--btn-py-lg: var(--sp-5);--input-h: 32px;--input-px: var(--sp-6);--input-py: var(--sp-4);--card-p-sm: var(--sp-7) var(--sp-8);--card-p-md: var(--sp-8) var(--sp-9);--card-p-lg: var(--sp-9) var(--sp-10);--sec-p-sm: var(--sp-7) var(--sp-9);--sec-p-md: var(--sp-8) var(--sp-10);--sec-p-lg: var(--sp-9) var(--sp-11);--gap-xs: var(--sp-2);--gap-sm: var(--sp-3);--gap-md: var(--sp-4);--gap-lg: var(--sp-7);--gap-xl: var(--sp-8);--gap-2xl: var(--sp-10);--shadow-xs: 0 1px 2px rgba(44, 26, 14, .04);--shadow-sm: 0 1px 3px rgba(44, 26, 14, .06);--shadow-md: 0 2px 12px rgba(44, 26, 14, .08);--shadow-lg: 0 8px 24px rgba(44, 26, 14, .12);--shadow-xl: 0 20px 60px rgba(44, 26, 14, .18);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.23, 1, .32, 1);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .3s;--z-base: 1;--z-sticky: 50;--z-sidebar: 80;--z-overlay: 90;--z-drawer: 100;--z-modal: 110;--z-toast: 120;--z-tooltip: 130}[data-theme=dark]{--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .25);--shadow-md: 0 2px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .6)}.ty-eyebrow{font-family:var(--ff-sans);font-size:var(--fs-base);font-weight:var(--fw-bold);letter-spacing:var(--ls-widest);text-transform:uppercase;color:var(--gold);line-height:var(--lh-normal)}.ty-display{font-family:var(--ff-display);font-size:var(--fs-display);font-weight:var(--fw-light);line-height:var(--lh-tight);letter-spacing:var(--ls-tighter);color:var(--brown)}.ty-display em{font-style:italic;color:var(--green);font-weight:var(--fw-regular)}.ty-h1{font-family:var(--ff-display);font-size:var(--fs-3xl);font-weight:var(--fw-light);line-height:var(--lh-tight);color:var(--brown)}.ty-h2{font-family:var(--ff-display);font-size:var(--fs-2xl);font-weight:var(--fw-regular);line-height:var(--lh-snug);color:var(--brown)}.ty-h3{font-family:var(--ff-display);font-size:var(--fs-xl);font-weight:var(--fw-regular);line-height:var(--lh-snug);color:var(--brown)}.ty-section{font-family:var(--ff-display);font-size:var(--fs-lg);font-weight:var(--fw-regular);line-height:var(--lh-snug);color:var(--brown)}.ty-section em{font-style:italic;color:var(--green)}.ty-stat{font-family:var(--ff-display);font-size:var(--fs-stat);font-weight:var(--fw-regular);line-height:var(--lh-tight);color:var(--brown);letter-spacing:var(--ls-tighter)}.ty-label{font-family:var(--ff-sans);font-size:var(--fs-base);font-weight:var(--fw-semibold);letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--muted);line-height:var(--lh-normal)}.ty-label-sm{font-family:var(--ff-sans);font-size:var(--fs-2xs);font-weight:var(--fw-semibold);letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--muted);line-height:var(--lh-normal)}.ty-body{font-family:var(--ff-sans);font-size:var(--fs-base);font-weight:var(--fw-regular);line-height:var(--lh-normal);color:var(--text)}.ty-body-sm{font-family:var(--ff-sans);font-size:var(--fs-sm);font-weight:var(--fw-regular);line-height:var(--lh-normal);color:var(--text)}.ty-caption{font-family:var(--ff-sans);font-size:var(--fs-xs);font-weight:var(--fw-regular);line-height:var(--lh-normal);color:var(--muted)}.ty-meta{font-family:var(--ff-sans);font-size:var(--fs-2xs);font-weight:var(--fw-regular);letter-spacing:var(--ls-tight);color:var(--muted);line-height:var(--lh-normal)}.ty-mono{font-family:var(--ff-mono);font-size:var(--fs-sm);letter-spacing:var(--ls-none)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--ff-sans);font-size:var(--fs-base);line-height:var(--lh-normal);background:var(--ivory);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:.018;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.app{display:none;min-height:100vh}.app.active{display:flex}.page{display:none}.page.active{display:block}.eyebrow{font-family:var(--ff-sans);font-size:var(--fs-base);font-weight:var(--fw-bold);letter-spacing:var(--ls-widest);text-transform:uppercase;color:var(--gold);display:flex;align-items:center;gap:var(--sp-5);margin-bottom:var(--sp-5);line-height:var(--lh-normal)}.eyebrow:before{content:"";width:24px;height:1px;background:var(--gold)}.pg-h{margin-bottom:var(--sp-11)}.pg-h h2{font-family:var(--ff-display);font-size:var(--fs-display);font-weight:var(--fw-light);color:var(--brown);line-height:var(--lh-tight);letter-spacing:var(--ls-tighter)}.pg-h h2 em{font-style:italic;color:var(--green);font-weight:var(--fw-regular)}.bpr{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-3);padding:var(--btn-py-md) var(--btn-px-md);background:var(--green);color:#fff;border:var(--bw-thin) solid var(--green);font-family:var(--ff-sans);font-size:var(--fs-base);font-weight:var(--fw-semibold);letter-spacing:var(--ls-wide);text-transform:uppercase;cursor:pointer;transition:background var(--dur-base) var(--ease-in-out),border-color var(--dur-base) var(--ease-in-out);border-radius:var(--radius-none);line-height:1;white-space:nowrap}.bpr:hover{background:var(--green2);border-color:var(--green2)}.bpr:disabled{opacity:.5;cursor:not-allowed}.bpr.show{display:inline-flex}.bpr-dark{background:var(--brown);border-color:var(--brown);color:var(--ivory)}.bpr-dark:hover{background:var(--brown2);border-color:var(--brown2)}.bsm{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--btn-py-md) var(--sp-6);background:var(--bg-card);color:var(--brown);border:var(--bw-thin) solid var(--border);font-family:var(--ff-sans);font-size:var(--fs-base);font-weight:var(--fw-medium);cursor:pointer;transition:all var(--dur-base) var(--ease-in-out);border-radius:var(--radius-none);line-height:1;white-space:nowrap}.bsm:hover{border-color:var(--green);color:var(--green)}.bsm.dng{color:var(--so);border-color:#b4202033}.bsm.dng:hover{background:var(--sob);border-color:var(--so)}.rbtn-out{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--btn-py-md) var(--btn-px-md);background:transparent;color:var(--brown);border:var(--bw-thick) solid var(--border);font-family:var(--ff-sans);font-size:var(--fs-base);font-weight:var(--fw-semibold);cursor:pointer;transition:all var(--dur-base) var(--ease-in-out);border-radius:var(--radius-none);line-height:1;white-space:nowrap}.rbtn-out:hover{border-color:var(--gold);color:var(--gold)}.rbtn-sm,.bsm-sm,.bpr-sm{padding:var(--btn-py-sm) var(--btn-px-sm);font-size:var(--fs-sm)}.tab-filter{display:flex;gap:var(--sp-1);flex-wrap:wrap;align-items:center}.tab-filter-item{padding:var(--sp-4) var(--sp-8);border:none;background:transparent;font-family:var(--ff-sans);font-size:var(--fs-base);font-weight:var(--fw-medium);color:var(--muted);cursor:pointer;transition:color var(--dur-base) var(--ease-in-out),border-color var(--dur-base) var(--ease-in-out);border-bottom:var(--bw-heavy) solid transparent;border-radius:var(--radius-none);line-height:1}.tab-filter-item:hover{color:var(--brown)}.tab-filter-item.active{color:var(--brown);border-bottom-color:var(--gold);font-weight:var(--fw-bold)}.login-screen{display:grid;grid-template-columns:1.1fr .9fr;min-height:100vh;overflow:hidden}.login-brand{background:var(--brown3);position:relative;display:flex;flex-direction:column;justify-content:center;padding:80px 60px;overflow:hidden}.login-brand:before{content:"Thuần Nhiên";position:absolute;left:-30px;bottom:-50px;font-family:var(--ff-display);font-size:clamp(6rem,12vw,11rem);font-weight:600;white-space:nowrap;pointer-events:none;line-height:1;letter-spacing:-.03em;color:transparent;-webkit-text-stroke:1px rgba(196,154,60,.08)}.login-rings{position:absolute;top:15%;right:-80px;width:500px;height:500px;pointer-events:none}.login-ring{position:absolute;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid rgba(196,154,60,.06)}.login-ring-1{width:200px;height:200px;border-color:#c49a3c1f;animation:ringFloat 8s ease-in-out infinite}.login-ring-2{width:340px;height:340px;animation:ringFloat 10s ease-in-out infinite reverse}.login-ring-3{width:480px;height:480px}@keyframes ringFloat{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.04)}}.login-glow{position:absolute;top:20%;right:8%;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(45,90,61,.18) 0%,transparent 70%);pointer-events:none;animation:glowPulse 4s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.login-rule{position:absolute;top:48%;left:0;right:0;height:1px;background:linear-gradient(to right,transparent 5%,rgba(196,154,60,.15) 30%,rgba(196,154,60,.3) 50%,rgba(196,154,60,.15) 70%,transparent 95%);pointer-events:none}.login-brand-content{position:relative;z-index:2;max-width:420px}.login-brand-tagline{font-size:var(--fs-2xs);font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);opacity:0;animation:loginReveal .8s .2s forwards;margin-bottom:16px;display:flex;align-items:center;gap:10px}.login-brand-tagline:before{content:"";width:28px;height:1px;background:var(--gold)}.login-brand h2{font-family:var(--ff-display);font-size:clamp(2.6rem,4.5vw,3.8rem);font-weight:300;color:#fff;line-height:1.1;margin-bottom:24px;opacity:0;animation:loginReveal .8s .35s forwards}.login-brand h2 em{color:var(--gold2);font-style:italic;font-weight:400}.login-brand-quote{font-family:var(--ff-display);font-size:var(--fs-lg);font-style:italic;color:#ffffff59;line-height:1.7;font-weight:300;border-left:2px solid rgba(196,154,60,.25);padding-left:20px;margin-bottom:40px;opacity:0;animation:loginReveal .8s .5s forwards}.login-brand-quote strong{color:var(--gold2);font-weight:400;font-style:normal}.login-brand-stats{display:flex;gap:32px;opacity:0;animation:loginReveal .8s .65s forwards}.login-brand-stat-num{font-family:var(--ff-display);font-size:var(--fs-4xl);font-weight:300;color:var(--gold2);line-height:1}.login-brand-stat-lbl{font-size:var(--fs-2xs);color:#fff3;letter-spacing:.1em;text-transform:uppercase;margin-top:4px}.login-brand-stat-sep{width:1px;background:#c49a3c1f;align-self:stretch}@keyframes loginReveal{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.login-form-side{background:var(--ivory);display:flex;align-items:center;justify-content:center;padding:48px;position:relative}.login-form-side:before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--gold),var(--green),transparent)}.login-card{width:100%;max-width:380px;opacity:0;animation:loginReveal .6s .3s forwards}.login-logo{text-align:left;margin-bottom:40px}.login-logo .eyebrow-login{font-size:var(--fs-2xs);font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;gap:10px;margin-bottom:14px}.login-logo .eyebrow-login:before{content:"";width:24px;height:1px;background:var(--gold)}.login-logo h1{font-family:var(--ff-display);font-size:clamp(2rem,3vw,2.6rem);font-weight:300;color:var(--brown);line-height:1.15}.login-logo h1 em{font-style:italic;color:var(--green);font-weight:400}.login-logo .sub{font-size:var(--fs-xs);color:var(--muted);margin-top:8px;font-weight:300;font-style:italic}.login-field{margin-bottom:18px}.login-field label{display:block;font-size:var(--fs-2xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:7px}.login-field input{width:100%;padding:15px 18px;border:1.5px solid var(--border);font-family:var(--ff-sans);font-size:.95rem;color:var(--text);background:#fff;transition:all .3s;outline:none}.login-field input::placeholder{color:#7a624840}.login-field input:focus{border-color:var(--green);box-shadow:0 0 0 4px #2d5a3d1a}.login-error{font-size:var(--fs-sm);color:var(--so);margin-bottom:14px;display:none;padding:10px 14px;background:var(--sob);border-left:3px solid var(--so)}.login-error.show{display:block}.login-btn{width:100%;padding:16px;border:none;font-family:var(--ff-sans);font-size:var(--fs-sm);font-weight:600;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;background:var(--green);color:#fff;transition:all .3s;margin-top:10px;position:relative;overflow:hidden}.login-btn:hover{background:var(--green2);transform:translateY(-1px);box-shadow:0 4px 24px #2d5a3d40}.login-btn:active{transform:translateY(0)}.login-divider{display:flex;align-items:center;gap:12px;margin:24px 0 18px;font-size:.65rem;color:var(--muted);letter-spacing:.1em;text-transform:uppercase}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border)}.login-accounts{display:flex;flex-direction:column;gap:6px}.login-account{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1.5px solid var(--border);background:#fff;cursor:pointer;transition:all .25s;position:relative;width:100%;text-align:left}.login-account:hover{border-color:var(--green);background:#2d5a3d05}.login-account:active{transform:scale(.99)}.login-account .la-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--fs-2xs);font-weight:700;color:#fff;flex-shrink:0}.login-account .la-avatar.admin{background:var(--brown2)}.login-account .la-avatar.staff{background:#c49a3c80}.login-account .la-info{flex:1}.login-account .la-name{font-size:var(--fs-sm);font-weight:600;color:var(--brown)}.login-account .la-role{font-size:.65rem;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.login-account .la-arrow{color:var(--muted);font-size:var(--fs-xs);opacity:.3;transition:all .2s}.login-account:hover .la-arrow{opacity:1;color:var(--green);transform:translate(3px)}.login-hint{margin-top:24px;font-size:var(--fs-2xs);color:var(--muted);font-style:italic;font-weight:300;padding-top:18px;border-top:1px solid var(--border);text-align:center}.sidebar{width:var(--sidebar-w);background:var(--brown3);position:fixed;top:0;left:0;bottom:0;display:flex;flex-direction:column;z-index:100;overflow-y:auto;transition:width .3s cubic-bezier(.23,1,.32,1)}.sidebar::-webkit-scrollbar{width:0}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar.collapsed .sb-hide{display:none}.sidebar.collapsed .sb-show-collapsed{display:block!important}.sb-show-collapsed{display:none}.sidebar.collapsed .sb-item{justify-content:center;padding:10px 0}.sidebar.collapsed .sb-item .n{margin:0;width:auto;opacity:.6;font-size:var(--fs-base)}.sidebar.collapsed .sb-group-label{text-align:center;padding:14px 6px 6px;font-size:.55rem}.sidebar.collapsed .sb-logo{padding:14px;text-align:center}.sidebar.collapsed .sb-user{padding:10px;justify-content:center}.sidebar.collapsed .sb-user .meta,.sidebar.collapsed .sb-user .out,.sidebar.collapsed .sb-footer .lbl,.sidebar.collapsed .sb-footer .ver{display:none}.sb-toggle{position:fixed;top:14px;width:28px;height:28px;border-radius:50%;background:var(--brown3);border:1px solid rgba(196,154,60,.25);color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--fs-sm);z-index:200;transition:all .2s;box-shadow:0 2px 8px #0000004d}.sb-toggle:hover{color:var(--gold2);border-color:var(--gold)}.sb-logo{padding:20px;border-bottom:1px solid rgba(196,154,60,.06)}.sb-logo-text .brand{font-family:var(--ff-display);font-size:var(--fs-lg);font-weight:600;color:#ffffffe0;letter-spacing:.08em;text-transform:uppercase;display:block}.sb-logo-text .brand-sub{font-size:8px;letter-spacing:.12em;color:#c49a3c80;text-transform:uppercase;display:block;margin-top:2px}.sb-nav{padding:16px 0;flex:1}.sb-group{margin-bottom:2px}.sb-group-label{font-size:var(--fs-base);font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#ffffff4d;padding:14px 20px 6px;transition:all .2s}.sb-item{display:flex;align-items:center;gap:10px;padding:9px 20px;font-size:var(--fs-base);font-weight:400;color:#ffffffb8;cursor:pointer;transition:all .2s;text-decoration:none;position:relative;border-left:3px solid transparent;background:none;border-right:none;border-top:none;border-bottom:none;width:100%;text-align:left}.sb-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--gold);transform:scaleY(0);transform-origin:bottom;transition:transform .3s cubic-bezier(.23,1,.32,1)}.sb-item:hover{color:#ffffffeb;background:#ffffff05}.sb-item.active{color:var(--gold2);background:#c49a3c0a;font-weight:500}.sb-item.active:before{transform:scaleY(1)}.sb-item .n{font-family:var(--ff-display);font-size:var(--fs-base);font-style:italic;font-weight:300;opacity:.5;width:16px;flex-shrink:0}.sb-item .ic{font-size:var(--fs-sm);opacity:.75;width:18px;text-align:center;flex-shrink:0}.sb-item .badge{margin-left:auto;background:var(--so);color:#fff;font-size:var(--fs-base);font-weight:700;padding:1px 6px;border-radius:2px;min-width:18px;text-align:center}.sb-user{padding:14px 20px;border-top:1px solid rgba(196,154,60,.06);display:flex;align-items:center;gap:9px}.sb-user .av{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--fs-base);font-weight:700;color:#fff;flex-shrink:0}.sb-user .av.a{background:var(--brown2)}.sb-user .av.c{background:#c49a3c80}.sb-user .meta{flex:1;overflow:hidden}.sb-user .uname{font-size:var(--fs-base);color:#ffffff73;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-user .urole{font-size:var(--fs-3xs);color:#c49a3cb3;letter-spacing:.1em;text-transform:uppercase}.sb-user .out{margin-left:auto;font-size:var(--fs-sm);color:#ffffff26;cursor:pointer;transition:color .2s;padding:4px}.sb-user .out:hover{color:var(--so)}.sb-footer{padding:10px 20px;display:flex;align-items:center;gap:8px}.sb-footer .dot{width:6px;height:6px;background:var(--green2);border-radius:50%;box-shadow:0 0 6px #2d5a3d66;animation:pulse 2.5s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 6px #2d5a3d66}50%{box-shadow:0 0 14px #2d5a3d99}}.sb-footer .lbl{font-size:var(--fs-base);color:#ffffff73;letter-spacing:.1em;text-transform:uppercase}.sb-footer .ver{margin-left:auto;font-size:var(--fs-3xs);color:#ffffff4d}.main{margin-left:var(--sidebar-w);flex:1;padding:var(--sp-11) var(--sp-12) var(--sp-20);min-height:100vh;transition:margin-left var(--dur-slow) var(--ease-out)}.sidebar.collapsed~.main{margin-left:var(--sidebar-collapsed)}.top-bar{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:var(--sp-10);flex-wrap:wrap;gap:var(--sp-7)}.top-r{display:flex;align-items:center;gap:var(--sp-4);flex-shrink:0}.rbtn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--btn-py-md) var(--btn-px-md);border:var(--bw-thick) solid var(--border);background:var(--bg-card);font-family:var(--ff-sans);font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--brown);cursor:pointer;transition:all var(--dur-base) var(--ease-in-out);line-height:1;box-sizing:border-box;border-radius:var(--radius-none);white-space:nowrap}.rbtn:hover{border-color:var(--green);color:var(--green);background:#2d5a3d05}.br-select{padding:var(--btn-py-md) var(--sp-6);border:var(--bw-thick) solid var(--border);font-family:var(--ff-sans);font-size:var(--fs-base);color:var(--text);background:var(--bg-card);outline:none;cursor:pointer;transition:border-color var(--dur-base) var(--ease-in-out);-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--radius-none);line-height:1}.br-select:focus{border-color:var(--green)}.os{background:var(--bg-card);border:var(--bw-thin) solid var(--border);overflow:hidden}.oh{padding:var(--sp-8) var(--sp-10);border-bottom:var(--bw-thin) solid var(--border2);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-6);flex-wrap:wrap}.oh h3{font-family:var(--ff-display);font-size:var(--fs-lg);font-weight:var(--fw-regular);color:var(--brown);line-height:var(--lh-snug)}.oh h3 em{font-style:italic;color:var(--green)}.oh-tools{display:flex;align-items:center;gap:var(--sp-4)}.sb2{display:flex;align-items:center;gap:var(--sp-3);border:var(--bw-thick) solid var(--border);background:var(--bg-card);padding:var(--sp-3) var(--sp-5);width:200px;transition:border-color var(--dur-base) var(--ease-in-out)}.sb2:focus-within{border-color:var(--green)}.sb2 .ic{color:var(--muted);font-size:13px;flex-shrink:0}.sb2 input{border:none;outline:none;font-family:var(--ff-sans);font-size:var(--fs-base);color:var(--text);width:100%;background:transparent}.sb2 input::placeholder{color:#7a62484d}.ots{display:flex;border-bottom:var(--bw-thin) solid var(--border2);overflow-x:auto}.ot{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-6) var(--sp-9);font-family:var(--ff-sans);font-size:var(--fs-base);font-weight:var(--fw-regular);color:var(--muted);cursor:pointer;border-bottom:var(--bw-heavy) solid transparent;transition:all var(--dur-base) var(--ease-in-out);white-space:nowrap;flex-shrink:0;line-height:var(--lh-normal)}.ot:hover{color:var(--brown)}.ot.active{color:var(--brown);border-bottom-color:var(--gold);font-weight:var(--fw-semibold)}.ot .ct{font-family:var(--ff-display);font-size:var(--fs-xl);font-weight:var(--fw-semibold);line-height:1}.ot .lb{font-size:var(--fs-base)}.ot .dot{width:6px;height:6px;border-radius:var(--radius-full);flex-shrink:0}.placeholder-page{padding:var(--sp-20) 0;text-align:center}.placeholder-page .ph-icon{font-size:48px;opacity:.05;margin-bottom:var(--sp-6)}.placeholder-page h3{font-family:var(--ff-display);font-size:var(--fs-2xl);font-weight:var(--fw-light);font-style:italic;color:var(--muted);margin-bottom:var(--sp-4)}.placeholder-page p{font-family:var(--ff-sans);font-size:var(--fs-sm);color:var(--muted);font-weight:var(--fw-light);max-width:320px;margin:0 auto;line-height:var(--lh-relaxed)}.mobile-hamburger{display:none;position:fixed;top:var(--sp-6);left:var(--sp-6);z-index:var(--z-sidebar);width:36px;height:36px;border:var(--bw-thin) solid var(--border);background:var(--bg-card);cursor:pointer;align-items:center;justify-content:center;font-size:var(--fs-lg);color:var(--brown);box-shadow:var(--shadow-sm)}.mobile-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#1c10064d;z-index:var(--z-overlay)}.mobile-overlay.show{display:block}.tfs{display:flex;gap:var(--sp-1);margin-top:var(--sp-6);flex-wrap:wrap;align-items:center}.tfs-inline .tfs{flex-wrap:nowrap;margin-top:0;overflow-x:auto;scrollbar-width:none}.tfs-inline .tfs::-webkit-scrollbar{display:none}.tf{padding:var(--btn-py-md) var(--btn-px-md);border:none;background:transparent;font-family:var(--ff-sans);font-size:var(--fs-base);font-weight:var(--fw-medium);color:var(--muted);cursor:pointer;transition:all var(--dur-base) var(--ease-in-out);letter-spacing:var(--ls-normal);white-space:nowrap;line-height:1}.tf:hover{color:var(--brown);background:var(--ivory2)}.tf.active{background:var(--green);color:#fff;font-weight:var(--fw-semibold)}.tf-divider{width:1px;height:var(--sp-8);background:var(--border);margin:0 var(--sp-2);flex-shrink:0}.tf-custom{position:relative;display:flex;align-items:center;gap:var(--sp-2)}.tf-custom .tf-caret{font-size:8px;opacity:.6;transition:transform var(--dur-base) var(--ease-in-out)}.tf-custom.open .tf-caret{transform:rotate(180deg)}.tf-custom.has-range{border-bottom:var(--bw-heavy) solid var(--gold);padding-bottom:5px}.tf-custom.has-range .tf-range-label{font-size:var(--fs-3xs);color:var(--gold);font-weight:var(--fw-semibold);margin-left:var(--sp-1)}.dp-dropdown{position:absolute;top:calc(100% + 6px);left:0;z-index:var(--z-sticky);background:var(--bg-card);border:var(--bw-thin) solid var(--border);box-shadow:var(--shadow-lg);padding:0;min-width:340px;display:none;opacity:0;transform:translateY(-4px);transition:opacity var(--dur-base),transform var(--dur-base)}.dp-dropdown.open{display:block;opacity:1;transform:translateY(0)}.dp-head{padding:var(--sp-7) var(--sp-9) var(--sp-5);border-bottom:var(--bw-thin) solid var(--border2);display:flex;align-items:center;justify-content:space-between}.dp-head-title{font-family:var(--ff-display);font-size:var(--fs-md);font-weight:var(--fw-regular);color:var(--brown)}.dp-head-title em{font-style:italic;color:var(--green)}.dp-close-btn{background:none;border:var(--bw-thin) solid var(--border);padding:var(--sp-1) var(--sp-4);cursor:pointer;color:var(--muted);font-size:var(--fs-sm);transition:color var(--dur-base) var(--ease-in-out)}.dp-close-btn:hover{color:var(--brown)}.dp-presets{padding:var(--sp-6) var(--sp-9);border-bottom:var(--bw-thin) solid var(--border2)}.dp-presets-label{font-size:var(--fs-3xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--muted);margin-bottom:var(--sp-4)}.dp-preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2)}.dp-preset{padding:var(--sp-4) var(--sp-5);border:var(--bw-thin) solid var(--border);background:var(--bg-card);font-family:var(--ff-sans);font-size:var(--fs-base);color:var(--muted);cursor:pointer;transition:all var(--dur-base) var(--ease-in-out);text-align:left}.dp-preset:hover{border-color:#2c1a0e40;color:var(--brown);background:var(--ivory2)}.dp-preset.active{border-color:var(--green);color:var(--green);background:#2d5a3d0a;font-weight:var(--fw-semibold)}.dp-custom-section{padding:var(--sp-7) var(--sp-9)}.dp-custom-label{font-size:var(--fs-3xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--muted);margin-bottom:var(--sp-4)}.dp-custom-row{display:flex;gap:var(--sp-5);align-items:flex-end}.dp-custom-field{flex:1}.dp-custom-field label{display:block;font-size:var(--fs-base);font-weight:var(--fw-semibold);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--muted);margin-bottom:var(--sp-2)}.dp-custom-field input[type=date]{width:100%;padding:var(--sp-4) var(--sp-5);border:var(--bw-thick) solid var(--border);font-family:var(--ff-sans);font-size:var(--fs-base);color:var(--text);background:var(--bg-card);outline:none;transition:border-color var(--dur-base) var(--ease-in-out)}.dp-custom-field input[type=date]:focus{border-color:var(--green)}.dp-apply{padding:var(--btn-py-md) var(--sp-8);border:none;background:var(--green);color:#fff;font-family:var(--ff-sans);font-size:var(--fs-base);font-weight:var(--fw-semibold);letter-spacing:var(--ls-wide);text-transform:uppercase;cursor:pointer;transition:background var(--dur-base) var(--ease-in-out);flex-shrink:0;height:var(--btn-h-lg);line-height:1}.dp-apply:hover{background:var(--green2)}.dp-apply:disabled{opacity:.4;cursor:not-allowed}.dp-footer{padding:var(--sp-5) var(--sp-9);border-top:var(--bw-thin) solid var(--border2);display:flex;align-items:center;justify-content:space-between}.dp-footer-hint{font-family:var(--ff-sans);font-size:var(--fs-base);color:var(--muted);font-style:italic}.dp-clear{background:none;border:none;font-family:var(--ff-sans);font-size:var(--fs-base);color:var(--so);cursor:pointer;font-weight:var(--fw-semibold);letter-spacing:var(--ls-normal);text-transform:uppercase}.dp-clear:hover{text-decoration:underline}.tf-bar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:var(--sp-8)}.tf-btn{height:var(--btn-h-md);padding:0 var(--btn-px-md);border:var(--bw-thin) solid var(--border);border-radius:var(--radius-none);background:var(--bg-card);font-family:var(--ff-sans);font-size:var(--fs-base);color:var(--text);cursor:pointer;transition:all var(--dur-fast) var(--ease-in-out);white-space:nowrap;line-height:1}.tf-btn:hover{background:var(--ivory2)}.tf-btn.active{background:var(--green);color:#fff;border-color:var(--green);font-weight:var(--fw-medium)}.tf-select{height:var(--btn-h-md);padding:0 var(--sp-5);border:var(--bw-thin) solid var(--border);border-radius:var(--radius-none);background:var(--bg-card);font-family:var(--ff-sans);font-size:var(--fs-base);color:var(--text);cursor:pointer}.tf-date-input{height:var(--btn-h-md);padding:0 var(--sp-5);border:var(--bw-thin) solid var(--border);border-radius:var(--radius-none);font-family:var(--ff-sans);font-size:var(--fs-base);color:var(--text)}.otw{overflow-x:auto}.ort{width:100%;border-collapse:collapse}.ort thead tr{border-bottom:var(--bw-thin) solid var(--border);background:var(--ivory)}.ort thead th{padding:var(--sp-5) var(--sp-8);font-family:var(--ff-sans);font-size:var(--fs-base);font-weight:var(--fw-bold);letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--muted);text-align:left;white-space:nowrap;line-height:var(--lh-normal)}.ort tbody tr{border-bottom:var(--bw-thin) solid var(--border2);transition:background var(--dur-fast) var(--ease-in-out)}.ort tbody tr:hover{background:#faf6ef99}.ort tbody td{padding:var(--sp-6) var(--sp-8);vertical-align:top;font-family:var(--ff-sans);font-size:var(--fs-base);line-height:var(--lh-normal)}.tc{display:flex;flex-direction:column;gap:var(--sp-1)}.tr2{font-family:var(--ff-mono);font-size:var(--fs-sm);color:var(--muted)}.te{font-family:var(--ff-sans);font-size:var(--fs-2xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-wide);text-transform:uppercase;padding:1px 5px}.te.stb-new{background:var(--snb);color:var(--sn)}.te.stb-prep{background:var(--spb);color:var(--sp)}.te.stb-done{background:var(--sdb);color:var(--sd)}.te.stb-preset{background:var(--swb);color:var(--sw)}.oid{font-family:var(--ff-display);font-size:var(--fs-md);font-weight:var(--fw-semibold);color:var(--brown);cursor:pointer}.oid:hover{color:var(--green)}.bt{font-family:var(--ff-sans);font-size:var(--fs-2xs);color:var(--muted);letter-spacing:var(--ls-normal)}.cn{font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--brown)}.cp{font-size:var(--fs-base);color:var(--gold);margin-top:var(--sp-1)}.ca{font-size:var(--fs-base);color:var(--muted);margin-top:1px;font-style:italic;max-width:180px}.oi{min-width:200px}.ii{display:flex;gap:var(--sp-3);margin-bottom:var(--sp-1);font-size:var(--fs-base)}.ii:last-child{margin-bottom:0}.iq{color:var(--muted);flex-shrink:0}.in_{color:var(--brown);flex:1}.ip{color:var(--green);font-weight:var(--fw-semibold);flex-shrink:0;margin-left:auto}.mc{min-width:120px}.ms{font-size:var(--fs-base);color:var(--muted)}.mv{font-size:var(--fs-base);color:var(--muted);margin-top:var(--sp-1)}.mt{font-family:var(--ff-display);font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--green);margin-top:var(--sp-1)}.stb{display:inline-flex;align-items:center;gap:5px;font-family:var(--ff-sans);font-size:var(--fs-sm);font-weight:var(--fw-bold);padding:var(--sp-2) var(--sp-5);letter-spacing:var(--ls-wide);text-transform:uppercase;white-space:nowrap}.stb-new{background:var(--snb);color:var(--sn)}.stb-prep{background:var(--spb);color:var(--sp)}.stb-done{background:var(--sdb);color:var(--sd)}.stb-preset{background:var(--swb);color:var(--sw)}.stb-ship{background:var(--shipb);color:var(--ship)}.stb-transit{background:var(--ahab);color:var(--aha)}.stb-assigning{background:var(--snb);color:var(--sn)}.oa{display:flex;gap:var(--sp-2);flex-wrap:wrap;align-items:center;min-width:280px}.ab{padding:var(--sp-3) var(--sp-5);border:var(--bw-thick) solid var(--border);background:var(--bg-card);font-family:var(--ff-sans);font-size:var(--fs-xs);font-weight:var(--fw-semibold);cursor:pointer;transition:all var(--dur-base) var(--ease-in-out);letter-spacing:var(--ls-tight);white-space:nowrap;line-height:1}.ab-wrap{display:flex;flex-wrap:wrap;gap:var(--sp-2);min-width:260px}.ab:hover{border-color:var(--green);color:var(--green)}.ab-prep:hover{border-color:var(--sp);color:var(--sp)}.ab-done{border-color:#2d5a3d40;color:var(--green)}.ab-done:hover{background:var(--green);color:#fff}.ab-ship{border-color:#0f6e5633;color:var(--aha)}.ab-ship:hover{background:var(--aha);color:#fff}.ab-detail{color:var(--muted);font-size:var(--fs-base)}#paging{display:flex;align-items:center;justify-content:space-between;font-family:var(--ff-sans);font-size:var(--fs-base);color:var(--muted);padding:var(--sp-5) var(--sp-8)}.paging-btns{display:flex;gap:var(--sp-2)}.pg-btn{padding:var(--sp-3) var(--sp-5);border:var(--bw-thin) solid var(--border);background:var(--bg-card);font-family:var(--ff-sans);font-size:var(--fs-base);color:var(--muted);cursor:pointer;transition:all var(--dur-fast) var(--ease-in-out);min-width:var(--btn-h-md);line-height:1}.pg-btn:hover:not(:disabled){border-color:var(--green);color:var(--green)}.pg-btn.active{background:var(--green);color:#fff;border-color:var(--green);font-weight:var(--fw-semibold)}.pg-btn:disabled{opacity:.35;cursor:not-allowed}.chk{width:14px;height:14px;cursor:pointer;accent-color:var(--green);margin-right:var(--sp-4)}.sg{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-1);margin-bottom:var(--sp-7)}.sc{background:var(--bg-card);border:var(--bw-thin) solid var(--border);padding:var(--card-p-lg);position:relative;overflow:hidden;transition:border-color var(--dur-base) var(--ease-in-out),box-shadow var(--dur-base) var(--ease-in-out)}.sc:hover{border-color:#2c1a0e24;box-shadow:var(--shadow-sm)}.sc:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gold);opacity:.4}.sc-label{font-family:var(--ff-sans);font-size:var(--fs-base);font-weight:var(--fw-bold);letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--muted);margin-bottom:var(--sp-5);line-height:var(--lh-normal)}.sc-val{font-family:var(--ff-display);font-size:var(--fs-stat);font-weight:var(--fw-light);color:var(--brown);line-height:var(--lh-tight);letter-spacing:var(--ls-tighter);margin-bottom:var(--sp-3)}.sc-sub{font-family:var(--ff-sans);font-size:var(--fs-sm);color:var(--muted);font-weight:var(--fw-regular);line-height:var(--lh-normal)}.sc-delta{font-family:var(--ff-sans);font-size:var(--fs-sm);font-weight:var(--fw-semibold);margin-top:var(--sp-3)}.sc-delta.pos{color:var(--green)}.sc-delta.neg{color:var(--so)}.sc-icon{position:absolute;bottom:var(--sp-6);right:var(--sp-7);font-size:28px;opacity:.04}.sg-compact .sc{padding:var(--card-p-sm)}.sg-compact .sc-label{font-size:var(--fs-2xs);margin-bottom:var(--sp-3);letter-spacing:var(--ls-wider)}.sg-compact .sc-val{font-size:clamp(1.25rem,2.1vw,1.7rem);margin-bottom:var(--sp-2)}.sg-compact .sc-sub{font-size:var(--fs-xs);line-height:var(--lh-normal)}.modal-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#1c100659;z-index:300;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-overlay.show{display:block}.modal{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:380px;background:var(--bg-card);border:1px solid var(--border);padding:28px 28px 24px;z-index:301;box-shadow:0 24px 64px #2c1a0e2e}.modal.show{display:block}.modal-title{font-family:var(--ff-display);font-size:var(--fs-2xl);font-weight:400;color:var(--brown);margin-bottom:10px}.modal-msg{font-size:.8rem;color:var(--muted);line-height:1.6;margin-bottom:20px}.modal-actions{display:flex;gap:8px;justify-content:flex-end}.modal-cancel{padding:9px 18px;border:1.5px solid var(--border);background:var(--bg-card);font-family:var(--ff-sans);font-size:var(--fs-xs);font-weight:600;color:var(--muted);cursor:pointer;letter-spacing:.04em;text-transform:uppercase;transition:all .2s}.modal-cancel:hover{border-color:var(--brown);color:var(--brown)}.modal-confirm{padding:9px 18px;border:none;background:var(--green);font-family:var(--ff-sans);font-size:var(--fs-xs);font-weight:600;color:#fff;cursor:pointer;letter-spacing:.04em;text-transform:uppercase;transition:background .2s}.modal-confirm:hover{background:var(--green2)}.modal-confirm.danger{background:var(--so)}.modal-confirm.danger:hover{background:#8a1a1a}.modal-lg-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#1c10078c;z-index:1000}.modal-lg-overlay.show{display:flex;align-items:center;justify-content:center}.modal-lg{background:var(--ivory);border:1px solid var(--border);width:90vw;max-width:760px;max-height:88vh;overflow-y:auto;position:relative;box-shadow:0 8px 40px #0000002e}.modal-lg-head{display:flex;align-items:center;justify-content:space-between;padding:14px 20px 10px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--ivory);z-index:1}.modal-lg-title{font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--green);margin-bottom:4px}.modal-lg-title h2{font-family:var(--ff-display);font-size:var(--fs-2xl);font-weight:400;color:var(--text);margin:0;line-height:1.2;text-transform:none;letter-spacing:0}.modal-lg-close{background:none;border:none;cursor:pointer;font-size:var(--fs-xl);color:var(--muted);line-height:1;padding:0 4px}.modal-lg-body{padding:16px 20px 20px}.toast{position:fixed;bottom:24px;right:24px;padding:12px 20px;font-size:var(--fs-sm);font-weight:500;color:#fff;background:var(--green);border-left:3px solid rgba(255,255,255,.3);opacity:0;transform:translateY(8px);transition:all .3s;pointer-events:none;z-index:9999;max-width:360px}.toast.show{opacity:1;transform:translateY(0);pointer-events:auto}.toast.err{background:var(--so)}.toast .toast-close{position:absolute;top:4px;right:8px;background:none;border:none;color:#fff9;cursor:pointer;font-size:var(--fs-xs)}.toast .undo-btn{background:#fff3;border:none;color:#fff;padding:3px 8px;font-family:var(--ff-sans);font-size:var(--fs-2xs);font-weight:600;cursor:pointer;margin-left:8px;text-transform:uppercase;letter-spacing:.04em}.toast .undo-btn:hover{background:#ffffff59}.od-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#1c100633;z-index:199}.od-overlay.show{display:block}.od-drawer{position:fixed;top:0;right:-520px;bottom:0;width:520px;background:var(--ivory);border-left:1px solid var(--border);z-index:200;overflow-y:auto;box-shadow:-8px 0 40px #2c1a0e1a;transition:right .35s cubic-bezier(.23,1,.32,1)}.od-drawer.open{right:0}.od-head{padding:18px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--bg-card)}.od-head-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.od-id{font-family:var(--ff-display);font-size:var(--fs-2xl);font-weight:300;color:var(--brown)}.od-close{background:none;border:1px solid var(--border);padding:4px 10px;cursor:pointer;color:var(--muted);font-size:var(--fs-sm);transition:all .2s;flex-shrink:0}.od-close:hover{color:var(--brown);border-color:#2c1a0e40}.od-cust{padding:16px 24px;border-bottom:1px solid var(--border2);display:flex;gap:14px;align-items:flex-start;background:var(--bg-card)}.od-cust-av{width:40px;height:40px;border-radius:50%;background:var(--snb);display:flex;align-items:center;justify-content:center;font-family:var(--ff-display);font-size:var(--fs-lg);font-weight:600;color:var(--gold);flex-shrink:0}.od-cust-info{flex:1}.od-cust-name{font-size:var(--fs-base);font-weight:600;color:var(--brown)}.od-cust-phone{font-size:var(--fs-base);color:var(--gold);margin-top:2px}.od-cust-addr{font-size:var(--fs-base);color:var(--muted);font-style:italic;margin-top:2px}.od-meta{text-align:right;flex-shrink:0}.od-time{font-size:var(--fs-base);color:var(--muted);font-family:monospace}.od-branch{font-size:var(--fs-3xs);color:var(--muted);margin-top:4px;letter-spacing:.06em;text-transform:uppercase}.od-items{padding:16px 24px;border-bottom:1px solid var(--border2)}.od-items-label{font-size:var(--fs-base);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.od-item{display:flex;gap:10px;align-items:baseline;padding:5px 0;border-bottom:1px solid var(--border2)}.od-item:last-child{border-bottom:none}.od-item-qty{font-size:var(--fs-base);color:var(--muted);width:24px;flex-shrink:0}.od-item-name{flex:1;font-size:var(--fs-base);color:var(--brown)}.od-item-price{font-size:var(--fs-base);font-weight:600;color:var(--green);flex-shrink:0}.od-note{margin-top:10px;font-size:var(--fs-base);color:var(--muted);font-style:italic;display:flex;gap:6px}.od-totals{padding:14px 24px;border-bottom:1px solid var(--border2);background:var(--ivory2)}.od-total-row{display:flex;justify-content:space-between;font-size:var(--fs-base);color:var(--muted);padding:3px 0}.od-grand{font-family:var(--ff-display);font-size:var(--fs-xl);font-weight:600;color:var(--green)!important;padding-top:8px!important;border-top:1px solid var(--border);margin-top:4px}.od-ship-status{padding:12px 24px;border-bottom:1px solid var(--border2);background:var(--ahab)}.od-actions{padding:16px 24px;display:flex;gap:8px;flex-wrap:wrap}.od-btn{padding:9px 16px;border:1.5px solid var(--border);background:var(--bg-card);font-family:var(--ff-sans);font-size:var(--fs-base);font-weight:600;cursor:pointer;transition:all .2s;letter-spacing:.04em;text-transform:uppercase}.od-btn:hover{border-color:var(--green);color:var(--green)}.od-btn-prep{color:var(--sp);border-color:#5b6abf4d}.od-btn-prep:hover{border-color:var(--sp);background:var(--spb)}.od-btn-done{background:var(--green);color:#fff;border-color:var(--green)}.od-btn-done:hover{background:var(--green2)}.od-btn-ship{color:var(--aha);border-color:#0f6e564d}.od-btn-ship:hover{background:var(--aha);color:#fff;border-color:var(--aha)}.od-btn-print{color:var(--muted)}.od-btn-del{color:var(--so);border-color:#b4202033}.od-btn-del:hover{background:var(--sob);border-color:var(--so)}.aha-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#1c100633;z-index:199}.aha-overlay.show{display:block}.aha-drawer{position:fixed;top:0;right:-400px;bottom:0;width:400px;background:var(--ivory);border-left:1px solid var(--border);z-index:200;overflow-y:auto;box-shadow:-8px 0 40px #2c1a0e1a;transition:right .35s cubic-bezier(.23,1,.32,1)}.aha-drawer.open{right:0}.aha-head{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--aha)}.aha-head-title{display:flex;align-items:center;gap:8px;font-size:var(--fs-base);font-weight:600;color:#fff;letter-spacing:.06em}.aha-logo{font-size:var(--fs-lg)}.aha-close{background:#ffffff26;border:none;color:#fff;padding:4px 10px;cursor:pointer;font-size:var(--fs-sm);transition:background .2s}.aha-close:hover{background:#ffffff40}.aha-body{padding:20px}.aha-order-info{background:var(--bg-card);border:1px solid var(--border);padding:14px 16px;margin-bottom:16px}.aha-order-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:10px}.aha-order-id{font-family:var(--ff-display);font-size:var(--fs-2xl);font-weight:300;color:var(--brown)}.aha-badge{font-size:var(--fs-base);font-weight:700;padding:3px 10px;letter-spacing:.06em;text-transform:uppercase}.aha-badge-pending{background:var(--ivory2);color:var(--muted)}.aha-badge-assigning{background:var(--snb);color:var(--sn)}.aha-badge-accepted{background:var(--shipb);color:var(--ship)}.aha-badge-transit{background:var(--ahab);color:var(--aha)}.aha-badge-done{background:var(--sdb);color:var(--sd)}.aha-cust{display:flex;align-items:center;gap:10px}.aha-cust-avatar{width:32px;height:32px;border-radius:50%;background:var(--snb);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--gold);font-size:var(--fs-base);flex-shrink:0}.aha-cust-name{font-size:var(--fs-base);font-weight:600;color:var(--brown)}.aha-cust-addr{font-size:var(--fs-base);color:var(--muted);font-style:italic;margin-top:2px}.aha-section-label{font-size:var(--fs-base);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.aha-fee-options{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:14px}.aha-fee-opt{padding:10px;border:1.5px solid var(--border);background:var(--bg-card);cursor:pointer;transition:all .2s;text-align:left}.aha-fee-opt:hover{border-color:var(--aha)}.aha-fee-opt.selected{border-color:var(--aha);background:var(--ahab)}.aha-fee-dist{display:block;font-size:var(--fs-base);color:var(--muted);margin-bottom:4px}.aha-fee-price{font-family:var(--ff-display);font-size:var(--fs-xl);font-weight:600;color:var(--aha)}.aha-fee-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--border2);font-size:var(--fs-base)}.aha-fee-row:last-child{border-bottom:none}.fee-label{color:var(--muted)}.fee-val{font-weight:600;color:var(--brown)}.aha-green{color:var(--aha)!important}.aha-assigning-anim{display:flex;flex-direction:column;align-items:center;padding:20px;gap:10px}.aha-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--aha);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.aha-assigning-text{font-size:var(--fs-base);color:var(--muted);font-style:italic}.aha-driver{background:var(--bg-card);border:1px solid var(--border);padding:12px 14px;margin:14px 0;display:flex;gap:12px;align-items:center}.aha-driver-avatar{font-size:24px;flex-shrink:0}.aha-driver-name{font-size:var(--fs-base);font-weight:600;color:var(--brown)}.aha-driver-plate{font-size:var(--fs-base);color:var(--muted);margin-top:2px}.aha-driver-phone{font-size:var(--fs-base);color:var(--gold);margin-top:2px}.aha-track-link{margin-left:auto;font-size:var(--fs-base);font-weight:600;color:var(--aha);cursor:pointer;text-decoration:underline;flex-shrink:0}.aha-timeline{margin:14px 0}.aha-tl-item{display:flex;gap:12px;padding:8px 0;border-bottom:1px solid var(--border2);align-items:flex-start}.aha-tl-item:last-child{border-bottom:none}.aha-tl-time{font-size:var(--fs-base);color:var(--muted);font-family:monospace;width:50px;flex-shrink:0}.aha-tl-text{font-size:var(--fs-base);color:var(--muted)}.aha-tl-item.done .aha-tl-time{color:var(--aha)}.aha-tl-item.done .aha-tl-text{color:var(--brown);font-weight:500}.aha-tl-item.active .aha-tl-text{color:var(--ship);font-weight:600}.aha-tl-text.pending{color:#7a624866}.aha-delivered-summary{text-align:center;padding:20px;background:var(--sdb);margin:14px 0}.aha-delivered-icon{font-size:var(--fs-4xl);color:var(--green);margin-bottom:6px}.aha-delivered-text{font-size:var(--fs-base);font-weight:600;color:var(--green)}.aha-delivered-time{font-size:var(--fs-base);color:var(--muted);margin-top:4px}.aha-actions{display:flex;gap:8px;margin-top:20px}.aha-btn{flex:1;padding:10px;border:1.5px solid var(--border);background:var(--bg-card);font-family:var(--ff-sans);font-size:var(--fs-base);font-weight:600;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.04em}.aha-btn-primary{background:var(--aha);color:#fff;border-color:var(--aha)}.aha-btn-primary:hover{background:var(--aha2)}.aha-btn-secondary:hover{border-color:var(--brown);color:var(--brown)}.aha-btn-danger{color:var(--so);border-color:#b420204d}.aha-btn-danger:hover{background:var(--sob);border-color:var(--so)}.cust-drawer-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#1c100633;z-index:199}.cust-drawer-overlay.show{display:block}.cust-drawer{position:fixed;top:0;right:-480px;bottom:0;width:480px;background:var(--ivory);border-left:1px solid var(--border);z-index:200;overflow-y:auto;box-shadow:-8px 0 40px #2c1a0e1a;transition:right .35s cubic-bezier(.23,1,.32,1)}.cust-drawer.open{right:0}.cust-dh{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;background:var(--bg-card)}.cust-dh-av{width:48px;height:48px;border-radius:50%;background:var(--snb);display:flex;align-items:center;justify-content:center;font-family:var(--ff-display);font-size:var(--fs-xl);font-weight:600;color:var(--gold);flex-shrink:0}.cust-dh-name{font-family:var(--ff-display);font-size:var(--fs-2xl);font-weight:400;color:var(--brown)}.cust-dh-phone{font-size:var(--fs-base);color:var(--gold);font-weight:500;margin-top:2px}.cust-dh-addr{font-size:var(--fs-base);color:var(--muted);font-style:italic;margin-top:2px}.cust-d-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2px;padding:16px 24px;background:var(--ivory2)}.cust-d-stat{text-align:center;padding:8px}.cust-d-stat-val{font-family:var(--ff-display);font-size:var(--fs-2xl);font-weight:600;color:var(--brown)}.cust-d-stat-lbl{font-size:var(--fs-base);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:2px}.cust-d-orders{padding:16px 24px}.cust-d-order{padding:10px 0;border-bottom:1px solid var(--border2);display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.cust-d-order:last-child{border-bottom:none}.cust-d-o-date{font-size:var(--fs-base);color:var(--muted);white-space:nowrap}.cust-d-o-items{flex:1;font-size:var(--fs-base);color:var(--brown);line-height:1.5}.cust-d-o-total{font-family:var(--ff-display);font-size:var(--fs-base);font-weight:600;color:var(--green);white-space:nowrap}.cust-fav-items{padding:0 24px 16px}.cust-fav-item{display:flex;align-items:center;justify-content:space-between;padding:6px 0;font-size:var(--fs-base)}.cust-fav-bar{height:4px;background:var(--green);border-radius:0;margin-top:2px}.od-note-structured{margin:8px 0 0;display:flex;flex-direction:column;gap:1px}.od-note-section{background:var(--ivory2);border-left:2px solid var(--gold);padding:7px 10px}.od-note-section-title{font-size:var(--fs-base);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}.od-note-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:2px 0;border-bottom:1px solid var(--border)}.od-note-row:last-child{border-bottom:none}.od-note-part-label{font-size:var(--fs-base);color:var(--muted);font-weight:400;font-family:var(--ff-sans);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60%}.od-note-part-sauce{font-size:var(--fs-base);color:var(--brown);font-weight:700;white-space:nowrap;font-family:var(--ff-sans)}.od-note-topping-list{display:flex;flex-wrap:wrap;gap:4px;margin-top:1px}.od-note-topping-tag{font-size:var(--fs-base);font-weight:600;letter-spacing:.04em;color:var(--brown2);background:var(--ivory);border:1px solid var(--border);padding:1px 6px;font-family:var(--ff-sans)}.rev-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}@media (max-width: 900px){.rev-grid{grid-template-columns:1fr}}.rev-card{background:var(--bg-card);border:1px solid var(--border);border-radius:0;padding:20px 24px;margin-top:16px}.rev-card h3{font-family:var(--ff-display);font-size:var(--fs-lg);font-weight:400;color:var(--brown);margin-bottom:2px}.rev-card h3 em{font-style:italic;color:var(--green)}.rdesc{font-size:var(--fs-base);color:var(--muted);font-style:italic;margin-bottom:14px}.rev-bars{display:flex;align-items:flex-end;gap:6px;height:160px;padding-top:20px}.rev-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;position:relative}.rev-bar-val{font-size:.55rem;color:var(--muted);white-space:nowrap;text-align:center}.rev-bar{width:100%;background:var(--green);border-radius:2px 2px 0 0;min-height:4px}.rev-bar-label{font-size:.55rem;color:var(--muted);white-space:nowrap}.rev-bar-sub{font-size:.5rem;color:var(--muted)}.rev-hbars{display:flex;flex-direction:column;gap:10px}.rev-hbar-row{display:grid;grid-template-columns:110px 1fr 40px;align-items:center;gap:8px}.rev-hbar-label{font-size:var(--fs-sm);color:var(--text)}.rev-hbar-track{height:8px;background:var(--border2);border-radius:0;overflow:hidden}.rev-hbar-fill{height:100%;border-radius:4px}.rev-hbar-pct{font-size:var(--fs-sm);color:var(--muted);text-align:right}.rev-branch-rows{display:flex;flex-direction:column;gap:16px}.rev-branch-name{font-size:var(--fs-sm);font-weight:500;color:var(--text);margin-bottom:5px}.rev-branch-track{position:relative;height:8px;background:var(--border2);border-radius:4px}.rev-branch-bar{height:100%;background:var(--green);border-radius:4px}.rev-branch-target{position:absolute;top:-3px;width:2px;height:14px;background:var(--gold);border-radius:1px}.rev-branch-meta{display:flex;justify-content:space-between;margin-top:4px;font-size:var(--fs-sm);color:var(--muted)}.rev-cat-rows{display:flex;flex-direction:column;gap:10px}.rev-cat-row{display:grid;grid-template-columns:10px 130px 1fr 36px;align-items:center;gap:8px}.rev-cat-dot{width:8px;height:8px;border-radius:50%}.rev-cat-name{font-size:var(--fs-sm);color:var(--text)}.rev-cat-track{height:7px;background:var(--border2);border-radius:0;overflow:hidden}.rev-cat-fill{height:100%;border-radius:4px}.rev-cat-pct{font-size:var(--fs-sm);color:var(--muted);text-align:right}.rev-empty{text-align:center;color:var(--muted);font-size:var(--fs-sm);padding:32px 0}.rev-top-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm);margin-top:8px}.rev-top-table th{font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:500;padding:8px 0;border-bottom:1px solid var(--border);text-align:left;font-family:var(--ff-sans)}.rev-top-table td{padding:10px 0;border-bottom:1px solid var(--border2);color:var(--text)}.rev-top-table tr:last-child td{border-bottom:none}.rev-top-idx{color:var(--muted);width:32px}.cust-seg{display:inline-flex;align-items:center;gap:3px;font-size:.62rem;font-weight:700;padding:2px 8px;letter-spacing:.04em;text-transform:uppercase}.seg-vip{background:var(--snb);color:var(--gold)}.seg-repeat{background:var(--green3);color:var(--green)}.seg-new{background:var(--ivory2);color:var(--muted)}.seg-churn{background:var(--sob);color:var(--so)}.ret-grid{display:grid;grid-template-columns:2fr 1fr;gap:14px}.ret-card{background:var(--bg-card);border:1px solid var(--border);padding:20px;overflow:hidden}.ret-card h3{font-family:var(--ff-display);font-size:var(--fs-lg);font-weight:400;color:var(--brown);margin-bottom:2px}.ret-card h3 em{font-style:italic;color:var(--green)}.ret-card .rdesc{font-size:var(--fs-2xs);color:var(--muted);font-style:italic;margin-bottom:14px}.cohort-grid{display:grid;gap:2px;font-size:.65rem}.cohort-header{font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;padding:4px 6px;text-align:center}.cohort-label{padding:4px 6px;font-weight:600;color:var(--brown);white-space:nowrap;font-size:.62rem}.cohort-cell{padding:5px;text-align:center;font-weight:600;font-size:.65rem;transition:opacity .15s}.cohort-cell:hover{opacity:.8}.funnel-stage{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border2)}.funnel-stage:last-child{border-bottom:none}.funnel-bar-wrap{flex:1;height:28px;background:var(--ivory2);position:relative;overflow:hidden}.funnel-bar{height:100%;background:var(--green);transition:width .6s cubic-bezier(.23,1,.32,1);display:flex;align-items:center;justify-content:flex-end;padding-right:8px}.funnel-bar-text{font-size:var(--fs-2xs);font-weight:600;color:#fff;white-space:nowrap}.funnel-label{width:80px;font-size:var(--fs-xs);font-weight:500;color:var(--brown);flex-shrink:0}.funnel-pct{width:50px;font-family:var(--ff-display);font-size:var(--fs-lg);font-weight:600;color:var(--brown);text-align:right;flex-shrink:0}.funnel-drop{font-size:.62rem;color:var(--so);font-weight:600;width:60px;text-align:right;flex-shrink:0}.freq-bar-row{display:flex;align-items:flex-end;gap:3px;height:120px;padding-top:10px}.freq-bar{flex:1;border-radius:2px 2px 0 0;transition:height .4s;position:relative;min-height:4px}.freq-bar:hover{opacity:.8}.freq-bar-label{position:absolute;bottom:-16px;left:50%;transform:translate(-50%);font-size:.58rem;color:var(--muted);white-space:nowrap}.freq-bar-val{position:absolute;top:-14px;left:50%;transform:translate(-50%);font-size:var(--fs-3xs);font-weight:600;color:var(--brown)}.churn-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border2)}.churn-item:last-child{border-bottom:none}.churn-av{width:32px;height:32px;border-radius:50%;background:var(--sob);display:flex;align-items:center;justify-content:center;font-size:var(--fs-2xs);font-weight:700;color:var(--so);flex-shrink:0}.churn-info{flex:1}.churn-name{font-size:var(--fs-sm);font-weight:600;color:var(--brown)}.churn-detail{font-size:var(--fs-2xs);color:var(--muted)}.churn-ltv{font-family:var(--ff-display);font-size:.9rem;font-weight:600;color:var(--so);white-space:nowrap}.churn-action{padding:4px 10px;border:1px solid var(--green);background:var(--bg-card);font-family:var(--ff-sans);font-size:.62rem;font-weight:600;color:var(--green);cursor:pointer;text-transform:uppercase;letter-spacing:.04em;transition:all .2s;flex-shrink:0}.churn-action:hover{background:var(--green);color:#fff}.ret-curve{height:180px;display:flex;align-items:flex-end;gap:2px;position:relative;border-bottom:1px solid var(--border);border-left:1px solid var(--border);padding:0 0 0 4px}.ret-curve-bar{flex:1;border-radius:2px 2px 0 0;position:relative;transition:height .5s}.ret-curve-bar .rc-lbl{position:absolute;bottom:-16px;left:50%;transform:translate(-50%);font-size:.55rem;color:var(--muted);white-space:nowrap}.ret-legend{display:flex;gap:14px;margin-top:20px;font-size:.65rem;color:var(--muted)}.ret-legend-dot{width:8px;height:8px;border-radius:0;display:inline-block;margin-right:4px;vertical-align:middle}.stg-layout{display:grid;grid-template-columns:240px 1fr;gap:var(--sp-10);align-items:start}.stg-nav{position:sticky;top:var(--sp-10);background:var(--bg-card);border:var(--bw-thin) solid var(--border);padding:var(--sp-7) 0}.stg-nav-head{padding:0 var(--sp-8) var(--sp-5);border-bottom:var(--bw-thin) solid var(--border2);margin-bottom:var(--sp-4)}.stg-nav-eyebrow{font-family:var(--ff-sans);font-size:var(--fs-2xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-widest);text-transform:uppercase;color:var(--gold);margin-bottom:var(--sp-2)}.stg-nav-title{font-family:var(--ff-display);font-size:var(--fs-2xl);font-weight:var(--fw-light);color:var(--brown);line-height:var(--lh-tight);letter-spacing:var(--ls-tighter)}.stg-nav-title em{font-style:italic;color:var(--green);font-weight:var(--fw-regular)}.stg-nav-list{display:flex;flex-direction:column}.stg-nav-item{display:flex;align-items:center;gap:var(--sp-5);padding:var(--sp-5) var(--sp-8);font-family:var(--ff-sans);font-size:var(--fs-base);font-weight:var(--fw-medium);color:var(--muted);cursor:pointer;border:none;background:transparent;text-align:left;border-left:3px solid transparent;transition:color var(--dur-base) var(--ease-in-out),background var(--dur-base) var(--ease-in-out),border-color var(--dur-base) var(--ease-in-out);line-height:1.3}.stg-nav-item:hover{color:var(--brown);background:var(--ivory2)}.stg-nav-item.active{color:var(--brown);background:#c49a3c0f;border-left-color:var(--gold);font-weight:var(--fw-semibold)}.stg-nav-icon{font-size:var(--fs-sm);opacity:.5;flex-shrink:0;width:14px;text-align:center}.stg-nav-item.active .stg-nav-icon{opacity:1;color:var(--gold)}.stg-content{min-width:0;display:flex;flex-direction:column;gap:var(--sp-8)}.stg-panel{background:var(--bg-card);border:var(--bw-thin) solid var(--border)}.stg-panel-head{padding:var(--sp-8) var(--sp-10);border-bottom:var(--bw-thin) solid var(--border2);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-7);flex-wrap:wrap}.stg-panel-title{font-family:var(--ff-display);font-size:var(--fs-xl);font-weight:var(--fw-regular);color:var(--brown);line-height:var(--lh-snug);letter-spacing:var(--ls-tight)}.stg-panel-title em{font-style:italic;color:var(--green)}.stg-panel-sub{font-family:var(--ff-sans);font-size:var(--fs-sm);color:var(--muted);line-height:var(--lh-relaxed);margin-top:var(--sp-2);max-width:58ch}.stg-panel-body{padding:var(--sp-8) var(--sp-10)}.stg-panel-body--flush{padding:0}.stg-panel-foot{padding:var(--sp-7) var(--sp-10);border-top:var(--bw-thin) solid var(--border2);display:flex;gap:var(--sp-4);align-items:center}.stg-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-6) var(--sp-7)}.stg-form-grid--2{grid-template-columns:repeat(2,1fr)}.stg-form-grid--1{grid-template-columns:1fr}.stg-field{min-width:0}.stg-field-label{display:block;font-family:var(--ff-sans);font-size:var(--fs-2xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--muted);margin-bottom:var(--sp-3)}.stg-field-hint{font-family:var(--ff-sans);font-size:var(--fs-xs);color:var(--muted);margin-top:var(--sp-2);line-height:var(--lh-relaxed)}.stg-input,.stg-select{width:100%;height:var(--btn-h-md);padding:0 var(--sp-5);border:var(--bw-thin) solid var(--border);background:var(--bg-card);font-family:var(--ff-sans);font-size:var(--fs-base);color:var(--text);outline:none;transition:border-color var(--dur-base) var(--ease-in-out);-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--radius-none);line-height:1;box-sizing:border-box}.stg-input:focus,.stg-select:focus{border-color:var(--green)}.stg-input::placeholder{color:#7a624866}.stg-targets{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-1)}.stg-target-card{background:var(--bg-card);border:var(--bw-thin) solid var(--border);padding:var(--sp-9) var(--sp-10);position:relative;transition:border-color var(--dur-base) var(--ease-in-out)}.stg-target-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gold);opacity:.4}.stg-target-card:hover{border-color:#2c1a0e24}.stg-target-label{font-family:var(--ff-sans);font-size:var(--fs-2xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--muted);margin-bottom:var(--sp-5)}.stg-target-input{width:100%;border:none;border-bottom:2px solid var(--gold);background:transparent;font-family:var(--ff-display);font-size:var(--fs-2xl);font-weight:var(--fw-light);color:var(--brown);outline:none;padding:var(--sp-2) 0;letter-spacing:var(--ls-tighter);line-height:var(--lh-tight)}.stg-target-input:focus{border-bottom-color:var(--green)}.stg-target-sub{font-family:var(--ff-sans);font-size:var(--fs-sm);color:var(--muted);margin-top:var(--sp-3)}.stg-inline-form{margin:0 var(--sp-10) var(--sp-7);padding:var(--sp-8) var(--sp-9);background:var(--ivory2);border:var(--bw-thin) solid var(--border)}.stg-inline-form-head{font-family:var(--ff-sans);font-size:var(--fs-2xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-widest);text-transform:uppercase;color:var(--muted);margin-bottom:var(--sp-6)}.stg-inline-actions{display:flex;gap:var(--sp-3);margin-top:var(--sp-6)}.stg-reset-banner{margin:0 var(--sp-10) var(--sp-7);padding:var(--sp-6) var(--sp-8);background:#c49a3c0f;border:var(--bw-thin) solid rgba(196,154,60,.28);display:flex;flex-direction:column;gap:var(--sp-5)}.stg-reset-head{font-family:var(--ff-sans);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text)}.stg-reset-head em{font-family:var(--ff-display);font-style:italic;font-weight:var(--fw-regular);color:var(--brown)}.stg-reset-row{display:flex;gap:var(--sp-3);align-items:center}.stg-reset-row .stg-input{flex:1}.stg-staff-name{font-family:var(--ff-sans);font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--text)}.stg-staff-email{font-family:var(--ff-sans);font-size:var(--fs-sm);color:var(--muted);margin-top:2px}.stg-staff-meta{font-family:var(--ff-sans);font-size:var(--fs-sm);color:var(--muted)}.stg-staff-actions{display:flex;gap:var(--sp-2)}.stg-badge{display:inline-block;font-family:var(--ff-sans);font-size:var(--fs-2xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-wide);text-transform:uppercase;padding:3px var(--sp-4);white-space:nowrap;line-height:1.3}.stg-badge--admin{background:#c49a3c1f;color:var(--gold)}.stg-badge--ketoan{background:var(--ivory3);color:var(--brown2)}.stg-badge--manager,.stg-badge--ok{background:#2d5a3d1f;color:var(--green)}.stg-badge--off{background:var(--ivory2);color:var(--muted)}.stg-badge--zalo{background:#0068ff14;color:#0068ff}.stg-badge--email{background:#c49a3c1f;color:var(--gold)}.stg-intg-list{display:flex;flex-direction:column}.stg-intg-row{display:flex;align-items:center;gap:var(--sp-6);padding:var(--sp-6) var(--sp-10);border-bottom:var(--bw-thin) solid var(--border2);transition:background var(--dur-base) var(--ease-in-out)}.stg-intg-row:last-child{border-bottom:none}.stg-intg-row:hover{background:#faf6ef66}[data-theme=dark] .stg-intg-row:hover{background:#0000001f}.stg-intg-logo{width:42px;height:42px;display:flex;align-items:center;justify-content:center;font-family:var(--ff-sans);font-size:var(--fs-2xs);font-weight:var(--fw-bold);color:#fff;letter-spacing:var(--ls-wide);flex-shrink:0}.stg-intg-info{flex:1;min-width:0}.stg-intg-name{font-family:var(--ff-sans);font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--text)}.stg-intg-desc{font-family:var(--ff-sans);font-size:var(--fs-sm);color:var(--muted);margin-top:2px;line-height:var(--lh-normal)}.stg-notif-list{display:flex;flex-direction:column}.stg-notif-row{display:flex;align-items:center;gap:var(--sp-6);padding:var(--sp-6) var(--sp-10);border-bottom:var(--bw-thin) solid var(--border2);transition:background var(--dur-base) var(--ease-in-out)}.stg-notif-row:last-child{border-bottom:none}.stg-notif-row:hover{background:#faf6ef66}[data-theme=dark] .stg-notif-row:hover{background:#0000001f}.stg-notif-trigger{flex:1;min-width:0;font-family:var(--ff-sans);font-size:var(--fs-base);font-weight:var(--fw-medium);color:var(--text);line-height:var(--lh-normal)}.stg-notif-target{font-family:var(--ff-sans);font-size:var(--fs-sm);color:var(--muted);min-width:160px;flex-shrink:0}.stg-toggle{width:40px;height:22px;background:var(--border);border:none;position:relative;cursor:pointer;flex-shrink:0;transition:background var(--dur-base) var(--ease-in-out);padding:0;border-radius:11px}.stg-toggle.on{background:var(--green)}.stg-toggle:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;background:var(--bg-card);border-radius:var(--radius-full);transition:left var(--dur-base) var(--ease-in-out);box-shadow:0 1px 3px #0003}.stg-toggle.on:after{left:21px}.stg-shift-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-5)}.stg-shift-card{background:var(--ivory2);border:var(--bw-thin) solid var(--border);padding:var(--sp-7) var(--sp-8)}.stg-shift-label{font-family:var(--ff-sans);font-size:var(--fs-2xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--muted);margin-bottom:var(--sp-5)}.stg-shift-row{display:flex;align-items:center;gap:var(--sp-4)}.stg-shift-sep{color:var(--muted)}.stg-divider{height:1px;background:var(--border);margin:var(--sp-10) 0}.stg-state{padding:var(--sp-16) var(--sp-10);text-align:center;color:var(--muted);font-family:var(--ff-display);font-size:var(--fs-lg);font-style:italic}[data-theme=dark] .stg-inline-form,[data-theme=dark] .stg-shift-card{background:#e8d5b808}[data-theme=dark] .stg-reset-banner{background:#c49a3c14;border-color:#c49a3c40}@media (max-width: 1024px){.stg-form-grid{grid-template-columns:repeat(2,1fr)}.stg-targets{grid-template-columns:1fr;gap:var(--sp-1)}}@media (max-width: 768px){.stg-layout{grid-template-columns:1fr;gap:var(--sp-6)}.stg-nav{position:static;padding:var(--sp-5) 0}.stg-nav-list{flex-direction:row;overflow-x:auto}.stg-nav-item{border-left:none;border-bottom:3px solid transparent;padding:var(--sp-4) var(--sp-6);white-space:nowrap}.stg-nav-item.active{border-left-color:transparent;border-bottom-color:var(--gold)}.stg-nav-head{display:none}.stg-panel-head,.stg-panel-body,.stg-panel-foot{padding-left:var(--sp-7);padding-right:var(--sp-7)}.stg-inline-form,.stg-reset-banner{margin-left:var(--sp-7);margin-right:var(--sp-7)}.stg-intg-row,.stg-notif-row{padding-left:var(--sp-7);padding-right:var(--sp-7)}.stg-form-grid,.stg-form-grid--2,.stg-shift-grid{grid-template-columns:1fr}.stg-notif-row{flex-wrap:wrap}.stg-notif-target{min-width:0;width:100%}}@media (max-width: 1280px){.rev-grid{grid-template-columns:1fr}}@media (max-width: 1024px){.sg{grid-template-columns:repeat(2,1fr)}.ret-grid,.set-layout{grid-template-columns:1fr}.set-nav{position:static;display:flex;flex-wrap:wrap}.set-nav-item{border-left:none;border-bottom:3px solid transparent}.set-nav-item.active{border-left:none;border-bottom-color:var(--green)}}@media (max-width: 768px){.sidebar{transform:translate(-100%);width:280px}.sidebar.mobile-open{transform:translate(0)}.main{margin-left:0!important;padding:20px 16px 60px}.mobile-hamburger{display:flex!important}.sg{grid-template-columns:1fr 1fr}.ort tbody td{padding:10px 8px;font-size:var(--fs-xs)}.oi{min-width:180px}.sb2{width:160px}.rev-grid,.login-screen{grid-template-columns:1fr}.login-brand{display:none}.login-form-side:before{display:none}.login-form-side{padding:32px 24px}.od-drawer,.aha-drawer,.cust-drawer{width:100%;right:-100%}}@media (max-width: 480px){.sg{grid-template-columns:1fr}.tfs{gap:1px}.tf{padding:6px 10px;font-size:.65rem}.oh{flex-direction:column;align-items:flex-start}.ots{flex-wrap:nowrap;overflow-x:auto}}.menu-page{padding:0 24px 80px;max-width:1280px;margin:0 auto}.menu-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.menu-stat{background:var(--bg-card);border:1px solid #e8e4dc;border-radius:0;padding:16px 20px}.menu-stat-label{font-size:var(--fs-sm);font-weight:600;letter-spacing:.08em;color:#8a8578;margin-bottom:6px}.menu-stat-value{display:flex;align-items:baseline;gap:4px}.menu-stat-num{font-family:var(--ff-display);font-size:var(--fs-4xl);font-weight:500;color:#2a1810;line-height:1}.menu-stat-total{font-size:var(--fs-sm);color:#8a8578}.menu-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.menu-toolbar-left{display:flex;align-items:center;gap:12px}.menu-toolbar-right{display:flex;align-items:center;gap:10px}.menu-tabs{display:flex;gap:4px;background:#f5f2ec;border-radius:0;padding:3px}.menu-tab{background:none;border:none;padding:6px 14px;font-size:var(--fs-sm);font-weight:500;color:#6b6459;cursor:pointer;border-radius:0;transition:all .2s;display:flex;align-items:center;gap:6px}.menu-tab:hover{color:#2a1810}.menu-tab.active{background:var(--bg-card);color:#2d5a3d;box-shadow:0 1px 3px #00000014}.menu-tab-count{font-size:var(--fs-sm);background:#2d5a3d1a;color:#2d5a3d;padding:1px 6px;border-radius:0}.menu-tab.active .menu-tab-count{background:#2d5a3d26}.menu-search{width:180px;padding:7px 12px;border:1px solid #e0dcd4;border-radius:0;font-size:var(--fs-sm);background:var(--bg-card);color:#2a1810;outline:none;transition:border-color .2s}.menu-search:focus{border-color:#2d5a3d}.menu-search::placeholder{color:#b5b0a6}.menu-view-toggle{display:flex;border:1px solid #e0dcd4;border-radius:0;overflow:hidden}.menu-view-toggle button{background:var(--bg-card);border:none;padding:6px 10px;cursor:pointer;color:#8a8578;transition:all .2s;display:flex;align-items:center}.menu-view-toggle button:first-child{border-right:1px solid #e0dcd4}.menu-view-toggle button.active{background:#2d5a3d;color:#fff}.menu-btn-create{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#2d5a3d;color:#fff;border:none;border-radius:0;font-size:var(--fs-sm);font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.menu-btn-create:hover{background:#1e4a2d;transform:translateY(-1px);box-shadow:0 4px 12px #2d5a3d40}.menu-btn-create:active{transform:translateY(0)}.menu-category-header{display:flex;align-items:center;gap:8px;padding:10px 0;margin-bottom:12px;border-bottom:1px solid #e8e4dc}.menu-category-icon{font-size:var(--fs-xl)}.menu-category-name{font-size:var(--fs-sm);font-weight:700;letter-spacing:.1em;color:#2a1810}.menu-category-count{font-size:var(--fs-sm);color:#8a8578;margin-left:auto}.menu-items.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.menu-card{background:var(--bg-card);border:1px solid #e8e4dc;border-radius:0;overflow:hidden;transition:all .25s;cursor:grab}.menu-card:hover{box-shadow:0 4px 20px #00000014;transform:translateY(-2px)}.menu-card.inactive{opacity:.55}.menu-card.featured{border-color:#c49a3c;box-shadow:0 0 0 1px #c49a3c33}.menu-card-img{position:relative;aspect-ratio:1;overflow:hidden;background:#f5f2ec}.menu-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.menu-card:hover .menu-card-img img{transform:scale(1.05)}.menu-card-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2d5a3d,#1e4a2d)}.menu-card-img-placeholder span{font-family:var(--ff-display);font-size:48px;font-weight:600;color:#fff9}.menu-card-badge{position:absolute;top:10px;left:10px;background:#e74c3c;color:#fff;font-size:var(--fs-3xs);font-weight:700;letter-spacing:.05em;padding:3px 8px;border-radius:0}.menu-card-hidden-badge{position:absolute;top:10px;right:10px;background:#0009;color:#fff;font-size:var(--fs-3xs);font-weight:600;padding:3px 8px;border-radius:0}.menu-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#2a181099;display:flex;align-items:center;justify-content:center;gap:8px;opacity:0;transition:opacity .2s}.menu-card:hover .menu-card-overlay{opacity:1}.menu-card-btn{padding:8px 16px;background:#fffffff2;border:none;border-radius:0;font-size:var(--fs-sm);font-weight:600;color:#2a1810;cursor:pointer;transition:all .15s}.menu-card-btn:hover{background:var(--bg-card);transform:scale(1.05)}.menu-card-btn.danger{background:#e74c3ce6;color:#fff}.menu-card-btn.danger:hover{background:#e74c3c}.menu-card-info{padding:14px 16px}.menu-card-type{font-size:var(--fs-3xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#2d5a3d;margin-bottom:4px}.menu-card-name{font-size:var(--fs-md);font-weight:600;color:#2a1810;margin-bottom:4px;line-height:1.3}.menu-card-desc{font-size:var(--fs-sm);color:#8a8578;margin-bottom:10px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.menu-card-bottom{display:flex;align-items:center;justify-content:space-between}.menu-card-price{font-family:var(--ff-display);font-size:var(--fs-2xl);font-weight:600;color:#2a1810}.menu-card-actions{display:flex;gap:6px}.menu-card-action-btn{padding:4px 10px;border:1px solid #e0dcd4;border-radius:0;background:var(--bg-card);font-size:var(--fs-sm);color:#6b6459;cursor:pointer;transition:all .15s}.menu-card-action-btn:hover{border-color:#2d5a3d;color:#2d5a3d}.menu-card-action-btn.delete{border-color:#f0c4c0;color:#c0392b}.menu-card-action-btn.delete:hover{background:#fef2f1;border-color:#e74c3c}.menu-items.list{display:flex;flex-direction:column;gap:8px}.menu-items.list .menu-card{display:flex;border-radius:0}.menu-items.list .menu-card-img{width:80px;min-width:80px;aspect-ratio:1;border-radius:10px 0 0 10px}.menu-items.list .menu-card-info{flex:1;display:flex;align-items:center;gap:16px;padding:10px 16px}.menu-items.list .menu-card-name{flex:1;margin-bottom:0}.menu-items.list .menu-card-desc,.menu-items.list .menu-card-type{display:none}.menu-items.list .menu-card-overlay{border-radius:10px 0 0 10px}.menu-items.list .menu-card-bottom{gap:16px}.menu-empty{text-align:center;padding:60px 20px;color:#8a8578;font-size:var(--fs-sm)}.menu-loading{text-align:center;padding:80px 20px;color:#8a8578;font-size:var(--fs-sm)}.menu-save-bar{position:fixed;bottom:0;left:220px;right:0;background:#2d5a3d;color:#fff;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;z-index:100;animation:slideUp .3s ease}.menu-save-bar span{font-size:var(--fs-sm);font-weight:500}.menu-save-bar button{padding:8px 24px;background:var(--bg-card);color:#2d5a3d;border:none;border-radius:0;font-size:var(--fs-sm);font-weight:600;cursor:pointer;transition:transform .15s}.menu-save-bar button:hover{transform:scale(1.03)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.menu-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2a181080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease;padding:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.menu-modal{background:var(--bg-card);border-radius:0;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003;animation:modalIn .25s ease}.menu-modal.menu-modal-sm{max-width:440px}@keyframes modalIn{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.menu-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0}.menu-modal-header h3{font-size:var(--fs-xl);font-weight:600;color:#2a1810;margin:0}.menu-modal-close{width:32px;height:32px;border:none;background:#f5f2ec;border-radius:0;font-size:var(--fs-lg);color:#6b6459;cursor:pointer;transition:background .15s;display:flex;align-items:center;justify-content:center}.menu-modal-close:hover{background:#ebe7df}.menu-modal-body{padding:20px 24px}.menu-modal-img-upload{margin-bottom:20px}.menu-modal-img-upload label{display:block;cursor:pointer}.menu-modal-img-upload img{width:100%;height:200px;object-fit:cover;border-radius:0;border:2px dashed transparent;transition:border-color .2s}.menu-modal-img-upload label:hover img{border-color:#2d5a3d}.menu-modal-img-placeholder{width:100%;height:200px;border:2px dashed #d4d0c8;border-radius:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#8a8578;transition:all .2s}.menu-modal-img-placeholder:hover{border-color:#2d5a3d;color:#2d5a3d;background:#2d5a3d08}.menu-modal-img-placeholder span{font-size:var(--fs-sm);font-weight:500}.menu-modal-field{margin-bottom:16px}.menu-modal-field label{display:block;font-size:var(--fs-sm);font-weight:600;color:#6b6459;margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em}.menu-modal-field label .optional{text-transform:none;font-weight:400;color:#b5b0a6;letter-spacing:0}.menu-modal-field input,.menu-modal-field select,.menu-modal-field textarea{width:100%;padding:10px 14px;border:1px solid #e0dcd4;border-radius:0;font-size:var(--fs-sm);color:#2a1810;background:var(--bg-card);outline:none;transition:border-color .2s;font-family:inherit;box-sizing:border-box}.menu-modal-field input:focus,.menu-modal-field select:focus,.menu-modal-field textarea:focus{border-color:#2d5a3d}.menu-modal-field textarea{resize:vertical}.menu-modal-price-preview{font-size:var(--fs-sm);color:#2d5a3d;margin-top:4px;font-weight:500}.menu-modal-toggles{display:flex;flex-direction:column;gap:12px;margin-top:8px}.menu-toggle{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:var(--fs-sm);color:#2a1810;-webkit-user-select:none;user-select:none}.menu-toggle input{display:none}.menu-toggle-slider{position:relative;width:40px;height:22px;background:#d4d0c8;border-radius:0;transition:background .25s;flex-shrink:0}.menu-toggle-slider:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;background:var(--bg-card);border-radius:50%;transition:transform .25s;box-shadow:0 1px 3px #00000026}.menu-toggle input:checked+.menu-toggle-slider{background:#2d5a3d}.menu-toggle input:checked+.menu-toggle-slider:after{transform:translate(18px)}.menu-modal-footer{display:flex;align-items:center;gap:10px;padding:16px 24px 20px;border-top:1px solid #f0ece4}.menu-modal-btn{padding:10px 20px;border:none;border-radius:0;font-size:var(--fs-sm);font-weight:600;cursor:pointer;transition:all .15s}.menu-modal-btn:disabled{opacity:.6;cursor:not-allowed}.menu-modal-btn.primary{background:#2d5a3d;color:#fff}.menu-modal-btn.primary:hover:not(:disabled){background:#1e4a2d}.menu-modal-btn.secondary{background:#f5f2ec;color:#6b6459}.menu-modal-btn.secondary:hover{background:#ebe7df}.menu-modal-btn.danger{background:#e74c3c;color:#fff}.menu-modal-btn.danger:hover:not(:disabled){background:#c0392b}.menu-modal-btn.danger-outline{background:none;border:1px solid #f0c4c0;color:#c0392b;padding:9px 16px}.menu-modal-btn.danger-outline:hover{background:#fef2f1;border-color:#e74c3c}.menu-delete-confirm{text-align:center}.menu-delete-thumb{width:80px;height:80px;border-radius:0;object-fit:cover;margin-bottom:16px}.menu-delete-confirm p{font-size:var(--fs-sm);color:#2a1810;margin:0 0 8px;line-height:1.5}.menu-delete-warning{font-size:var(--fs-sm);color:#c0392b;background:#fef2f1;border-radius:0;padding:10px 14px;margin-top:12px}@media (max-width: 768px){.menu-stats{grid-template-columns:repeat(2,1fr)}.menu-toolbar{flex-direction:column;align-items:stretch}.menu-toolbar-right{flex-wrap:wrap}.menu-search{flex:1;min-width:120px}.menu-items.grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.menu-save-bar{left:0}.menu-modal{max-width:100%;margin:0 10px}}.co-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c100633;z-index:900;animation:_co-in .25s ease}@keyframes _co-in{0%{opacity:0}}.co-drawer{position:fixed;top:0;right:0;bottom:0;width:500px;max-width:100vw;background:var(--ivory);border-left:1px solid var(--border);z-index:901;display:flex;flex-direction:column;box-shadow:-8px 0 40px #2c1a0e1a;animation:_co-slide .35s cubic-bezier(.23,1,.32,1)}@keyframes _co-slide{0%{transform:translate(100%)}}.co-hd{padding:24px 28px 18px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;flex-shrink:0}.co-ey{font-size:var(--fs-base);font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:4px;display:flex;align-items:center;gap:8px}.co-ey:before{content:"";width:20px;height:1px;background:var(--gold)}.co-tt{font-family:var(--ff-display);font-size:var(--fs-3xl);font-weight:300;color:var(--brown);line-height:1.1;margin:0}.co-tt em{font-style:italic;color:var(--green);font-weight:400}.co-hd-r{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-top:4px}.co-br{border:1px solid var(--border);background:var(--bg-card);padding:4px 22px 4px 8px;font-size:var(--fs-base);font-weight:500;color:var(--muted);font-family:var(--ff-sans);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;outline:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M0 0l4 5 4-5z' fill='%237a6248'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 7px center}.co-br:focus{border-color:var(--gold)}.co-x{background:none;border:1px solid var(--border);width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:var(--fs-md);color:var(--muted);cursor:pointer;transition:all .2s}.co-x:hover{color:var(--brown);border-color:#2c1a0e40}.co-bd{flex:1;overflow-y:auto}.co-bd::-webkit-scrollbar{width:3px}.co-bd::-webkit-scrollbar-thumb{background:#2c1a0e0f}.co-sec{padding:18px 28px;border-bottom:1px solid var(--border)}.co-sec-grow{padding-bottom:0}.co-lb{font-size:var(--fs-2xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}.co-src-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.co-chip{padding:8px 4px;border:1px solid var(--border);background:var(--bg-card);font-size:var(--fs-md);font-weight:500;color:var(--muted);cursor:pointer;transition:all .15s;font-family:var(--ff-sans);text-align:center}.co-chip:hover{border-color:#2c1a0e38;color:var(--brown)}.co-chip.on{background:var(--brown);color:var(--ivory);border-color:var(--brown);font-weight:600}.co-tabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:0}.co-tab{padding:10px 18px;border:none;background:none;font-size:var(--fs-base);font-weight:500;color:var(--muted);cursor:pointer;position:relative;font-family:var(--ff-sans);display:flex;align-items:center;gap:6px;transition:color .2s}.co-tab:hover{color:var(--brown)}.co-tab.on{color:var(--brown);font-weight:600}.co-tab.on:after{content:"";position:absolute;bottom:-1px;left:6px;right:6px;height:2px;background:var(--gold)}.co-tab-n{background:var(--brown);color:var(--ivory);font-size:var(--fs-base);font-weight:700;padding:1px 5px;min-width:14px;text-align:center}.co-items{padding:0 28px 18px 0}.co-it{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--border2, rgba(44,26,14,.06));transition:background .15s}.co-it:last-child{border-bottom:none}.co-it:hover{background:#faf6ef80}.co-it.sel{background:var(--green3, #e8f0ea);margin:0 -28px 0 0;padding:14px 28px 14px 0;border-color:#2d5a3d14}.co-it-img{width:56px;height:56px;flex-shrink:0;overflow:hidden;background:var(--ivory2)}.co-it-img img{width:100%;height:100%;object-fit:cover;display:block}.co-it-ph{display:flex;align-items:center;justify-content:center;font-size:var(--fs-base);font-weight:600;color:var(--muted);letter-spacing:.04em}.co-it-info{flex:1;min-width:0}.co-it-name{font-size:var(--fs-md);font-weight:500;color:var(--brown);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.co-it-price{font-family:var(--ff-display);font-size:var(--fs-lg);font-weight:400;color:var(--green);margin-top:1px}.co-it-qty{display:flex;align-items:center;flex-shrink:0}.co-qb{width:30px;height:30px;border:1px solid var(--border);background:var(--bg-card);font-size:var(--fs-lg);font-weight:500;color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;font-family:var(--ff-sans)}.co-qb:hover{border-color:var(--brown);color:var(--brown)}.co-qb:active{transform:scale(.93)}.co-qb-add{background:var(--brown);color:var(--ivory);border-color:var(--brown)}.co-qb-add:hover{background:var(--brown2)}.co-qn{width:28px;height:30px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:var(--fs-md);font-weight:700;color:var(--brown);background:var(--bg-card)}.co-sauce{padding:8px 28px 12px 0;border-bottom:1px solid var(--border2, rgba(44,26,14,.06));background:#e8f0ea33}.co-sauce-row{display:flex;align-items:center;gap:10px;padding:5px 0}.co-sauce-lb{font-size:var(--fs-2xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);min-width:65px;white-space:nowrap}.co-req{color:var(--so, #b42020);margin-left:2px}.co-sauce-pills{display:flex;gap:4px;flex:1}.co-pill{flex:1;padding:6px 4px;text-align:center;border:1px solid var(--border);background:var(--bg-card);font-size:var(--fs-2xs);font-weight:500;color:var(--muted);cursor:pointer;transition:all .15s;font-family:var(--ff-sans)}.co-pill:hover{border-color:#2d5a3d4d;color:var(--green)}.co-pill.on{background:var(--green);color:#fff;border-color:var(--green);font-weight:600}.co-toggle{width:100%;display:flex;align-items:center;background:none;border:none;cursor:pointer;padding:0;font-family:var(--ff-sans)}.co-toggle:hover .co-lb{color:var(--brown)}.co-chev{transition:transform .2s;margin-left:auto;color:var(--muted)}.co-toggle.open .co-chev{transform:rotate(180deg)}.co-extra{margin-top:14px;animation:_co-fade .2s ease}@keyframes _co-fade{0%{opacity:0;transform:translateY(-4px)}}.co-row2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.co-inp{width:100%;border:1px solid var(--border);padding:10px 12px;font-size:var(--fs-md);color:var(--brown);background:var(--bg-card);outline:none;margin-bottom:8px;font-family:var(--ff-sans);transition:border-color .2s}.co-inp:focus{border-color:var(--gold);box-shadow:0 0 0 2px #c49a3c0f}.co-inp::placeholder{color:var(--muted);opacity:.45}.co-ta{resize:vertical;min-height:44px;line-height:1.5}.co-pay-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.co-pay-st{display:inline-block;font-size:var(--fs-2xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 10px;margin-top:8px}.co-pay-st.paid{background:var(--sdb, rgba(45,90,61,.06));color:var(--sd, #2d5a3d)}.co-pay-st.pending{background:var(--snb, rgba(196,154,60,.08));color:var(--sn, #c49a3c)}.co-empty{padding:40px 28px;text-align:center;font-size:var(--fs-base);color:var(--muted);font-style:italic}.co-ft{flex-shrink:0;border-top:1px solid var(--border);background:var(--bg-card)}.co-ft-cart{padding:12px 28px;border-bottom:1px solid var(--border2, rgba(44,26,14,.06))}.co-ft-chips{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.co-ft-chip{font-size:var(--fs-md);padding:2px 8px;background:var(--ivory2);color:var(--brown);font-weight:500}.co-ft-line{display:flex;justify-content:space-between;align-items:baseline}.co-ft-sub{font-size:var(--fs-base);color:var(--muted)}.co-ft-total{font-family:var(--ff-display);font-size:var(--fs-2xl);font-weight:600;color:var(--green)}.co-ft-btns{display:flex;gap:8px;padding:14px 28px}.co-btn-c{padding:10px 18px;border:1px solid var(--border);background:var(--bg-card);font-size:var(--fs-md);font-weight:600;color:var(--muted);cursor:pointer;font-family:var(--ff-sans);letter-spacing:.04em;text-transform:uppercase;transition:all .2s}.co-btn-c:hover{border-color:#2c1a0e40;color:var(--brown)}.co-btn-go{flex:1;padding:10px 18px;border:none;background:var(--green);color:#fff;font-size:var(--fs-base);font-weight:600;cursor:pointer;font-family:var(--ff-sans);letter-spacing:.04em;text-transform:uppercase;transition:all .2s}.co-btn-go:hover:not(:disabled){background:var(--green2)}.co-btn-go:disabled{opacity:.35;cursor:not-allowed}@media (max-width: 520px){.co-drawer{width:100vw}.co-hd,.co-sec,.co-items,.co-sauce,.co-ft-cart,.co-ft-btns{padding-left:20px;padding-right:20px}.co-it.sel{margin:0 -20px;padding-left:20px;padding-right:20px}.co-src-grid{grid-template-columns:repeat(4,1fr)}}.co-sauce-row-error{animation:saucePulse .4s ease-in-out 3;border-radius:0}@keyframes saucePulse{0%,to{background:transparent}50%{background:#b4202014}}.al-toolbar{background:var(--bg-card);border:var(--bw-thin) solid var(--border);padding:var(--sp-6) var(--sp-9);margin-bottom:var(--sp-8);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-8);flex-wrap:wrap}.al-toolbar-left{display:flex;align-items:center;gap:var(--sp-9);flex-wrap:wrap}.al-toolbar-right{display:flex;align-items:center;gap:var(--sp-4);flex-wrap:wrap}.al-groups{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.al-group-btn{padding:var(--sp-3) var(--sp-6);background:transparent;border:none;font-family:var(--ff-sans);font-size:var(--fs-base);font-weight:var(--fw-medium);color:var(--muted);cursor:pointer;transition:color var(--dur-base) var(--ease-in-out);border-bottom:var(--bw-heavy) solid transparent;line-height:1}.al-group-btn:hover{color:var(--brown)}.al-group-btn.active{color:var(--brown);border-bottom-color:var(--gold);font-weight:var(--fw-bold)}.al-branches{display:flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1);background:var(--ivory2);border:var(--bw-thin) solid var(--border)}.al-branch-btn{padding:var(--sp-3) var(--sp-6);background:transparent;border:none;font-family:var(--ff-sans);font-size:var(--fs-sm);font-weight:var(--fw-semibold);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--muted);cursor:pointer;transition:all var(--dur-base) var(--ease-in-out);line-height:1}.al-branch-btn:hover{color:var(--brown)}.al-branch-btn.active{background:var(--bg-card);color:var(--brown);box-shadow:var(--shadow-xs)}.al-input{height:var(--btn-h-md);padding:0 var(--sp-5);border:var(--bw-thin) solid var(--border);background:var(--bg-card);font-family:var(--ff-sans);font-size:var(--fs-base);color:var(--text);outline:none;transition:border-color var(--dur-base) var(--ease-in-out);line-height:1}.al-input:focus{border-color:var(--green)}.al-input::placeholder{color:#7a624866}.al-input--search{width:200px}.al-input--date{width:140px}.al-date-sep{color:var(--muted);font-size:var(--fs-sm);font-weight:var(--fw-regular);padding:0 var(--sp-1)}.al-state{padding:var(--sp-20) var(--sp-10);text-align:center;color:var(--muted);font-family:var(--ff-display);font-size:var(--fs-lg);font-style:italic;line-height:var(--lh-relaxed)}.al-timeline{position:relative}.al-day{position:relative;padding-left:var(--sp-16);padding-bottom:var(--sp-11)}.al-day:last-child{padding-bottom:0}.al-day:before{content:"";position:absolute;left:19px;top:0;bottom:0;width:1px;background:var(--border)}.al-day:last-child:before{bottom:var(--sp-10)}.al-day-head{position:relative;margin-bottom:var(--sp-7);display:flex;align-items:baseline;gap:var(--sp-6)}.al-day-head:before{content:"";position:absolute;left:calc(var(--sp-16) * -1 + 12px);top:10px;width:16px;height:16px;border:var(--bw-heavy) solid var(--gold);background:var(--bg-card);border-radius:var(--radius-full);z-index:1}.al-day-weekday{font-family:var(--ff-sans);font-size:var(--fs-2xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-widest);text-transform:uppercase;color:var(--gold)}.al-day-date{font-family:var(--ff-display);font-size:var(--fs-3xl);font-weight:var(--fw-light);color:var(--brown);line-height:var(--lh-tight);letter-spacing:var(--ls-tighter)}.al-day-date em{font-style:italic;color:var(--green);font-weight:var(--fw-regular)}.al-day-year{font-family:var(--ff-sans);font-size:var(--fs-sm);color:var(--muted);letter-spacing:var(--ls-wide)}.al-day-count{margin-left:auto;font-family:var(--ff-sans);font-size:var(--fs-2xs);font-weight:var(--fw-semibold);letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--muted)}.al-items{display:flex;flex-direction:column;gap:var(--sp-2)}.al-item{position:relative;background:var(--bg-card);border:var(--bw-thin) solid var(--border);transition:border-color var(--dur-base) var(--ease-in-out),box-shadow var(--dur-base) var(--ease-in-out)}.al-item:hover{border-color:#2c1a0e2e;box-shadow:var(--shadow-sm)}.al-item.open{border-color:var(--gold);box-shadow:var(--shadow-sm)}.al-item:before{content:"";position:absolute;left:calc(var(--sp-16) * -1 + 16px);top:22px;width:8px;height:8px;border-radius:var(--radius-full);background:var(--gold);opacity:.35}.al-item:hover:before,.al-item.open:before{opacity:1}.al-item:after{content:"";position:absolute;left:calc(var(--sp-16) * -1 + 24px);top:26px;width:calc(var(--sp-16) - 24px);height:1px;background:var(--border)}.al-item-main{display:grid;grid-template-columns:44px 1fr auto;align-items:stretch;cursor:pointer;min-height:52px}.al-item-icon{display:flex;align-items:center;justify-content:center;font-family:var(--ff-sans);font-size:var(--fs-lg);font-weight:var(--fw-bold);border-right:var(--bw-thin) solid var(--border2)}.al-item-body{padding:var(--sp-5) var(--sp-8);display:flex;align-items:center;gap:var(--sp-5);min-width:0;flex-wrap:wrap}.al-chip{font-family:var(--ff-sans);font-size:var(--fs-2xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-wide);text-transform:uppercase;padding:3px var(--sp-4);white-space:nowrap;line-height:1.3}.al-chip--branch{background:#c49a3c1a;color:var(--gold)}.al-user{font-family:var(--ff-sans);font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--text);white-space:nowrap}.al-detail-preview{font-family:var(--ff-sans);font-size:var(--fs-sm);color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:100px}.al-item-meta{padding:var(--sp-5) var(--sp-8);display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:2px;flex-shrink:0;border-left:var(--bw-thin) solid var(--border2)}.al-time{font-family:var(--ff-display);font-size:var(--fs-md);font-weight:var(--fw-regular);color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:var(--ls-tight)}.al-id{font-family:var(--ff-mono);font-size:var(--fs-2xs);color:var(--muted);letter-spacing:var(--ls-tight)}.al-item-expand{border-top:var(--bw-thin) solid var(--border);padding:var(--sp-8) var(--sp-10);background:#faf6ef80}[data-theme=dark] .al-item-expand{background:#00000026}.al-expand-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-5) var(--sp-12)}.al-expand-row{min-width:0}.al-expand-row.full{grid-column:1 / -1}.al-expand-label{font-family:var(--ff-sans);font-size:var(--fs-2xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--muted);margin-bottom:var(--sp-1)}.al-expand-val{font-family:var(--ff-sans);font-size:var(--fs-base);color:var(--text);line-height:var(--lh-normal);word-break:break-word}.al-expand-val--mono{font-family:var(--ff-mono);font-size:var(--fs-sm)}[data-theme=dark] .al-branches{background:#e8d5b80a}[data-theme=dark] .al-branch-btn.active{background:var(--bg-card);color:var(--gold2)}[data-theme=dark] .al-day-date{color:var(--text)}@media (max-width: 768px){.al-toolbar{padding:var(--sp-5) var(--sp-7);gap:var(--sp-5)}.al-toolbar-left,.al-toolbar-right{width:100%;gap:var(--sp-4)}.al-day{padding-left:var(--sp-11)}.al-day:before{left:13px}.al-day-head:before{left:calc(var(--sp-11) * -1 + 6px);width:14px;height:14px}.al-item:before{left:calc(var(--sp-11) * -1 + 10px)}.al-item:after{left:calc(var(--sp-11) * -1 + 18px);width:calc(var(--sp-11) - 18px)}.al-item-main{grid-template-columns:40px 1fr}.al-item-meta{grid-column:2;border-left:none;border-top:var(--bw-thin) solid var(--border2);flex-direction:row;justify-content:space-between;align-items:center;padding:var(--sp-3) var(--sp-7)}.al-input--search{width:100%}.al-expand-grid{grid-template-columns:1fr}}.pkg-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-1);margin-bottom:var(--sp-8)}.pkg-summary .sc-val em{font-style:italic;color:var(--green);font-weight:var(--fw-regular);font-size:.7em;margin-left:var(--sp-2)}.pkg-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-6)}.pkg-card{background:var(--bg-card);border:var(--bw-thin) solid var(--border);display:flex;flex-direction:column;transition:border-color var(--dur-base) var(--ease-in-out),box-shadow var(--dur-base) var(--ease-in-out)}.pkg-card:hover{border-color:#2c1a0e24;box-shadow:var(--shadow-sm)}.pkg-card.dirty{border-color:var(--gold);box-shadow:var(--shadow-sm)}.pkg-card.dirty:before{content:"";display:block;height:2px;background:var(--gold)}.pkg-card-head{padding:var(--sp-8) var(--sp-9);border-bottom:var(--bw-thin) solid var(--border2);display:grid;grid-template-columns:1fr auto;gap:var(--sp-6);align-items:flex-end}.pkg-card-title{font-family:var(--ff-display);font-size:var(--fs-2xl);font-weight:var(--fw-light);color:var(--brown);line-height:var(--lh-tight);letter-spacing:var(--ls-tighter);margin-bottom:var(--sp-3)}.pkg-card-meta{display:flex;align-items:baseline;gap:var(--sp-3)}.pkg-card-price-label{font-family:var(--ff-sans);font-size:var(--fs-2xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--muted)}.pkg-card-price-val{font-family:var(--ff-sans);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text);font-variant-numeric:tabular-nums}.pkg-card-total{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:var(--sp-2)}.pkg-total-label{font-family:var(--ff-sans);font-size:var(--fs-2xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--muted)}.pkg-total-val{font-family:var(--ff-display);font-size:var(--fs-2xl);font-weight:var(--fw-light);color:var(--brown);letter-spacing:var(--ls-tighter);line-height:1;font-variant-numeric:tabular-nums}[data-theme=dark] .pkg-total-val{color:var(--text)}.pkg-total-pct{display:inline-flex;align-items:center;gap:var(--sp-1);font-family:var(--ff-sans);font-size:var(--fs-2xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-wide);padding:2px var(--sp-3);background:var(--ivory2);color:var(--muted)}.pkg-total-pct.warn{background:#c49a3c1a;color:var(--gold)}.pkg-total-pct.alert{background:#e05c5c1a;color:var(--so)}.pkg-rows{display:flex;flex-direction:column}.pkg-row{display:grid;grid-template-columns:minmax(0,1fr) auto 100px;gap:var(--sp-4);align-items:baseline;padding:var(--sp-5) var(--sp-9);border-bottom:var(--bw-thin) solid var(--border2);transition:background var(--dur-base) var(--ease-in-out)}.pkg-row:last-child{border-bottom:none}.pkg-row:hover{background:#faf6ef80}[data-theme=dark] .pkg-row:hover{background:#ffffff05}.pkg-row.dirty{background:#c49a3c0f}.pkg-ingredient{font-family:var(--ff-sans);font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--text);min-width:0;line-height:var(--lh-normal)}.pkg-ingredient-sub{display:block;font-family:var(--ff-sans);font-size:var(--fs-xs);color:var(--muted);font-weight:var(--fw-regular);margin-top:2px;letter-spacing:var(--ls-wide)}.pkg-qty{display:inline-flex;align-items:baseline;gap:var(--sp-2);white-space:nowrap;justify-content:flex-end}.pkg-qty-input{width:52px;padding:2px 0;text-align:right;border:none;background:transparent;font-family:var(--ff-display);font-size:var(--fs-xl);font-weight:var(--fw-regular);color:var(--brown);outline:none;border-bottom:1px solid transparent;transition:border-color var(--dur-base) var(--ease-in-out),color var(--dur-base) var(--ease-in-out);font-variant-numeric:tabular-nums;letter-spacing:var(--ls-tight);-webkit-appearance:none;-moz-appearance:textfield;appearance:textfield;box-sizing:border-box;cursor:text}[data-theme=dark] .pkg-qty-input{color:var(--text)}.pkg-qty-input:hover{border-bottom-color:var(--border)}.pkg-qty-input:focus{border-bottom-color:var(--green)}.pkg-qty-input::-webkit-outer-spin-button,.pkg-qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pkg-qty-input.dirty{color:var(--gold);border-bottom-color:var(--gold)}.pkg-qty-unit{font-family:var(--ff-sans);font-size:var(--fs-xs);color:var(--muted);text-transform:lowercase;letter-spacing:var(--ls-wide);font-weight:var(--fw-regular)}.pkg-unit-cost{font-family:var(--ff-sans);font-size:var(--fs-sm);color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}.pkg-unit-cost.empty{font-style:italic}.pkg-line-total{font-family:var(--ff-display);font-size:var(--fs-xl);font-weight:var(--fw-regular);color:var(--brown);font-variant-numeric:tabular-nums;letter-spacing:var(--ls-tight);text-align:right;white-space:nowrap}[data-theme=dark] .pkg-line-total{color:var(--text)}.pkg-line-total.empty{color:var(--muted);font-style:italic;font-size:var(--fs-sm);font-family:var(--ff-sans)}.pkg-card-foot{padding:var(--sp-4) var(--sp-9);border-top:var(--bw-thin) solid var(--border2);background:var(--ivory2);display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}[data-theme=dark] .pkg-card-foot{background:#e8d5b808}.pkg-channel{display:inline-flex;align-items:center;gap:var(--sp-2);font-family:var(--ff-sans);font-size:var(--fs-2xs);font-weight:var(--fw-semibold);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--muted)}.pkg-channel-dot{width:6px;height:6px;border-radius:var(--radius-full);background:var(--green)}.pkg-savebar{position:sticky;bottom:var(--sp-6);z-index:var(--z-drawer);margin-top:var(--sp-8);background:var(--brown);color:var(--ivory);padding:var(--sp-5) var(--sp-8);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-6);box-shadow:0 8px 28px #00000029;border-radius:var(--radius-none)}.pkg-savebar-msg{font-family:var(--ff-sans);font-size:var(--fs-sm);letter-spacing:var(--ls-wide)}.pkg-savebar-msg strong{font-family:var(--ff-display);font-style:italic;font-weight:var(--fw-regular);color:var(--gold);font-size:var(--fs-lg);margin:0 var(--sp-2)}.pkg-savebar-actions{display:flex;gap:var(--sp-3)}.pkg-savebar-btn{height:var(--btn-h-md);padding:0 var(--sp-7);border:var(--bw-thin) solid transparent;font-family:var(--ff-sans);font-size:var(--fs-sm);font-weight:var(--fw-semibold);letter-spacing:var(--ls-wide);text-transform:uppercase;cursor:pointer;transition:all var(--dur-base) var(--ease-in-out);background:var(--gold);color:var(--brown);line-height:1}.pkg-savebar-btn:hover{background:var(--gold2)}.pkg-savebar-btn:disabled{opacity:.5;cursor:not-allowed}.pkg-savebar-btn--ghost{background:transparent;color:var(--ivory);border-color:#e8d5b84d}.pkg-savebar-btn--ghost:hover{background:#e8d5b814}.pkg-state{padding:var(--sp-20) var(--sp-10);text-align:center;color:var(--muted);font-family:var(--ff-display);font-size:var(--fs-lg);font-style:italic}@media (max-width: 1180px){.pkg-grid{grid-template-columns:1fr}.pkg-summary{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.pkg-card-head{grid-template-columns:1fr;padding:var(--sp-6) var(--sp-7)}.pkg-card-total{align-items:flex-start;text-align:left}.pkg-row{grid-template-columns:minmax(0,1fr) auto;row-gap:var(--sp-3);padding:var(--sp-5) var(--sp-7)}.pkg-ingredient{grid-column:1 / -1}.pkg-qty{grid-column:1;justify-content:flex-start}.pkg-line-total{grid-column:2}.pkg-card-foot{padding:var(--sp-4) var(--sp-7)}.pkg-savebar{flex-direction:column;align-items:stretch;gap:var(--sp-4);padding:var(--sp-5) var(--sp-6)}.pkg-savebar-actions{width:100%}.pkg-savebar-btn{flex:1}}