:root{--kk-flame-red: #e63312;--kk-maroon: #7a140c;--kk-orange: #f26a1b;--kk-amber: #f9a825;--kk-yellow: #fcc419;--kk-ink: #1a1208;--kk-cream: #fffbf7;--md-primary: #bf360c;--md-on-primary: #ffffff;--md-primary-container: #ffdbcf;--md-on-primary-container: #3b0900;--md-secondary: #9c5a14;--md-on-secondary: #ffffff;--md-secondary-container: #ffddb8;--md-on-secondary-container: #2e1500;--md-tertiary: #7a140c;--md-on-tertiary: #ffffff;--md-tertiary-container: #ffdad4;--md-on-tertiary-container: #410001;--md-error: #ba1a1a;--md-on-error: #ffffff;--md-error-container: #ffdad6;--md-background: #fffbf7;--md-surface: #fffbf7;--md-surface-1: #fdf2ea;--md-surface-2: #fae9dd;--md-surface-3: #f7e1d2;--md-on-surface: #211a16;--md-on-surface-variant: #53433b;--md-surface-variant: #f3ded4;--md-outline: #85736b;--md-outline-variant: #d8c2b8;--md-inverse-surface: #362f2b;--md-inverse-on-surface: #fbeee8;--md-shadow: 23 17 12;--st-pending: #b26a00;--st-pending-bg: #ffe9c7;--st-confirmed: #4a5b6b;--st-confirmed-bg: #dde6ef;--st-preparing: #c2410c;--st-preparing-bg: #ffe0cc;--st-ready: #1f7a3d;--st-ready-bg: #cdeed6;--st-completed: #5a5a5a;--st-completed-bg: #e9e6e3;--st-cancelled: #ba1a1a;--st-cancelled-bg: #ffdad6;--pay-unpaid: #ba1a1a;--pay-partial: #b26a00;--pay-paid: #1f7a3d;--r-xs: 12px;--r-sm: 16px;--r-md: 20px;--r-lg: 28px;--r-xl: 32px;--r-full: 999px;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--elev-1: 0 1px 2px rgb(var(--md-shadow) / .18), 0 1px 3px 1px rgb(var(--md-shadow) / .1);--elev-2: 0 1px 2px rgb(var(--md-shadow) / .18), 0 2px 6px 2px rgb(var(--md-shadow) / .12);--elev-3: 0 4px 8px 3px rgb(var(--md-shadow) / .12), 0 1px 3px rgb(var(--md-shadow) / .2)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);background:var(--md-background);color:var(--md-on-surface);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;accent-color:var(--md-primary)}a{color:inherit;text-decoration:none}button{font-family:inherit}.display{font-size:30px;font-weight:700;letter-spacing:-.5px}.headline{font-size:22px;font-weight:700;letter-spacing:-.2px}.title{font-size:17px;font-weight:650}.label{font-size:13px;font-weight:600}.body{font-size:15px}.caption{font-size:12.5px;color:var(--md-on-surface-variant)}.num{font-variant-numeric:tabular-nums}.app{max-width:520px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;position:relative;background:var(--md-background)}.app-bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;padding:14px 16px;padding-top:max(14px,env(safe-area-inset-top));background:color-mix(in srgb,var(--md-background) 88%,transparent);backdrop-filter:saturate(1.2) blur(10px);border-bottom:1px solid var(--md-outline-variant)}.app-bar .brand-mark{width:32px;height:32px;border-radius:10px;flex:none;object-fit:cover;box-shadow:var(--elev-1)}.app-bar .app-logo{height:38px;width:auto;display:block;flex:none}.content{flex:1;padding:16px 16px 96px}.content.wide{padding-bottom:110px}.bottom-nav{position:fixed;left:50%;transform:translate(-50%);bottom:max(14px,calc(env(safe-area-inset-bottom) + 6px));width:calc(100% - 28px);max-width:492px;display:flex;justify-content:space-around;background:color-mix(in srgb,var(--md-surface-2) 92%,transparent);backdrop-filter:saturate(1.3) blur(12px);border:1px solid var(--md-outline-variant);border-radius:var(--r-full);box-shadow:var(--elev-2);padding:8px;z-index:30}.bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 0;color:var(--md-on-surface-variant);font-size:11.5px;font-weight:600}.bottom-nav a .ico{width:56px;height:30px;display:grid;place-items:center;border-radius:var(--r-full);transition:background .15s}.bottom-nav a.active{color:var(--md-on-secondary-container)}.bottom-nav a.active .ico{background:var(--md-secondary-container)}.bottom-nav svg{width:22px;height:22px}.fab{position:fixed;right:max(18px,calc(50% - 228px));bottom:calc(94px + env(safe-area-inset-bottom));z-index:31;display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;padding:0;border:none;border-radius:var(--r-full);background:var(--md-primary);color:var(--md-on-primary);box-shadow:var(--elev-3);cursor:pointer}.fab svg{width:27px;height:27px}.fab:active{transform:scale(.94)}.card{background:var(--md-surface);border:1px solid var(--md-outline-variant);border-radius:var(--r-md);padding:16px}.card.tonal{background:var(--md-surface-2);border-color:transparent}.card.elev{box-shadow:var(--elev-1);border-color:transparent}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;align-items:center;gap:12px}.row.between{justify-content:space-between}.wrap{flex-wrap:wrap}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.muted{color:var(--md-on-surface-variant)}.spacer{flex:1}.chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 14px;border-radius:var(--r-full);font-size:12.5px;font-weight:650;background:var(--md-surface-variant);color:var(--md-on-surface-variant);white-space:nowrap}.chip.filter{cursor:pointer;border:1px solid var(--md-outline-variant);background:transparent;height:36px;padding:0 16px}.chip.filter.on{background:var(--md-secondary-container);color:var(--md-on-secondary-container);border-color:transparent}.chip.dot:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.st-pending{background:var(--st-pending-bg);color:var(--st-pending)}.st-confirmed{background:var(--st-confirmed-bg);color:var(--st-confirmed)}.st-preparing{background:var(--st-preparing-bg);color:var(--st-preparing)}.st-ready{background:var(--st-ready-bg);color:var(--st-ready)}.st-completed{background:var(--st-completed-bg);color:var(--st-completed)}.st-cancelled{background:var(--st-cancelled-bg);color:var(--st-cancelled)}.pay-unpaid{color:var(--pay-unpaid)}.pay-partial{color:var(--pay-partial)}.pay-paid{color:var(--pay-paid)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:var(--r-full);border:none;cursor:pointer;font-weight:650;font-size:14.5px;background:var(--md-primary);color:var(--md-on-primary)}.btn:disabled{opacity:.5;cursor:default}.btn:active{transform:scale(.98)}.btn svg{width:19px;height:19px;flex:none}.btn.sm svg{width:17px;height:17px}.chip svg{width:16px;height:16px;flex:none}.btn.tonal{background:var(--md-secondary-container);color:var(--md-on-secondary-container)}.btn.outline{background:transparent;color:var(--md-primary);border:1px solid var(--md-outline)}.btn.text{background:transparent;color:var(--md-primary);padding:0 12px}.btn.danger{background:var(--md-error);color:var(--md-on-error)}.btn.full{width:100%}.btn.sm{min-height:36px;padding:0 14px;font-size:13.5px}.icon-btn{width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:var(--r-full);border:none;background:transparent;color:var(--md-on-surface);cursor:pointer}.icon-btn:active{background:var(--md-surface-3)}.icon-btn svg{width:24px;height:24px}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field>label{font-size:13px;font-weight:600;color:var(--md-on-surface-variant)}.input,.select,.textarea{width:100%;min-height:52px;padding:14px 22px;border:1px solid var(--md-outline);border-radius:var(--r-full);background:var(--md-surface);color:var(--md-on-surface);font-size:15px;font-family:inherit}.textarea{min-height:92px;resize:vertical;padding:14px 18px;border-radius:var(--r-md)}.input:focus,.select:focus,.textarea:focus{outline:2px solid var(--md-primary);border-color:var(--md-primary)}.input[type=date],.input[type=datetime-local]{min-width:0;padding-right:14px;appearance:none;-webkit-appearance:none}.input[type=date]::-webkit-calendar-picker-indicator,.input[type=datetime-local]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.85;filter:invert(28%) sepia(64%) saturate(2200%) hue-rotate(-7deg) brightness(92%) contrast(96%)}.list{display:flex;flex-direction:column}.list-item{display:flex;align-items:center;gap:14px;padding:13px 4px;border-bottom:1px solid var(--md-outline-variant)}.list-item:last-child{border-bottom:none}.avatar{width:42px;height:42px;flex:none;border-radius:var(--r-full);display:grid;place-items:center;font-weight:700;background:var(--md-tertiary-container);color:var(--md-on-tertiary-container)}.kpi{padding:14px;border-radius:var(--r-md);background:var(--md-surface-2)}.kpi .v{font-size:22px;font-weight:750;letter-spacing:-.3px}.kpi .k{font-size:12.5px;color:var(--md-on-surface-variant);font-weight:600}.kpi.hero{background:linear-gradient(135deg,var(--md-primary),var(--kk-orange));color:#fff}.kpi.hero .k{color:#ffffffd9}.section-h{display:flex;align-items:center;justify-content:space-between;margin:22px 2px 10px}.section-h:first-child{margin-top:4px}.divider{height:1px;background:var(--md-outline-variant);margin:4px 0}.empty{text-align:center;padding:44px 16px;color:var(--md-on-surface-variant)}.empty svg{width:46px;height:46px;opacity:.5;margin-bottom:8px}.skeleton{background:linear-gradient(90deg,var(--md-surface-2),var(--md-surface-3),var(--md-surface-2));background-size:200% 100%;animation:sk 1.2s infinite;border-radius:var(--r-sm)}@keyframes sk{to{background-position:-200% 0}}.scroll-x{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.scroll-x::-webkit-scrollbar{display:none}.toast-host{position:fixed;left:0;right:0;bottom:calc(78px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:8px;z-index:60;pointer-events:none}.toast{background:var(--md-inverse-surface);color:var(--md-inverse-on-surface);padding:12px 18px;border-radius:var(--r-sm);font-size:13.5px;font-weight:600;box-shadow:var(--elev-2);max-width:90%;animation:pop .2s}@keyframes pop{0%{transform:translateY(8px);opacity:0}}.scrim{position:fixed;inset:0;background:#0006;z-index:50;animation:fade .15s}@keyframes fade{0%{opacity:0}}.sheet{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:100%;max-width:520px;z-index:51;background:var(--md-surface);border-radius:var(--r-xl) var(--r-xl) 0 0;padding:8px 18px max(20px,env(safe-area-inset-bottom));max-height:92dvh;overflow-y:auto;animation:slideup .22s cubic-bezier(.2,.8,.2,1)}@keyframes slideup{0%{transform:translate(-50%,100%)}}.sheet .grabber{width:36px;height:4px;border-radius:2px;background:var(--md-outline-variant);margin:8px auto 12px}@media(min-width:600px){.app{box-shadow:var(--elev-1)}}