:root{--brand-700: #B91C1C;--brand-600: #DC2626;--brand-500: #EF4444;--brand-400: #F87171;--brand-100: #FEE2E2;--brand-50: #FEF2F2;--gold-700: #A16207;--gold-600: #CA8A04;--ink-900: #450A0A;--ink-800: #5B1010;--ink-700: #7F1D1D;--ink-500: #6B7280;--ink-400: #9CA3AF;--ink-300: #D1D5DB;--ink-200: #E5E7EB;--ink-100: #F3F4F6;--surface-app: #FEF2F2;--surface-card: #FFFFFF;--surface-soft: #FFF7F5;--surface-overlay: rgba(20, 5, 5, .55);--status-placed-bg: #FEF3C7;--status-placed-fg: #92400E;--status-cooking-bg: #DBEAFE;--status-cooking-fg: #1E40AF;--status-ready-bg: #DCFCE7;--status-ready-fg: #166534;--status-delivered-bg: #E5E7EB;--status-delivered-fg: #4B5563;--status-cancelled-bg: #FEE2E2;--status-cancelled-fg: #991B1B;--success-600: #16A34A;--success-50: #F0FDF4;--warning-600: #D97706;--danger-600: #DC2626;--r-sm: 8px;--r-md: 12px;--r-lg: 18px;--r-xl: 24px;--r-pill: 999px;--sh-sm: 0 1px 2px rgba(69, 10, 10, .06);--sh-md: 0 4px 14px rgba(69, 10, 10, .1);--sh-lg: 0 12px 32px rgba(69, 10, 10, .18);--sh-pop: 0 18px 48px rgba(220, 38, 38, .28);--ease-out: cubic-bezier(.2, .9, .3, 1);--ease-spring: cubic-bezier(.16, 1, .3, 1);--d-tap: .15s;--d-sheet: .24s;--d-page: .36s;--safe-top: env(safe-area-inset-top, 0px);--safe-bot: env(safe-area-inset-bottom, 0px);font-family:Noto Sans Thai,Varela Round,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;color:var(--ink-900);background:var(--surface-app)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%;background:var(--surface-app)}body{overscroll-behavior-y:contain;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;background:transparent;cursor:pointer;padding:0}button:focus-visible,[role=button]:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--brand-400);outline-offset:2px}img{display:block;max-width:100%}input,textarea,select{font:inherit;color:inherit;background:var(--surface-card);border:1px solid var(--ink-200);border-radius:var(--r-md);padding:12px 14px;width:100%;transition:border-color var(--d-tap) var(--ease-out)}input:focus,textarea:focus,select:focus{border-color:var(--brand-400)}.mk-display{font-family:Varela Round,Noto Sans Thai,sans-serif;letter-spacing:-.01em}.mk-numeric{font-variant-numeric:tabular-nums}.mk-press{transition:transform var(--d-tap) var(--ease-out)}.mk-press:active{transform:scale(.97)}@keyframes mk-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.mk-pulse{animation:mk-pulse 1.4s var(--ease-spring) infinite}@keyframes mk-shimmer{0%{background-position:-300px 0}to{background-position:300px 0}}.mk-skeleton{background:linear-gradient(90deg,var(--brand-50) 0%,var(--brand-100) 50%,var(--brand-50) 100%);background-size:600px 100%;animation:mk-shimmer 1.4s linear infinite;border-radius:var(--r-md)}@keyframes mk-attention{0%{box-shadow:0 0 #dc262673}70%{box-shadow:0 0 0 14px #dc262600}to{box-shadow:0 0 #dc262600}}.mk-attention{animation:mk-attention 1.6s var(--ease-spring) 2}.mk-tables-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}.mk-actions{display:flex;gap:6px;flex-wrap:wrap}.mk-line-grid{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center}.mk-icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:36px;height:36px;border-radius:var(--r-sm);border:1px solid var(--ink-200);background:var(--surface-card);color:var(--ink-700);font-size:18px;font-weight:700;display:grid;place-items:center;cursor:pointer}.mk-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}@media(max-width:540px){.mk-actions{width:100%}.mk-actions>*{flex:1 1 0;min-width:0}.mk-line-grid{grid-template-columns:auto 1fr auto;grid-template-areas:"qty name btn" ".   price btn";row-gap:4px}.mk-line-grid>.mk-line-qty{grid-area:qty}.mk-line-grid>.mk-line-name{grid-area:name}.mk-line-grid>.mk-line-price{grid-area:price;text-align:left}.mk-line-grid>.mk-line-btn{grid-area:btn;align-self:center}.mk-icon-btn{width:44px;height:44px}.mk-header{padding:calc(env(safe-area-inset-top) + 8px) 12px 8px!important}.mk-header-row{gap:8px!important}.mk-brand{font-size:18px!important}.mk-header-actions{gap:6px!important}.mk-header-btn{padding:8px 10px!important;font-size:12px!important}.mk-hide-sm{display:none!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}