@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap";
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--app-vh:100dvh;--app-vw:100vw;--app-vv-top:0px;--mobile-nav-offset:calc(72px + env(safe-area-inset-bottom,0px));--bg:#f6f4f1;--surface:#fff;--text:#1f2328;--muted:#6b7280;--primary:#8b1a1a;--primary-hover:#6d1414;--brand:#8b1a1a;--brand-2:#7aa89b;--border:#e6dfd7;--soft:#fbf7f2;--shadow:0 16px 30px #1e18120f;--focus:0 0 0 3px #7aa89b40;--success:#1f9d55;--success-soft:#e7f7ef;--danger:#d23d33;--danger-soft:#ffe9e6;--warning:#f0b45a;--warning-soft:#fff3df;--kanban-border:#e8e1d9;--kanban-surface:#fffdf8;--kanban-panel:#f9f4ee;--kanban-shadow:0 18px 30px #1b140f14}*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%;width:100%;max-width:100%;min-height:100%;overflow-x:hidden}body{color:var(--text);width:100%;max-width:100%;min-height:100dvh;min-height:var(--app-vh,100dvh);background:radial-gradient(circle at 0 0,#fff0f0 0%,#f6f4f1 45%,#f3f1ee 100%);margin:0;font-family:Manrope,DM Sans,sans-serif;overflow-x:hidden}img,svg,video,canvas,iframe{max-width:100%}a{color:inherit;text-decoration:none}h1,h2,h3{letter-spacing:-.02em}h1{margin:0 0 12px;font-size:28px}h2{margin:16px 0 8px;font-size:20px}h3{margin:12px 0 8px;font-size:16px}.container{width:100%;max-width:1100px;margin:0 auto;padding:clamp(14px,3vw,24px)}.app-shell .app-content>.container{max-width:100%;margin:0;padding:20px 24px 28px 10px}.ops-wide .container,.admin-wide .container,.order-detail-wide .container{max-width:100%;margin:0}@keyframes slideInRight{0%{opacity:0;transform:translate(110%)}to{opacity:1;transform:translate(0)}}.kanban-fullscreen .container{max-width:100%;padding:20px}.app-shell{--sidebar-width:320px;grid-template-columns:var(--sidebar-width) minmax(0, 1fr);min-height:100dvh;min-height:var(--app-vh,100dvh);width:100%;max-width:100%;transition:grid-template-columns .28s;display:grid}.app-shell.is-sidebar-collapsed{--sidebar-width:92px}.app-content{min-width:0}.sidebar{height:100dvh;height:var(--app-vh,100dvh);background:var(--soft);border-right:1px solid var(--border);flex-direction:column;gap:16px;padding:28px 22px;transition:padding .28s,gap .28s;display:flex;position:sticky;top:0}.sidebar-header{gap:12px;display:grid}.sidebar-header-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.sidebar-brand-mark{color:#fff;background:linear-gradient(135deg, color-mix(in srgb, var(--brand) 92%, #fff 8%), #7a3119);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:16px;font-weight:800;display:inline-flex;box-shadow:0 14px 24px #be4f2538}.sidebar-header-copy{gap:4px;min-width:0;transition:opacity .22s,transform .22s,max-height .22s;display:grid}.sidebar-header-copy strong{font-size:16px;line-height:1.25}.sidebar-collapse-btn,.sidebar-icon-btn{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:inline-flex}.sidebar-collapse-btn svg,.sidebar-icon-btn svg,.profile-logout-btn svg{width:18px;height:18px}.sidebar-subtitle{color:var(--muted);font-size:12px}.sidebar-status{border:1px solid var(--border);background:var(--surface);border-radius:14px;gap:10px;padding:12px;display:grid;box-shadow:0 12px 22px #1e18120f}.sidebar-status--compact{justify-items:center;gap:12px;padding:12px 10px}.sidebar-status-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.sidebar-status-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:11px;font-weight:700}.sidebar-status-pill{background:var(--success-soft);color:var(--success);border:1px solid #1f9d5559;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.sidebar-status-pill.is-closed{background:var(--danger-soft);color:var(--danger);border-color:#d23d3359}.sidebar-status-pill.is-loading{color:#9a4b27;border-color:var(--border);background:#f3ebe3}.sidebar-status-value{color:var(--text);font-size:15px;font-weight:700}.sidebar-status-meta{color:var(--muted);font-size:12px}.sidebar-status-btn{width:100%}.sidebar-status-btn.is-danger{background:var(--danger)}.sidebar-icon-btn.is-danger{background:var(--danger);color:#fff;border-color:#d23d3359}.sidebar-status-note{color:var(--muted);font-size:11px}.sidebar-nav,.sidebar-section{gap:8px;display:grid}.sidebar-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:6px 6px 0;font-size:11px}.sidebar-nav a{border-radius:10px;align-items:center;gap:10px;padding:8px 10px;font-size:14px;transition:background .2s,color .2s,padding .2s;display:flex;position:relative}.sidebar-nav a svg{width:16px;height:16px;color:var(--muted);flex-shrink:0}.sidebar-link-label{white-space:nowrap;text-overflow:ellipsis;transition:opacity .18s,transform .18s,max-width .18s;overflow:hidden}.sidebar-nav a:hover{background:#f3ebe3}.sidebar-nav a.active{background:#efe5dc;font-weight:600}.sidebar-nav a.active svg{color:var(--brand)}.sidebar-footer{margin-top:auto}.profile-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:12px;display:grid}.profile-avatar{width:40px;height:40px;color:var(--brand);background:#efe5dc;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:800;display:inline-flex}.profile-copy{gap:4px;min-width:0;display:grid}.profile-title{color:var(--muted);font-size:12px}.profile-name{text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.profile-role{color:var(--muted);font-size:12px}.profile-logout-btn{grid-column:1/-1;justify-content:center;align-items:center;gap:8px;width:100%;display:inline-flex}.profile-logout-label{white-space:nowrap}.sidebar.is-collapsed{gap:14px;padding:24px 14px}.sidebar.is-collapsed .sidebar-header{justify-items:center}.sidebar.is-collapsed .sidebar-header-row{flex-direction:column;width:100%}.sidebar.is-collapsed .sidebar-header-copy{opacity:0;pointer-events:none;max-height:0;overflow:hidden;transform:translateY(-4px)}.sidebar.is-collapsed .sidebar-section-title{opacity:0;max-height:0;margin:0;overflow:hidden}.sidebar.is-collapsed .sidebar-nav a{justify-content:center;gap:0;padding:10px}.sidebar.is-collapsed .sidebar-link-label{opacity:0;max-width:0;transform:translate(-4px)}.sidebar.is-collapsed .sidebar-nav a:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:2;background:#231b16;border-radius:10px;padding:7px 10px;font-size:12px;line-height:1;transition:opacity .18s,transform .18s;position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%)translate(-6px);box-shadow:0 12px 22px #140e0a38}.sidebar.is-collapsed .sidebar-nav a:hover:after,.sidebar.is-collapsed .sidebar-nav a:focus-visible:after{opacity:1;transform:translateY(-50%)translate(0)}.sidebar.is-collapsed .profile-card{grid-template-columns:1fr;justify-items:center;padding:12px 10px}.sidebar.is-collapsed .profile-copy{display:none}.sidebar.is-collapsed .profile-logout-btn{border-radius:12px;width:40px;height:40px;padding:0}.sidebar.is-collapsed .profile-logout-label{display:none}.header{justify-content:space-between;align-items:center;gap:16px;padding:20px 0;display:flex}.nav{gap:16px;font-size:14px;display:flex}.nav a:not(.btn),.nav button:not(.btn){background:0 0;border:1px solid #0000;border-radius:999px;padding:6px 10px;transition:all .15s}.nav a:not(.btn):hover,.nav button:not(.btn):hover{border-color:var(--border);background:#f3ebe3}.hero{border:1px solid var(--border);background:radial-gradient(circle at 0 0,#ffe9d7 0%,#fff 55%);border-radius:16px;padding:32px}.grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.menu-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:24px;display:grid}.menu-layout--single{grid-template-columns:minmax(0,1fr)}.menu-main{min-width:0}.cart-aside{position:sticky;top:24px}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;padding:16px}.modal-overlay{min-height:var(--app-vh,100dvh);padding:max(16px, env(safe-area-inset-top,0px)) max(12px, env(safe-area-inset-right,0px)) max(16px, env(safe-area-inset-bottom,0px)) max(12px, env(safe-area-inset-left,0px));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;overscroll-behavior:contain;background:#18120c73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-card{width:min(420px,100%);max-height:min(92dvh, calc(var(--app-vh,100dvh) - 24px));overflow:auto}.login-modal-card{background:radial-gradient(circle at 12% 0,#8b1a1a1f,#0000 42%),linear-gradient(#fffdfb 0%,#fff4ea 100%);border:1px solid #e9dacc;border-radius:26px;width:min(474px,100%);padding:clamp(20px,2.5vw,26px);position:relative;overflow:hidden;box-shadow:0 24px 56px #1d140e38,0 6px 16px #1d140e14}.login-modal-card:before{content:"";background:linear-gradient(90deg,#b14d1a 0%,#8b1a1a 58%,#7f1515 100%);height:5px;position:absolute;inset:0 0 auto}.login-panel{gap:18px;display:grid}.login-panel-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.login-panel-copy{gap:8px;display:grid}.login-kicker{color:#9a4b27;letter-spacing:.06em;text-transform:uppercase;background:#fff1e4;border:1px solid #e5c8ae;border-radius:999px;align-items:center;width:fit-content;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.login-title{color:#1a0808;margin:0;font-size:clamp(1.52rem,2.4vw,1.86rem);line-height:1.14}.login-subtitle{color:#6b5f55;margin:0;font-size:14px;line-height:1.55}.login-form{gap:14px}.login-field{gap:7px;display:grid}.login-label{color:#6f5547;font-size:12px;font-weight:700}.login-modal-card .input.login-input{background:#fffffffa;border:1px solid #dcc8b6;border-radius:14px;min-height:44px;padding:11px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.login-modal-card .input.login-input:focus{border-color:#8b1a1a;outline:none;box-shadow:0 0 0 3px #8b1a1a29}.login-field-error{color:#c62828;font-size:12px}.login-error{color:#9c1c1c;background:#c6282814;border:1px solid #c628284d;border-radius:12px;margin:0;padding:10px 12px;font-size:13px;line-height:1.45}.login-modal-card .btn.login-submit{background:linear-gradient(135deg,#9d231d 0%,#8b1a1a 55%,#721313 100%);border:1px solid #0000;border-radius:14px;min-height:46px;font-size:14px;font-weight:700}.login-modal-card .btn.secondary.login-close-btn{color:#5f4b3f!important;background:#fff8f1f2!important;border-color:#e4d2c1!important}@media (max-width:520px){.login-panel-head{flex-direction:column}.login-close-btn{justify-content:center;width:100%}}.modal-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.modal-header h1{margin:0}.btn{background:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:10px 14px;font-weight:600;transition:transform .15s,box-shadow .15s,background .15s}.btn.secondary{background:var(--soft);color:var(--text);border:1px solid var(--border)}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 16px #1e18121f}.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.input{border:1px solid var(--border);background:#fff;border-radius:10px;width:100%;padding:10px 12px;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--brand-2);box-shadow:var(--focus);outline:none}.form{gap:12px;display:grid}.badge{color:#9a4b27;background:#f3ebe3;border-radius:999px;align-items:center;padding:4px 8px;font-size:12px;font-weight:600;display:inline-flex}.badge--active{color:#2e6b5f;background:#7aa89b2e;border:1px solid #7aa89b66}.badge--paused{background:var(--warning-soft);color:#9a6b1b;border:1px solid #f0b45a73}.badge--kitchen{color:#1a5a9a;background:#4f8bc824;border:1px solid #4f8bc859}.menu-item-card{gap:6px;display:grid;position:relative}.menu-item-card.is-paused{opacity:.7}.menu-item-status{align-items:center;margin-bottom:8px;display:inline-flex}.menu-item-card .menu-item-status{margin-bottom:0;position:absolute;top:12px;right:12px}.menu-item-muted{color:var(--muted);font-size:12px}.menu-item-actions{flex-wrap:wrap;gap:8px;display:flex}.section-title{margin:24px 0 12px;font-size:18px}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);padding:10px}.status{font-weight:600}.order-detail{gap:16px;display:grid}.order-detail-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.order-detail-subtitle{color:var(--muted);margin:4px 0 0;font-size:13px}.order-header-tags{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.order-status-pill{color:#9a4b27;background:#f3ebe3;border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.order-alert-pill{color:#a63d37;background:#d93a2f1f;border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.order-focus-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,.9fr);gap:16px;display:grid}.order-focus-main,.order-focus-aside{gap:16px;display:grid}.order-action{background:linear-gradient(135deg,#fff0e6b3,#fff 60%);border:1px solid #d93a2f26;border-radius:18px;position:relative;overflow:hidden}.order-action.is-urgent{border-color:#d93a2f59;box-shadow:0 18px 28px #d93a2f14}.order-action-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.order-action-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#a63d37;align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.order-action-lead{color:var(--muted);margin:6px 0 0}.order-action-time{color:var(--muted);font-size:12px}.order-message-block{gap:8px;margin-top:12px;display:grid}.order-message-label{color:var(--muted);font-size:12px;font-weight:600}.order-message-textarea{border:1px dashed var(--border);resize:vertical;background:#fff;border-radius:12px;width:100%;min-height:180px;padding:12px;font-family:inherit;font-size:13px}.order-action-buttons{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.order-action-primary{flex:220px;padding:12px 16px;font-size:15px}.order-action-foot{gap:6px;margin-top:10px;font-size:12px;display:grid}.order-action-error{color:#d23d33;font-weight:600}.order-action-note{color:var(--muted)}.order-help-card{color:#f8fafc;background:linear-gradient(135deg,#0f172a,#111827);border:none}.order-help-card p{color:#f8fafccc}.order-help-card .btn{box-shadow:none}.order-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.order-meta-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:12px;display:grid}.order-meta-label{color:var(--muted);margin-bottom:2px;font-size:12px;display:block}.order-meta-value{font-size:14px;font-weight:600}.order-items-list{gap:12px;margin-top:12px;display:grid}.order-item{border:1px solid var(--border);background:var(--soft);border-radius:12px;gap:6px;padding:12px;display:grid}.order-item-header{justify-content:space-between;align-items:center;gap:8px;font-weight:600;display:flex}.order-item-qty{color:var(--muted);font-size:12px;font-weight:500}.order-item-note{color:var(--muted);font-size:12px}.order-item-options{color:var(--muted);gap:6px;font-size:12px;display:grid}.order-item-option-title{color:var(--text);font-size:12px;font-weight:600}.order-item-option-list{margin:4px 0 0;padding-left:16px}.order-history summary{cursor:pointer;font-weight:600}.order-history-list{color:var(--muted);gap:6px;margin:10px 0 0;padding-left:18px;font-size:13px;display:grid}.tracking-card{isolation:isolate;border:1px solid var(--border);background:linear-gradient(135deg,#fff7ed 0%,#fff 65%);border-radius:18px;padding:20px;position:relative;overflow:hidden}.tracking-card:before{content:"";opacity:.9;z-index:-1;background:radial-gradient(circle at 100% 0,#7aa89b26,#0000 55%);position:absolute;inset:0}.tracking-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.tracking-header{gap:6px;min-width:240px;display:grid}.tracking-badge-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tracking-pill{color:#9a4b27;background:#f3ebe3;border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.tracking-pill.is-complete{color:#2e6b5f;background:#7aa89b2e}.tracking-pill.is-alert{color:#a63d37;background:#d93a2f1f}.tracking-live{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.tracking-live-dot{background:var(--brand-2);border-radius:50%;width:6px;height:6px;animation:2s infinite tracking-live;box-shadow:0 0 #7aa89b80}.tracking-title{margin:0;font-size:20px}.tracking-message{max-width:520px;color:var(--muted);margin:0}.tracking-meta{min-width:180px;color:var(--muted);gap:10px;font-size:12px;display:grid}.tracking-meta strong{color:var(--text);align-items:center;gap:6px;font-size:13px;display:inline-flex}.tracking-late{color:#a63d37;background:#d93a2f1f;border-radius:999px;padding:2px 6px;font-size:11px;font-weight:600}.tracking-alert{color:#a63d37;background:#d93a2f14;border:1px solid #d93a2f33;border-radius:12px;gap:4px;margin-top:12px;padding:10px 12px;font-size:13px;display:grid}.tracking-progress{background:#efe6dc;border-radius:999px;height:8px;margin:16px 0 12px;overflow:hidden}.tracking-progress-bar{background:linear-gradient(90deg, var(--brand-2), var(--brand));width:0;height:100%;transition:width .4s}.tracking-steps{grid-auto-columns:minmax(130px,1fr);grid-auto-flow:column;align-items:start;gap:12px;display:grid}.tracking-step{text-align:center;padding:8px 4px 12px;position:relative}.tracking-step:after{content:"";background:var(--border);width:100%;height:2px;position:absolute;top:28px;right:-50%}.tracking-step:last-child:after{display:none}.tracking-indicator{border:2px solid var(--border);width:36px;height:36px;color:var(--muted);background:#fff;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 8px;transition:all .2s;display:flex}.tracking-icon{width:18px;height:18px}.tracking-step-label{font-size:13px;font-weight:600}.tracking-step-desc{min-height:32px;color:var(--muted);margin-top:2px;font-size:12px}.tracking-step-time{color:var(--muted);margin-top:6px;font-size:11px}.tracking-step[data-state=completed] .tracking-indicator{background:var(--brand-2);border-color:var(--brand-2);color:#fff;box-shadow:0 6px 14px #7aa89b40}.tracking-step[data-state=completed]:after{background:var(--brand-2)}.tracking-step[data-state=current] .tracking-indicator{background:var(--brand);border-color:var(--brand);color:#fff;animation:1.8s infinite tracking-pulse;box-shadow:0 8px 16px #d36b3a47}.tracking-step[data-state=current]:after{background:linear-gradient(90deg, var(--brand), var(--border))}.tracking-step[data-state=pending] .tracking-indicator{background:#fff;border-style:dashed}.tracking-highlight{color:#2e6b5f;background:#7aa89b24;border-radius:12px;margin-top:16px;padding:12px 14px;font-weight:600}.tracking-highlight.is-alert{color:#a63d37;background:#d93a2f1f}.tracking-highlight+.tracking-highlight{margin-top:8px}.tracking-highlight:before{content:"*";vertical-align:middle;margin-right:8px;font-size:10px}.tracking-highlight.is-alert:before{content:"!";margin-right:8px;font-weight:700}.tracking-live-dot,.tracking-indicator{will-change:transform}.tracking-card,.order-item{transition:transform .2s,box-shadow .2s}.tracking-card:hover{transform:translateY(-1px);box-shadow:0 18px 34px #1e181214}@keyframes tracking-live{0%{box-shadow:0 0 #7aa89b80}70%{box-shadow:0 0 0 6px #7aa89b00}to{box-shadow:0 0 #7aa89b00}}@keyframes tracking-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.order-item:hover{box-shadow:0 10px 20px #1e181214}.kanban-screen{gap:16px;display:grid}.kanban-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.kanban-subtitle{color:var(--muted);font-size:14px}.kanban-role{color:var(--muted);margin-top:6px;font-size:13px}.kanban-header-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.kanban-alert{background:var(--warning-soft);color:#9a6b1b;border:1px solid #f0b45a73;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600}.kanban-toggle{color:var(--text);align-items:center;gap:8px;font-size:13px;display:inline-flex}.kanban-admin{gap:12px;display:grid}.kanban-admin-title{font-size:14px}.kanban-admin-links{flex-wrap:wrap;gap:8px;display:flex}.kanban-overview{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.kanban-metric{background:var(--kanban-surface);border:1px solid var(--kanban-border);border-radius:14px;gap:6px;padding:12px 14px;display:grid;box-shadow:0 8px 16px #1e18120d}.kanban-metric.highlight{background:var(--danger-soft);border-color:#d23d3359}.kanban-metric-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:12px}.kanban-metric-value{color:var(--text);font-size:20px;font-weight:700}.kanban-toolbar{background:var(--kanban-panel);border:1px solid var(--kanban-border);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.kanban-floating-consumption-btn{z-index:1400;background:linear-gradient(135deg, var(--brand) 0%, #a53f3f 100%);border:1px solid color-mix(in srgb, var(--brand) 82%, #fff 18%);color:#fff;box-shadow:var(--kanban-shadow);border-radius:999px;padding:12px 18px;font-weight:700;position:fixed;bottom:24px;right:24px}.kanban-floating-consumption-btn:hover{background:linear-gradient(135deg, var(--primary-hover) 0%, var(--brand) 100%)}.kanban-tabs{background:#f7efef;border:1px solid #e8dcdc;border-radius:12px;gap:6px;padding:4px;display:inline-flex}.kanban-tab{color:#9b7070;background:0 0;border-radius:10px;padding:6px 12px;font-size:12px;font-weight:700}.kanban-tab.is-active{color:#8b1a1a;background:#fff;box-shadow:0 2px 8px #1a080814}.kanban-filters{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.kanban-filters .input{min-width:220px}.select{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:10px;padding:10px 12px;font-size:14px}.select:focus{border-color:var(--brand-2);box-shadow:var(--focus);outline:none}.kanban-legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;font-size:12px;display:flex}.kanban-legend-item{align-items:center;gap:6px;display:inline-flex}.kanban-legend-dot{border-radius:999px;width:10px;height:10px;display:inline-block}.kanban-legend-dot.on-time{background:var(--success)}.kanban-legend-dot.late{background:var(--danger)}.kanban-legend-dot.neutral{background:#c9bdb2}.kanban-filter-count{color:var(--muted);font-size:13px}.btn.compact{border-radius:8px;padding:6px 10px;font-size:12px}.kanban{scroll-snap-type:x proximity;grid-auto-columns:minmax(280px,1fr);grid-auto-flow:column;gap:16px;padding-bottom:16px;display:grid;overflow-x:auto}.kanban-column{--column-accent:var(--brand);background:var(--kanban-panel);border:1px solid var(--kanban-border);scroll-snap-align:start;border-radius:18px;align-content:start;gap:12px;min-height:320px;padding:14px;transition:border-color .2s,box-shadow .2s,background .2s;display:grid}.kanban-column.is-drop-allowed{background:#f1fbf7;border-color:#7aa89b99;box-shadow:0 0 0 2px #7aa89b33}.kanban-column.is-drop-forbidden{background:#fff7f6;border-color:#d23d3399}.kanban-column[data-status=CREATED]{--column-accent:#d36b3a}.kanban-column[data-status=CONFIRMED]{--column-accent:#b47745}.kanban-column[data-status=PREPARING]{--column-accent:#f0b45a}.kanban-column[data-status=READY]{--column-accent:#7aa89b}.kanban-column[data-status=OUT_FOR_DELIVERY]{--column-accent:#4b7f8c}.kanban-column[data-status=DELIVERED]{--column-accent:#2f6f4e}.kanban-column[data-status=COMPLETED_PICKUP]{--column-accent:#6b5b4b}.kanban-column[data-status=REJECTED]{--column-accent:#d23d33}.kanban-column[data-status=CANCELED]{--column-accent:#a24a42}.kanban-column-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.kanban-column-title{align-items:center;gap:8px;font-weight:700;display:flex}.kanban-column-title:before{content:"";background:var(--column-accent);border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 3px #0000000a}.kanban-column-hint{color:var(--muted);margin-top:4px;font-size:12px}.kanban-column-count{color:var(--text);font-size:20px;font-weight:700}.kanban-column-total{color:var(--muted);margin-left:4px;font-size:12px}.kanban-column-body{gap:12px;min-height:140px;display:grid}.kanban-card{--card-accent:#d6cabb;background:var(--surface);border:1px solid var(--kanban-border);border-left:4px solid var(--card-accent);border-radius:12px;gap:6px;padding:10px;transition:transform .15s,box-shadow .15s;display:grid;box-shadow:0 4px 12px #1e181212}.kanban-card:hover{box-shadow:var(--kanban-shadow);transform:translateY(-2px)}.kanban-card.is-dragging{opacity:.55;box-shadow:none;transform:rotate(-1deg)}.kanban-card.is-updating{opacity:.8;border-style:dashed}.kanban-card[data-tone=late]{--card-accent:var(--danger);background:linear-gradient(#d23d331f 0%,#fff 65%)}.kanban-card[data-tone=on-time]{--card-accent:var(--success);background:linear-gradient(#1f9d551f 0%,#fff 65%)}.kanban-card[data-priority=urgent]{animation:1.8s ease-in-out infinite pulseBorder}@keyframes pulseBorder{0%{box-shadow:0 0 #d23d332e}70%{box-shadow:0 0 0 10px #d23d3300}to{box-shadow:0 0 #d23d3300}}@media (prefers-reduced-motion:reduce){.kanban-card,.kanban-card:hover{transition:none}.kanban-card[data-priority=urgent]{animation:none}}.kanban-card[draggable=true]{cursor:grab}.kanban-card[draggable=true]:active{cursor:grabbing}.kanban-card:focus-visible{outline:none;box-shadow:0 0 0 3px #7aa89b4d}.kanban-card-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.kanban-card-title{gap:4px;display:grid}.kanban-card-code{font-size:15px;font-weight:700}.kanban-card-customer{color:var(--text);font-size:13px;font-weight:600;line-height:1.35}.kanban-card-phone{align-items:center;gap:8px;margin-top:6px;display:flex}.kanban-card-phone-number{color:#1a0808;background:#fdf3f3;border-radius:8px;padding:4px 8px;font-size:13px;font-weight:700}.kanban-card-tags{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.kanban-badge{border:1px solid #0000;border-radius:999px;align-items:center;padding:4px 8px;font-size:11px;font-weight:600;display:inline-flex}.kanban-badge--house{color:#a15b00;background:#ffb84d2e;border-color:#ffb84d66}.kanban-badge--late{color:#a12620;background:#d23d3326;border-color:#d23d3366}.kanban-badge--on-time{color:#1b6d42;background:#1f9d552e;border-color:#1f9d5566}.kanban-badge--neutral{color:#6b5f55;background:#f1ece6;border-color:#e2d8cd}.kanban-card-body{gap:6px;display:grid}.kanban-card-row{flex-wrap:wrap;gap:8px;display:flex}.kanban-meta{color:var(--muted);background:#f6f1ec;border-radius:8px;padding:4px 8px;font-size:12px}.kanban-meta.is-late{color:#9c2c25;background:#d23d3326}.kanban-meta.is-ontime{color:#1c6b42;background:#1f9d552e}.kanban-card-notes{color:var(--text);-webkit-line-clamp:2;background:#faf6f1;border-radius:10px;-webkit-box-orient:vertical;padding:6px 8px;font-size:12px;display:-webkit-box;overflow:hidden}.kanban-card-summary{color:var(--muted);margin:2px 0;font-size:12px}.kanban-card-detail{background:#faf6f1;border-radius:10px;gap:3px;padding:7px 8px;display:grid}.kanban-card-detail-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:700}.kanban-card-detail-value{color:var(--text);font-size:12px;line-height:1.4}.kanban-card-items{gap:6px;display:grid}.kanban-card-item{background:#ffffffad;border:1px solid #eee4da;border-radius:10px;gap:3px;padding:7px 8px;display:grid}.kanban-card-item-main{color:var(--text);justify-content:space-between;gap:8px;font-size:12px;display:flex}.kanban-card-item-price{color:#6b2d1a;flex-shrink:0;font-weight:700}.kanban-card-item-note{color:var(--muted);font-size:11px;line-height:1.35}.kanban-card-meta-row{flex-wrap:wrap;gap:6px;display:flex}.kanban-card-alert{color:#a12620;background:#d23d331a;border-radius:8px;padding:4px 8px;font-size:11px}.kanban-card-actions{flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;display:flex}.kanban-card-actions .btn{justify-content:center;align-items:center;display:inline-flex}.kanban-card-secondary-actions{gap:4px;margin-left:auto;display:flex}.kanban-card{background:radial-gradient(circle at 100% 0,#7aa89b1f,#0000 30%),linear-gradient(#fffffffa,#fffcf7fa);border-left-width:1px;border-radius:24px;gap:14px;padding:18px;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative;overflow:hidden;box-shadow:0 18px 32px #1e181214}.kanban-card:before{content:"";background:linear-gradient(180deg, var(--card-accent), color-mix(in srgb, var(--card-accent) 32%, white));opacity:.95;width:6px;position:absolute;inset:0 auto 0 0}.kanban-card:hover{transform:translateY(-3px);box-shadow:0 24px 40px #1e18121f}.kanban-card[data-tone=late]{background:radial-gradient(circle at 100% 0,#d23d331f,#0000 26%),linear-gradient(#d23d330f 0%,#fffffffa 38%,#fffcf7fa 100%)}.kanban-card[data-tone=on-time]{background:radial-gradient(circle at 100% 0,#1f9d551f,#0000 28%),linear-gradient(#1f9d550f 0%,#fffffffa 38%,#fffcf7fa 100%)}.kanban-card:focus-visible{box-shadow:0 0 0 3px #7aa89b4d,0 22px 36px #1e18121f}.kanban-card-header{align-items:center;gap:12px}.kanban-card-code{letter-spacing:-.04em;color:#1d2733;font-size:clamp(22px,2vw,26px);font-weight:800}.kanban-card-tags{justify-content:flex-start;gap:8px}.kanban-card-phone{flex-wrap:wrap;gap:10px;margin-top:0}.kanban-card-phone-pill{background:#ffffffe6;border:1px solid #e6dfd7e6;border-radius:16px;align-items:center;gap:10px;min-height:46px;padding:0 14px;display:inline-flex;box-shadow:inset 0 1px #ffffffb3}.kanban-card-phone-number{color:#253140;background:0 0;padding:0;font-size:15px}.kanban-card-phone-copy{min-height:46px;padding-inline:16px}.kanban-badge{gap:8px;min-height:34px;padding:6px 12px;font-size:12px;font-weight:700}.kanban-badge--hero{padding-inline:14px}.kanban-badge--delivery{color:#177946;background:linear-gradient(#edf8f2,#e5f3ec);border-color:#1f9d5529}.kanban-badge--pickup{color:#9a4b27;background:linear-gradient(#fff3e7,#feebd8);border-color:#d36b3a38}.kanban-inline-icon{flex-shrink:0;width:16px;height:16px}.kanban-card-customer-row{grid-template-columns:auto 1fr;align-items:center;gap:12px;display:grid}.kanban-card-customer-icon{color:#7f8690;background:linear-gradient(#fff,#f4efe8);border:1px solid #e6dfd7f2;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex;box-shadow:inset 0 1px #ffffffb3}.kanban-card-customer-block{gap:6px;min-width:0;display:grid}.kanban-card-customer{color:#1f2937;text-transform:uppercase;font-size:14px;font-weight:800;line-height:1.35}.kanban-card-summary{margin:0;font-size:14px;line-height:1.4}.kanban-card-detail{background:linear-gradient(#fff,#faf6f1);border:1px solid #e6dfd7e6;border-radius:18px;grid-template-columns:auto 1fr;align-items:flex-start;gap:12px;padding:14px 16px}.kanban-card-detail-icon{color:#177946;background:#edf8f2;border:1px solid #1f9d5529;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.kanban-card-detail-value{font-size:14px;line-height:1.5}.kanban-card-items{gap:10px}.kanban-card-item{background:linear-gradient(#ffffffeb,#faf6f1f2);border:1px solid #e6dfd7e6;border-radius:18px;padding:12px 14px}.kanban-card-item-main{grid-template-columns:auto 1fr auto;align-items:start;gap:12px;font-size:14px;display:grid}.kanban-card-item-qty{color:#177946;background:#edf8f2;border:1px solid #1f9d5529;border-radius:999px;justify-content:center;align-items:center;min-width:40px;min-height:40px;padding:0 10px;font-weight:700;display:inline-flex}.kanban-card-item-content{gap:4px;min-width:0;display:grid}.kanban-card-item-name{font-weight:700;line-height:1.45}.kanban-card-item-price{color:#177946;white-space:nowrap;font-weight:800}.kanban-card-item-note{font-size:12px;line-height:1.45}.kanban-card-meta-row{gap:12px;display:grid}.kanban-card-details-btn{color:#177946;background:#fff;border-color:#1f9d5573;border-radius:16px;justify-content:space-between;min-height:50px;padding:10px 14px}.kanban-card-details-btn-main{align-items:center;gap:10px;display:inline-flex}.kanban-card-meta-pills{flex-wrap:wrap;gap:8px;display:flex}.kanban-meta{border:1px solid #e6dfd7e6;border-radius:999px;align-items:center;gap:8px;min-height:38px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.kanban-meta--success{color:#177946;background:#edf8f2;border-color:#1f9d5529}.kanban-meta--warning{color:#b77700;background:#fff5e3;border-color:#f0b45a52}.kanban-meta--info{color:#2d6e60;background:#7aa89b2e;border-color:#7aa89b47}.kanban-meta--neutral{color:#5e615e;background:#f6f1ec}.kanban-card-alert{border:1px solid #d23d332e;border-radius:999px;align-items:center;gap:8px;width:fit-content;max-width:100%;padding:8px 12px;font-size:12px;font-weight:600;display:inline-flex}.kanban-card-notes{background:linear-gradient(#fff8f3,#faf5ee);border:1px solid #e6dfd7cc;border-radius:16px;padding:10px 12px;line-height:1.5}.kanban-card-actions{grid-template-columns:1fr auto;align-items:end;gap:10px;margin-top:0;display:grid}.kanban-card-actions-primary{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.kanban-card-action-btn{border-radius:16px;gap:8px;min-height:50px;padding-inline:16px}.kanban-card-action-btn--success{background:linear-gradient(180deg, #b64f24, var(--brand))}.kanban-card-secondary-actions{gap:8px}.kanban-empty{color:var(--muted);border:1px dashed var(--kanban-border);text-align:center;background:#ffffffb3;border-radius:12px;padding:12px;font-size:13px}@media (max-width:960px){.kanban{grid-auto-columns:minmax(240px,1fr)}.kanban-toolbar{align-items:flex-start}.kanban-filters .input{min-width:100%}.order-focus-grid{grid-template-columns:1fr}}@media (max-width:640px){.header{flex-direction:column;align-items:flex-start}.app-shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border);height:auto;position:static}.sidebar-collapse-btn{display:none}.sidebar.is-collapsed{gap:16px;padding:28px 22px}.sidebar.is-collapsed .sidebar-header{justify-items:stretch}.sidebar.is-collapsed .sidebar-header-row{flex-direction:row}.sidebar.is-collapsed .sidebar-header-copy{opacity:1;pointer-events:auto;max-height:none;overflow:visible;transform:none}.sidebar.is-collapsed .sidebar-section-title{opacity:1;max-height:none;margin:6px 6px 0;overflow:visible}.sidebar.is-collapsed .sidebar-nav a{justify-content:flex-start;gap:10px;padding:8px 10px}.sidebar.is-collapsed .sidebar-link-label{opacity:1;max-width:none;transform:none}.sidebar.is-collapsed .sidebar-nav a:after{display:none}.sidebar.is-collapsed .profile-card{grid-template-columns:auto minmax(0,1fr);justify-items:stretch;padding:12px}.sidebar.is-collapsed .profile-copy{display:grid}.sidebar.is-collapsed .profile-logout-btn{width:100%;height:auto;padding:10px 14px}.sidebar.is-collapsed .profile-logout-label{display:inline}.menu-layout{grid-template-columns:1fr}.cart-aside{position:static}.kanban-header{flex-direction:column;align-items:flex-start}.kanban-header-actions{width:100%}.kanban-overview{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.kanban{grid-auto-columns:minmax(220px,1fr)}.kanban-card-actions .btn{justify-content:center;width:100%}.kanban-card{border-radius:20px;padding:16px}.kanban-card-header{flex-direction:column;align-items:flex-start}.kanban-card-phone{flex-direction:column;align-items:stretch}.kanban-card-phone-pill,.kanban-card-phone-copy,.kanban-card-details-btn,.kanban-card-action-btn,.kanban-card-secondary-actions .btn{width:100%}.kanban-card-item-main{grid-template-columns:auto 1fr}.kanban-card-item-price{grid-column:2}.kanban-card-actions{grid-template-columns:1fr}.kanban-card-secondary-actions{width:100%;margin-left:0}.order-info-grid{grid-template-columns:1fr}.order-action-buttons .btn{justify-content:center;width:100%}.tracking-steps{grid-auto-columns:1fr;grid-auto-flow:row;gap:16px}.tracking-step{text-align:left;padding-left:44px}.tracking-step:after{width:2px;height:calc(100% - 38px);top:38px;left:18px;right:auto}.tracking-indicator{margin:0;position:absolute;top:8px;left:0}.tracking-step-desc{min-height:auto}.kanban-floating-consumption-btn{padding:11px 14px;font-size:12px;bottom:14px;right:14px}}@page{margin:0;size:80mm auto}#print-area{--print-width:80mm;display:none}@media print{html,body{height:auto!important;min-height:0!important;margin:0!important;padding:0!important}body>:not(#print-area){display:none!important}#print-area{width:var(--print-width);background:#fff;margin:0 auto;overflow:visible;display:block!important}#print-area,#print-area *{-webkit-print-color-adjust:exact;print-color-adjust:exact}#print-area>*{break-inside:avoid;page-break-inside:avoid}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,#f0e8e8 25%,#fdf3f3 50%,#f0e8e8 75%) 0 0/800px 100%;border-radius:6px;animation:1.4s linear infinite shimmer}.app-status-overlay{min-height:var(--app-vh,100dvh);padding:max(16px, env(safe-area-inset-top,0px)) max(12px, env(safe-area-inset-right,0px)) max(16px, env(safe-area-inset-bottom,0px)) max(12px, env(safe-area-inset-left,0px));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2000;background:#f6f4f1eb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.app-status-card{background:var(--surface);border:1px solid var(--border);width:min(520px,100%);box-shadow:var(--shadow);border-radius:18px;grid-template-columns:auto 1fr;align-items:start;gap:16px 18px;padding:24px 24px 20px;display:grid}.app-status-icon{width:44px;height:44px;color:var(--danger);background:#fff5f4;border-radius:12px;justify-content:center;align-items:center;font-size:22px;font-weight:800;display:flex}.app-status-icon.info{color:var(--brand-2);background:#eef6f4}.app-status-spinner{border:3px solid #7aa89b40;border-top-color:var(--brand-2);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite appSpin}@keyframes appSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-status-title{margin:0 0 6px;font-size:20px}.app-status-message{color:var(--muted);margin:0;font-size:14px}.app-status-actions{flex-wrap:wrap;grid-column:1/-1;gap:10px;margin-top:6px;display:flex}.app-status-btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#fff;border-radius:999px;padding:8px 16px;font-family:inherit;font-weight:600}.app-status-btn.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.app-update-banner{bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:1800;background:#fff;border:1px solid #e7dede;border-radius:999px;align-items:center;gap:16px;max-width:min(640px,92vw);padding:10px 14px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 12px 24px #140a081f}.app-update-banner strong{font-size:13px;display:block}.app-update-banner span{color:var(--muted);font-size:12px;display:block}.app-update-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:8px 14px;font-family:inherit;font-size:12px;font-weight:700}@media (max-width:640px){.app-status-card{grid-template-columns:1fr}.app-update-banner{flex-direction:column;align-items:flex-start}}.dinein-overlay{min-height:var(--app-vh,100dvh);z-index:700;padding:max(12px, env(safe-area-inset-top,0px)) max(12px, env(safe-area-inset-right,0px)) max(12px, env(safe-area-inset-bottom,0px)) max(12px, env(safe-area-inset-left,0px));background:#0f0c0a8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.dinein-modal{width:min(1120px,96vw);max-height:min(92dvh, calc(var(--app-vh,100dvh) - 24px));background:#fff;border-radius:24px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 28px 60px #0000002e}.dinein-header{background:#fff4ea;border-bottom:1px solid #f1e2d2;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.dinein-title{font-size:20px;font-weight:800}.dinein-subtitle{color:#7c6c61;font-size:12px}.dinein-alert{border-radius:12px;margin:10px 24px 0;padding:10px 14px;font-size:13px;font-weight:600}.dinein-alert.error{color:#b11c1c;background:#ffe8e8;border:1px solid #f5bcbc}.dinein-alert.success{color:#207544;background:#e8f8ee;border:1px solid #bde7ca}.dinein-body{grid-template-columns:1.35fr .85fr;gap:16px;padding:16px 24px 20px;display:grid;overflow-y:auto}.dinein-panel{background:#fffdf9;border:1px solid #efe4d7;border-radius:18px;flex-direction:column;gap:12px;padding:16px;display:flex}.dinein-section-title{letter-spacing:.08em;text-transform:uppercase;color:#9a7f6d;font-size:11px;font-weight:700}.dinein-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.dinein-grid label,.dinein-summary label,.dinein-cash label{color:#7a6454;flex-direction:column;gap:6px;font-size:12px;font-weight:600;display:flex}.dinein-grid input,.dinein-summary input,.dinein-cash input,.dinein-search{border:1px solid #e6d8c9;border-radius:10px;padding:8px 10px;font-family:inherit;font-size:14px}.dinein-search{background:#fff}.dinein-results{flex-direction:column;gap:8px;max-height:240px;display:flex;overflow-y:auto}.dinein-catalog-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.dinein-catalog-item{text-align:left;cursor:pointer;background:#fff;border:1px solid #f0e3d4;border-radius:16px;flex-direction:column;justify-content:space-between;gap:6px;min-height:90px;padding:16px 14px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.dinein-catalog-item:hover{border-color:#ff7a2f;transform:translateY(-1px);box-shadow:0 10px 20px #ff7a2f26}.dinein-catalog-item:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.dinein-catalog-name{color:#1a0808;font-size:16px;font-weight:800}.dinein-catalog-price{color:#8b1a1a;font-size:16px;font-weight:700}.dinein-result{cursor:pointer;text-align:left;background:#fff;border:1px solid #f0e3d4;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.dinein-result.is-active{border-color:#ff7a2f;box-shadow:0 0 0 2px #ff7a2f2e}.dinein-result-name{font-size:14px;font-weight:700}.dinein-result-meta{color:#8c7666;font-size:12px}.dinein-result-add{color:#ff7a2f;background:#fff2e6;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700}.dinein-items{flex-direction:column;gap:10px;max-height:260px;display:flex;overflow-y:auto}.dinein-item{background:#fff;border:1px solid #efe4d7;border-radius:14px;justify-content:space-between;gap:12px;padding:10px 12px;display:flex}.dinein-item-name{font-size:14px;font-weight:700}.dinein-item-note{color:#9a7f6d;margin-top:4px;font-size:12px}.dinein-item-meta{color:#8c7666;margin-top:4px;font-size:14px}.dinein-item-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.dinein-summary{border-top:1px solid #f1e2d2;flex-direction:column;gap:8px;padding-top:8px;display:flex}.dinein-summary-row{justify-content:space-between;font-size:14px;display:flex}.dinein-payments{flex-wrap:wrap;gap:10px;display:flex}.dinein-payment{cursor:pointer;background:#fff;border:1px solid #f0e3d4;border-radius:12px;padding:10px 14px;font-size:16px;font-weight:700}.dinein-payment.is-active{color:#b24c12;background:#fff2e6;border-color:#ff7a2f}.dinein-cash{justify-content:space-between;align-items:center;gap:12px;display:flex}.dinein-cash input{font-size:16px;font-weight:700}.dinein-change{color:#3d2b1d;font-size:16px;font-weight:700}.dinein-footer{background:#fffaf4;border-top:1px solid #f1e2d2;justify-content:flex-end;gap:10px;padding:12px 24px 18px;display:flex}.dinein-empty{color:#9a7f6d;grid-column:1/-1;padding:8px 0;font-size:12px}.dinein-open-card{background:#fffdf8;border:1px solid #efe4d7}.dinein-open-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.dinein-open-title{font-size:14px;font-weight:800}.dinein-open-subtitle{color:#8c7666;font-size:12px}.dinein-open-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;display:grid}.dinein-open-item{text-align:left;cursor:pointer;background:#fff;border:1px solid #f0e3d4;border-radius:14px;padding:10px 12px}.dinein-open-item-title{font-size:13px;font-weight:700}.dinein-open-item-meta{color:#8c7666;margin-top:4px;font-size:12px}.dinein-options-overlay{min-height:var(--app-vh,100dvh);z-index:750;padding:max(12px, env(safe-area-inset-top,0px)) max(12px, env(safe-area-inset-right,0px)) max(12px, env(safe-area-inset-bottom,0px)) max(12px, env(safe-area-inset-left,0px));background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.dinein-options{width:min(720px,92vw);max-height:min(90dvh, calc(var(--app-vh,100dvh) - 24px));background:#fff;border-radius:18px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 18px 40px #0003}body.keyboard-open .app-update-banner{opacity:0;pointer-events:none;transform:translate(-50%,140%)}.dinein-options-header{border-bottom:1px solid #f0e3d4;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.dinein-options-title{font-size:16px;font-weight:800}.dinein-options-subtitle{color:#8c7666;font-size:12px}.dinein-options-body{flex-direction:column;gap:16px;padding:16px 20px;display:flex;overflow-y:auto}.dinein-options-group-header{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px;display:flex}.dinein-options-group-title{font-weight:700}.dinein-options-group-hint{color:#8c7666;font-size:12px}.dinein-options-counter{color:#b24c12;background:#fff2e6;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:700}.dinein-options-list{gap:8px;display:grid}.dinein-option{cursor:pointer;text-align:left;background:#fff;border:1px solid #f0e3d4;border-radius:12px;justify-content:space-between;gap:8px;padding:8px 10px;display:flex}.dinein-option.is-selected{background:#fff2e6;border-color:#ff7a2f}.dinein-option-price{color:#8c7666;font-size:12px}.dinein-options-footer{border-top:1px solid #f0e3d4;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;padding:12px 20px 16px;display:flex}.dinein-options-fields{flex-wrap:wrap;gap:12px;display:flex}.dinein-options-fields label{color:#7a6454;flex-direction:column;gap:6px;font-size:12px;font-weight:600;display:flex}.dinein-options-fields input{border:1px solid #e6d8c9;border-radius:10px;padding:6px 10px;font-family:inherit;font-size:13px}@media (max-width:960px){.dinein-body{grid-template-columns:1fr}}