:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#101728;background:#eef2f7;font-synthesis:none;--blue: #075ee8;--blue-dark: #0348b5;--blue-soft: #eaf2ff;--ink: #101728;--muted: #596274;--line: #cbd3de;--line-dark: #9da9b8;--surface: #ffffff;--surface-soft: #f6f8fb;--success: #16a765;--danger: #c63a3a;--shadow: 0 14px 40px rgba(19, 35, 61, .14)}*{box-sizing:border-box}html{background:#eef2f7}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{color:inherit}a{text-decoration:none;color:inherit}button,label,input{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline:4px solid rgba(7,94,232,.2);outline-offset:2px}.app-shell{width:100%;min-height:100vh;background:var(--surface)}.sidebar{position:fixed;inset:0 auto 0 0;z-index:20;display:flex;width:216px;flex-direction:column;border-right:2px solid var(--line);background:#fff}.brand{display:flex;align-items:center;gap:12px;height:92px;padding:0 24px;border-bottom:2px solid var(--line);font-size:23px}.brand-mark{flex:0 0 auto;color:var(--blue)}.side-nav{display:grid;gap:10px;padding:20px 14px}.nav-item,.logout,.mobile-nav__item{border:0;background:transparent;cursor:pointer}.nav-item{display:flex;min-height:70px;align-items:center;gap:14px;padding:12px 14px;border:2px solid transparent;border-radius:12px;text-align:left;font-size:15px;font-weight:600;line-height:1.35}@media(hover:hover)and (pointer:fine){.nav-item:hover{background:var(--surface-soft)}.table-card.is-inactive:hover{transform:none;box-shadow:none;border-color:var(--line-dark)}.mobile-logout:hover{background:var(--surface-soft);color:var(--ink)}}.nav-item.is-active{border-color:#c7dcff;color:var(--blue);background:var(--blue-soft)}.logout{display:flex;align-items:center;gap:12px;margin:auto 18px 22px;padding:16px 6px;font-weight:600}.mobile-header,.mobile-nav{display:none}.app-content{min-height:100vh;margin-left:216px}.screen{position:relative;min-height:100vh;padding:30px 34px 42px;background:#fbfcfe}.screen.has-panel{padding-right:394px}.screen-main{min-width:0}.page-title{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:22px}.page-title h1{margin:0;font-size:clamp(28px,2.2vw,38px);line-height:1.14;letter-spacing:-.04em}.page-title p{margin:9px 0 0;color:var(--muted);font-size:16px;line-height:1.5}.live-indicator{display:flex;align-items:center;gap:9px;min-height:44px;padding:0 14px;border:2px solid #bfe6d0;border-radius:12px;color:#137345;background:#f0fbf5;white-space:nowrap;font-weight:600}.live-indicator i{width:11px;height:11px;border-radius:50%;background:var(--success);box-shadow:0 0 0 5px #16a76521}.chips{display:flex;gap:12px;margin-bottom:24px;overflow-x:auto;padding:2px 2px 4px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{min-width:110px;min-height:48px;padding:8px 18px;border:2px solid var(--line);border-radius:11px;background:#fff;cursor:pointer;white-space:nowrap;font-weight:600}.chip.is-active{border-color:var(--blue);color:var(--blue);background:var(--blue-soft);box-shadow:inset 0 0 0 1px var(--blue)}.table-grid{display:grid;grid-template-columns:repeat(3,minmax(170px,1fr));gap:18px}.table-card{position:relative;display:flex;min-height:184px;flex-direction:column;align-items:flex-start;padding:22px;overflow:hidden;border:2.5px solid var(--line);border-radius:14px;background:#fff;cursor:pointer;text-align:left;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}@media(hover:hover)and (pointer:fine){.table-card:hover{transform:translateY(-2px);border-color:#8e9cad;box-shadow:0 8px 18px #1c2c4714}}.table-card.is-selected{border-color:var(--blue);box-shadow:0 0 0 3px #075ee82b}.table-card strong{font-size:27px;letter-spacing:-.03em}.table-card>span{margin-top:7px;color:var(--muted);font-size:17px}.table-card.is-occupied{border-color:var(--blue-dark);color:#fff;background:linear-gradient(145deg,#0b6bf5,#0756d4)}.table-card.is-occupied>span{color:#eaf2ff}.table-card.is-occupied.is-selected{box-shadow:0 0 0 4px #c8dcff}.table-card__live{display:grid;gap:8px;width:100%;margin-top:auto;padding-top:12px;border-top:1px solid rgba(255,255,255,.5)}.table-card__live span{font-size:15px;font-weight:700}.table-card__live b{font-size:24px;letter-spacing:-.03em}.detail-panel{position:fixed;z-index:15;inset:0 0 0 auto;width:360px;padding:34px 28px;overflow-y:auto;border-left:2px solid var(--line);background:#fff}.panel-handle{display:none}.icon-close{position:absolute;top:25px;right:23px;display:grid;width:44px;height:44px;place-items:center;border:0;border-radius:50%;background:transparent;cursor:pointer}@media(hover:hover)and (pointer:fine){.icon-close:hover{background:var(--surface-soft)}}.detail-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:52px 0 24px;border-bottom:2px solid #e6eaf0}.detail-heading h2{margin:0 0 6px;font-size:31px}.detail-heading p{margin:0;color:var(--muted);font-size:16px}.status-badge{margin:5px 38px 0 0;padding:7px 10px;border:2px solid var(--line);border-radius:999px;color:var(--muted);white-space:nowrap;font-size:12px;font-weight:700}.status-badge.is-live{border-color:#a8d8bc;color:#147347;background:#effaf4}.friendly-card{margin:24px 0;padding:28px 20px;border:2px solid #bdd4f9;border-radius:14px;color:var(--blue);background:var(--blue-soft);text-align:center}.friendly-card h3{margin:12px 0 6px;font-size:20px}.friendly-card p{margin:0;color:#3d5d88;line-height:1.55}.detail-row{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:54px;padding:11px 0;border-bottom:1px solid #dfe5ed}.detail-row>span{color:var(--muted)}.detail-row>b{text-align:right}.detail-row--total{min-height:72px;border-bottom:0;color:var(--blue)}.detail-row--total>span{color:var(--ink);font-size:17px;font-weight:700}.detail-row--total>b{font-size:25px}.live-summary{display:grid;gap:7px;margin:24px 0 10px;padding:21px;border:2px solid #b9d1f9;border-radius:14px;background:var(--blue-soft)}.live-summary span,.live-summary small{color:#41618d}.live-summary strong{color:var(--blue);font-size:36px;letter-spacing:-.04em}.bill-breakdown{margin:20px 0;padding:3px 17px;border:2px solid var(--line);border-radius:13px;background:#fff}.rate-note{margin:12px 0 28px;color:var(--muted);font-size:14px}.panel-actions{display:grid;gap:12px}.primary-button,.secondary-button,.ghost-button,.danger-button{display:inline-flex;min-height:56px;align-items:center;justify-content:center;gap:10px;padding:12px 20px;border:2px solid transparent;border-radius:11px;cursor:pointer;font-weight:700}.primary-button{border-color:var(--blue);color:#fff;background:var(--blue);box-shadow:0 5px 12px #075ee833}@media(hover:hover)and (pointer:fine){.primary-button:hover{background:var(--blue-dark)}}.primary-button:disabled{cursor:not-allowed;opacity:.5}.primary-button.compact{min-height:48px;white-space:nowrap}.secondary-button{border-color:var(--blue);color:var(--blue);background:#fff}@media(hover:hover)and (pointer:fine){.secondary-button:hover{background:var(--blue-soft)}}.ghost-button{border-color:var(--line);background:#fff}.danger-button{border-color:#e1b7b7;color:var(--danger);background:#fff9f9}.start-button{width:100%;margin-top:30px;font-size:17px}.mobile-scrim{display:none}.modal-layer{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:22px}.modal-scrim{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#0a121f8a}.order-modal,.confirm-modal{position:relative;z-index:1;width:min(900px,100%);max-height:calc(100vh - 44px);overflow:auto;border:2px solid #aeb8c7;border-radius:18px;background:#fff;box-shadow:var(--shadow)}.modal-header{position:relative;display:flex;justify-content:space-between;gap:20px;padding:26px 28px 18px;border-bottom:2px solid #e6eaf0}.modal-header h2{margin:0;font-size:26px}.modal-header p{margin:7px 0 0;color:var(--muted)}.modal-header .icon-close{top:17px;right:18px}.order-modal>.chips{padding:18px 26px 4px;margin-bottom:14px}.product-order-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-height:430px;overflow:auto;padding:0 26px 22px}.order-row{display:flex;min-height:92px;align-items:center;gap:14px;padding:13px 14px;border:2px solid var(--line);border-radius:13px}.product-emoji{display:grid;flex:0 0 auto;width:52px;height:52px;place-items:center;border-radius:12px;background:#f0f4fa;font-size:30px}.order-row__info{display:grid;min-width:0;gap:6px;margin-right:auto}.order-row__info strong{font-size:16px}.order-row__info span{color:var(--blue);font-weight:700}.quantity{display:grid;grid-template-columns:40px 34px 40px;align-items:center}.quantity button{display:grid;width:40px;height:40px;place-items:center;border:2px solid var(--blue);border-radius:9px;color:var(--blue);background:#fff;cursor:pointer}.quantity b{text-align:center}.order-footer{position:sticky;bottom:0;display:flex;align-items:center;justify-content:flex-end;gap:26px;padding:18px 26px;border-top:2px solid var(--line);background:#fff}.order-footer>div{display:grid;gap:4px;text-align:right}.order-footer>div span{color:var(--muted);font-size:13px}.order-footer>div strong{color:var(--blue);font-size:23px}.confirm-modal{width:min(520px,100%);padding:32px;text-align:center}.confirm-modal h2{margin:12px 0 7px;font-size:25px}.confirm-modal>p{margin:0 0 10px;color:var(--muted)}.confirm-modal .bill-breakdown{text-align:left}.confirm-actions{display:grid;grid-template-columns:.8fr 1.2fr;gap:12px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(190px,1fr));gap:16px}.product-card{position:relative;display:grid;grid-template-columns:62px 1fr;grid-template-rows:auto auto;gap:13px;min-height:158px;padding:18px;border:2.5px solid var(--line);border-radius:14px;background:#fff;cursor:pointer;text-align:left}.product-card.is-selected{border-color:var(--blue);box-shadow:0 0 0 3px #075ee821}.product-emoji--large{width:62px;height:62px;font-size:35px}.product-card>div{display:grid;align-content:center;gap:5px}.product-card>div strong{font-size:18px}.product-card>div span{color:var(--muted);font-size:13px}.product-card>b{align-self:end;color:var(--blue);font-size:19px;white-space:nowrap}.stock{align-self:end;justify-self:end;padding:5px 8px;border-radius:7px;color:#167248;background:#ecf8f2;font-size:12px;font-weight:700}.stock.is-low{color:#9d471b;background:#fff0e8}.product-panel .detail-heading{margin-bottom:24px}.form-field{display:grid;gap:8px;margin-bottom:19px;font-weight:700}.form-field input,.input-suffix,.price-setting input{width:100%;min-height:51px;border:2px solid var(--line-dark);border-radius:10px;background:#fff}.form-field input,.price-setting input{padding:0 13px}.input-suffix{display:flex;align-items:center;overflow:hidden}.input-suffix input{min-width:0;border:0;outline:0}.input-suffix>b{padding:0 13px;color:var(--muted);white-space:nowrap}.toggle-row{position:relative;display:flex;min-height:78px;align-items:center;justify-content:space-between;gap:20px;padding:14px 0;border-top:1px solid #dce2ea;cursor:pointer}.toggle-row>span{display:grid;gap:6px}.toggle-row small{color:var(--muted);line-height:1.4}.toggle-row input{position:absolute;opacity:0}.toggle-row i{position:relative;flex:0 0 auto;width:56px;height:32px;border:2px solid var(--line-dark);border-radius:999px;background:#dfe4eb}.toggle-row i:after{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #141e2d59;content:"";transition:left .15s ease}.toggle-row input:checked+i{border-color:var(--blue);background:var(--blue)}.toggle-row input:checked+i:after{left:27px}.panel-actions--bottom{margin-top:30px}.toast{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:15px;padding:12px;border:2px solid #aad9c0;border-radius:10px;color:#126e43;background:#edf9f3;font-weight:700}.toast--global{position:fixed;z-index:90;right:28px;bottom:28px;min-width:230px;box-shadow:var(--shadow)}.date-line{display:flex;align-items:center;gap:8px;color:var(--ink)!important;font-weight:600}.print-button{min-height:49px}.revenue-summary{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:15px;margin-bottom:18px}.revenue-total,.metric-card{min-height:154px;border:2.5px solid var(--line);border-radius:14px;background:#fff}.revenue-total{display:grid;align-content:center;gap:8px;padding:24px;border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}.revenue-total>span{font-size:18px;font-weight:700}.revenue-total>strong{color:var(--blue);font-size:clamp(30px,3vw,45px);line-height:1.1;letter-spacing:-.04em}.revenue-total>small{color:var(--muted);font-size:15px}.metric-card{display:flex;align-items:center;gap:15px;padding:22px}.metric-icon,.settings-icon{display:grid;flex:0 0 auto;width:54px;height:54px;place-items:center;border-radius:50%;color:#fff;background:var(--blue)}.metric-card>div{display:grid;min-width:0;gap:6px}.metric-card strong{font-size:clamp(21px,2vw,28px)}.metric-card small{color:var(--muted)}.chart-card,.revenue-table-card,.settings-card{border:2.5px solid var(--line-dark);border-radius:14px;background:#fff}.chart-card{margin-bottom:18px;padding:20px 22px 34px}.chart-card h2,.revenue-table-card h2,.settings-card h2{margin:0;font-size:21px}.bar-chart{display:flex;height:260px;align-items:flex-end;justify-content:space-around;gap:20px;padding:42px 20px 0;border-bottom:2px solid #788596;background:repeating-linear-gradient(to top,transparent 0,transparent 50px,#e1e6ed 51px,transparent 52px)}.bar-column{position:relative;display:flex;width:11%;height:100%;flex-direction:column;justify-content:flex-end;text-align:center}.bar-column>span{position:absolute;bottom:calc(var(--bar) + 6px);left:50%;color:#2e394a;font-size:11px;white-space:nowrap;transform:translate(-50%)}.bar-column i{display:block;width:62%;min-height:10px;height:var(--bar);margin:0 auto;border-radius:5px 5px 0 0;background:linear-gradient(#1575ff,#075ee8)}.bar-column b{position:absolute;bottom:-28px;left:50%;font-size:13px;transform:translate(-50%)}.revenue-table-card{overflow:hidden;margin-bottom:18px}.revenue-table-card h2{padding:17px 20px;border-bottom:2px solid var(--line)}.revenue-tr{display:grid;grid-template-columns:.8fr .9fr 1fr 1.2fr 1.1fr;border-bottom:1px solid var(--line)}.revenue-tr:last-child{border-bottom:0}.revenue-tr>span{display:flex;min-height:54px;align-items:center;padding:10px 14px}.revenue-tr>span small{display:none}.revenue-tr>span:last-child{justify-content:flex-end}.revenue-th{background:#f2f5f9;font-weight:700}.fnb-th,.fnb-tr{grid-template-columns:2fr 1fr 1fr}.settings-screen>.chips{max-width:470px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:1100px}.settings-card{padding:25px}.settings-card>header{display:flex;align-items:center;gap:14px;margin-bottom:25px;padding-bottom:22px;border-bottom:2px solid #e2e7ed}.settings-card>header p{margin:6px 0 0;color:var(--muted);line-height:1.45}.settings-icon{border-radius:13px}.price-setting{display:grid;grid-template-columns:minmax(145px,.8fr) 1.2fr;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid #dfe4ea}.price-setting>span{display:grid;gap:6px}.price-setting small{color:var(--muted)}.radio-group{margin:0 0 14px;padding:0;border:0}.radio-group legend{margin-bottom:10px;font-weight:700}.radio-card{display:flex;min-height:52px;align-items:center;gap:11px;margin-bottom:8px;padding:10px 14px;border:2px solid var(--line);border-radius:10px;cursor:pointer}.radio-card.is-selected{border-color:var(--blue);color:var(--blue);background:var(--blue-soft)}.radio-card input{width:20px;height:20px;accent-color:var(--blue)}.save-settings{grid-column:1 / -1;justify-self:end;min-width:220px}.shop-card{display:grid;max-width:700px}@media(max-width:1160px){.screen{padding-inline:25px}.screen.has-panel{padding-right:374px}.detail-panel{width:350px}.table-grid,.product-grid{grid-template-columns:repeat(2,minmax(160px,1fr))}.revenue-summary{grid-template-columns:1fr 1fr}.revenue-total{grid-row:span 2}}@media(max-width:820px){.sidebar{width:188px}.app-content{margin-left:188px}.screen.has-panel{padding-right:25px}.detail-panel{inset:auto 0 0 188px;width:auto;max-height:78vh;border-top:2px solid var(--line-dark);border-left:0;border-radius:20px 20px 0 0;box-shadow:0 -14px 42px #121e3330}.mobile-scrim{position:fixed;z-index:14;top:0;right:0;bottom:0;left:188px;display:block;border:0;background:#0b131f40}.panel-handle{display:block;width:52px;height:5px;margin:-18px auto 0;border-radius:99px;background:#c4cbd5}.detail-heading{padding-top:24px}.settings-grid{grid-template-columns:1fr}.save-settings{grid-column:auto}}@media(max-width:640px){:root{font-size:15px}body{background:#fff}.app-shell{min-height:100dvh}.sidebar{display:none}.mobile-header{position:fixed;z-index:30;inset:0 0 auto;display:flex;height:72px;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:2px solid var(--line);background:#fffffffa}.brand--compact{height:auto;padding:0;border:0;font-size:20px}.brand--compact .brand-mark{width:33px;height:33px}.employee-badge{display:grid;width:42px;height:42px;place-items:center;border:2px solid var(--line);border-radius:50%;font-size:12px;font-weight:800}.mobile-nav{position:fixed;z-index:40;inset:auto 0 0;display:grid;height:76px;grid-template-columns:repeat(4,1fr);border-top:2px solid var(--line);background:#fffffffa}.mobile-nav__item{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:4px 2px;color:#4c5565;font-size:12px;line-height:1.18}.mobile-nav__item span{max-width:76px}.mobile-nav__item.is-active{color:var(--blue)}.app-content{margin-left:0}.screen,.screen.has-panel{min-height:100dvh;padding:84px 15px 94px}.page-title{align-items:center;margin-bottom:8px}.page-title h1{font-size:22px}.page-title p{font-size:12px}.live-indicator,.page-title .print-button{display:none}.chips{gap:8px;margin-right:-15px;margin-bottom:10px;padding-right:15px}.chip{min-width:84px;min-height:42px;padding-inline:12px;font-size:13px}.table-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.table-card{min-height:0;padding:8px;border-width:2px}.table-card strong{font-size:16px;line-height:1.2}.table-card>span:not(.table-card__live){display:none}.table-card__live{gap:2px;padding-top:6px}.table-card__live span{font-size:9px}.table-card__live b{font-size:13px}.detail-panel{z-index:50;inset:auto 0 0;width:100%;max-height:72dvh;padding:28px 18px calc(24px + env(safe-area-inset-bottom));border-top:2.5px solid var(--line-dark)}.detail-heading{padding-top:21px}.detail-heading h2{font-size:25px}.status-badge{margin-right:42px}.icon-close{top:17px;right:12px}.live-summary{grid-template-columns:1fr auto;align-items:center}.live-summary span{grid-column:1}.live-summary strong{grid-column:1;font-size:31px}.live-summary small{grid-column:2;grid-row:1 / span 2}.bill-breakdown{margin-block:14px}.detail-row{min-height:48px}.detail-row--total{min-height:60px}.detail-row--total>b{font-size:22px}.rate-note{margin-bottom:15px}.mobile-scrim{z-index:45;top:0;right:0;bottom:0;left:0}.modal-layer{align-items:end;padding:0}.order-modal,.confirm-modal{width:100%;max-height:88dvh;border-width:2px 0 0;border-radius:20px 20px 0 0}.modal-header{padding:24px 18px 17px}.modal-header h2{padding-right:45px;font-size:22px}.order-modal>.chips{padding:15px 16px 2px}.product-order-list{grid-template-columns:1fr;max-height:48dvh;padding:0 16px 15px}.order-row{min-height:82px;padding:10px}.product-emoji{width:47px;height:47px;font-size:27px}.order-row__info strong{font-size:15px}.quantity{grid-template-columns:38px 30px 38px}.quantity button{width:38px;height:38px}.order-footer{gap:12px;padding:13px 16px calc(13px + env(safe-area-inset-bottom))}.order-footer .primary-button{min-height:53px;padding-inline:14px;font-size:13px}.confirm-modal{padding:25px 18px calc(22px + env(safe-area-inset-bottom))}.confirm-actions{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.food-screen .page-title .compact{width:48px;min-width:48px;padding:0;font-size:0}.food-screen .page-title .compact svg{margin:0}.product-card{grid-template-columns:48px 1fr;gap:9px;min-height:146px;padding:13px}.product-emoji--large{width:48px;height:48px;font-size:28px}.product-card>div strong{font-size:15px}.product-card>b{font-size:16px}.stock{padding-inline:6px;font-size:10px}.panel-actions--bottom{grid-template-columns:.8fr 1.2fr}.revenue-screen .page-title{align-items:flex-start}.revenue-summary{grid-template-columns:1fr;gap:11px}.revenue-total{grid-row:auto;min-height:155px;padding:20px;text-align:center}.revenue-total>strong{font-size:34px}.metric-card{min-height:104px;padding:15px}.metric-card strong{font-size:23px}.chart-card{padding:17px 12px 30px;overflow:hidden}.bar-chart{height:210px;gap:8px;padding:37px 4px 0}.bar-column{width:13%}.bar-column>span{display:none}.bar-column i{width:70%}.revenue-table-card h2{padding:15px}.revenue-th{display:none}.revenue-tr{grid-template-columns:1fr auto;padding:5px 13px}.revenue-tr>span{min-height:55px;padding:8px 0}.revenue-tr>span:first-child{display:grid;gap:4px}.revenue-tr>span:first-child small{display:block;color:var(--muted)}.revenue-tr>span:nth-child(2),.revenue-tr>span:nth-child(3),.revenue-tr>span:nth-child(4){display:none}.settings-screen>.chips{max-width:none}.settings-grid{gap:13px}.settings-card{padding:18px 15px}.settings-card>header{align-items:flex-start;margin-bottom:15px;padding-bottom:16px}.settings-card h2{font-size:19px}.settings-card>header p{font-size:13px}.price-setting{grid-template-columns:1fr;gap:10px}.save-settings{width:100%;justify-self:stretch}.toast--global{right:15px;bottom:90px;left:15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:#eef2f7}.login-card{width:min(400px,100%);padding:34px 30px 32px;border:2.5px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow);text-align:center}.login-card .brand{height:auto;justify-content:center;border-bottom:0;padding:0 0 16px}.login-card h1{margin:0 0 6px;font-size:24px;letter-spacing:-.03em}.login-sub{margin:0 0 22px;color:var(--muted);font-size:14px;line-height:1.5}.login-card .form-field{text-align:left}.login-card .form-field>span{font-size:13px}.login-error{margin:0 0 14px;padding:10px 12px;border:2px solid #e1b7b7;border-radius:10px;color:var(--danger);background:#fff9f9;font-size:13px;font-weight:700;text-align:left}.login-card .primary-button{width:100%;margin-top:6px}.nav-item svg,.mobile-nav__item svg{flex:0 0 auto}.form-field select{width:100%;min-height:51px;padding:0 13px;border:2px solid var(--line-dark);border-radius:10px;background:#fff}.quantity button:disabled{cursor:default;opacity:.45;border-color:var(--line);color:var(--muted)}.order-error{margin:0 26px;padding:10px 12px;border:2px solid #e1b7b7;border-radius:10px;color:var(--danger);background:#fff9f9;font-size:13px;font-weight:700}.order-empty{padding:14px 26px 22px;color:var(--muted)}@media(max-width:640px){.order-error{margin:0 16px}.order-empty{padding:8px 16px 15px}}.page-title__actions{display:flex;align-items:center;gap:14px}.table-card.is-inactive{opacity:.55;border-style:dashed}.table-card.is-inactive .table-card__live{border-top-color:var(--line)}.table-card.is-inactive .table-card__live span{color:var(--muted)}.table-edit{margin-top:28px;padding-top:22px;border-top:2px solid #e6eaf0}.table-edit h3{margin:0 0 18px;font-size:17px;letter-spacing:-.02em}.table-edit .toggle-row{margin-bottom:20px}.table-edit__save{width:100%}.mobile-header__actions{display:flex;align-items:center;gap:10px}.mobile-logout{display:grid;width:42px;height:42px;place-items:center;border:2px solid var(--line);border-radius:50%;background:#fff;color:var(--muted);cursor:pointer}@media(max-width:640px){.mobile-header{min-height:72px;padding-top:env(safe-area-inset-top)}.mobile-nav{height:calc(76px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}.screen,.screen.has-panel{padding:calc(84px + env(safe-area-inset-top)) 15px calc(94px + env(safe-area-inset-bottom))}.page-title__actions{flex-direction:column;align-items:stretch;gap:10px}.page-title__actions .primary-button{justify-content:center}.table-edit{margin-top:20px;padding-top:18px}}button:focus:not(:focus-visible),a:focus:not(:focus-visible),select:focus:not(:focus-visible){outline:none}.detail-panel{animation:panel-in-right .28s cubic-bezier(.2,.8,.3,1)}@keyframes panel-in-right{0%{transform:translate(100%);opacity:.4}to{transform:none;opacity:1}}.mobile-scrim,.modal-scrim{animation:scrim-in .22s ease}@keyframes scrim-in{0%{opacity:0}to{opacity:1}}.order-modal,.confirm-modal{animation:modal-in .24s cubic-bezier(.2,.8,.3,1)}@keyframes modal-in{0%{transform:translateY(16px);opacity:0}to{transform:none;opacity:1}}.toast--global{animation:toast-in .2s ease}@keyframes toast-in{0%{transform:translateY(10px);opacity:0}to{transform:none;opacity:1}}@media(max-width:820px){.detail-panel{animation-name:panel-in-bottom}@keyframes panel-in-bottom{0%{transform:translateY(100%)}to{transform:none}}}.detail-panel.is-closing{animation:panel-out-right .25s cubic-bezier(.5,0,.85,.4) forwards;pointer-events:none}@keyframes panel-out-right{0%{transform:none;opacity:1}to{transform:translate(100%);opacity:.3}}.mobile-scrim.is-closing,.modal-scrim.is-closing{animation:scrim-out .24s ease forwards;pointer-events:none}@keyframes scrim-out{0%{opacity:1}to{opacity:0}}.order-modal.is-closing,.confirm-modal.is-closing{animation:modal-out .22s ease forwards}@keyframes modal-out{0%{transform:none;opacity:1}to{transform:translateY(14px);opacity:0}}.table-edit summary{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:17px;letter-spacing:-.02em;padding:2px 0 0}.table-edit summary::-webkit-details-marker{display:none}.table-edit summary:after{content:"";flex:0 0 auto;width:9px;height:9px;margin-right:2px;border-right:2.5px solid var(--muted);border-bottom:2.5px solid var(--muted);transform:rotate(45deg);transition:transform .18s ease}.table-edit[open] summary:after{transform:rotate(225deg)}.table-edit[open]>.form-field:first-of-type{margin-top:18px}.image-picker{display:flex;align-items:center;gap:14px;padding:12px;border:2px solid var(--line);border-radius:12px;background:var(--surface-soft)}.image-preview{flex:0 0 auto;width:72px;height:72px;object-fit:cover;border:2px solid var(--line);border-radius:10px;background:#fff}.image-placeholder{display:grid;place-items:center;color:var(--muted)}.image-actions{display:grid;flex:1;gap:8px;min-width:0}.ghost-button.compact{min-height:44px;padding:8px 14px;font-size:14px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.product-image{width:100%;height:100%;object-fit:cover;border-radius:inherit}@media(max-width:820px){.detail-panel.is-closing{animation-name:panel-out-bottom}@keyframes panel-out-bottom{0%{transform:none;opacity:1}to{transform:translateY(100%);opacity:.3}}}@media(max-width:640px){.image-picker{gap:10px;padding:10px}.image-preview{width:60px;height:60px}}.users-grid{display:grid;grid-template-columns:420px 1fr;gap:18px;align-items:start;max-width:1100px}.users-form-card,.users-list-card{padding:25px}.users-form-actions{display:flex;gap:12px;margin-top:6px}.users-form-actions .primary-button{flex:1}select.form-field-select,.users-form-card select{width:100%;min-height:51px;border:2px solid var(--line-dark);border-radius:10px;background:#fff;padding:0 13px;font:inherit}.muted-text{color:var(--muted);font-weight:400;font-size:13px;line-height:1.45}.user-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.user-row{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:14px;padding:12px 14px;border:2px solid var(--line);border-radius:12px;background:#fff}.user-row.is-editing{border-color:var(--blue);box-shadow:0 0 0 3px #075ee82b}.user-row.is-inactive{opacity:.62;background:var(--surface-soft)}.user-avatar{display:grid;width:44px;height:44px;place-items:center;border:2px solid var(--line);border-radius:50%;font-size:13px;font-weight:800;color:var(--blue);background:var(--blue-soft)}.user-info{display:grid;gap:4px;min-width:0}.user-info strong{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-info small{color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-actions{display:flex;gap:8px}.danger-button.compact,.secondary-button.compact{min-height:44px;padding:8px 14px;font-size:14px}.bills-card{margin-top:18px}.bills-th{display:grid;grid-template-columns:1.1fr 1.1fr .6fr .9fr .8fr .9fr 1.2fr}.bills-row{display:grid;grid-template-columns:1.1fr 1.1fr .6fr .9fr .8fr .9fr 1.2fr;align-items:center}.bills-code{font-weight:800;letter-spacing:.02em;color:var(--blue)}.bills-total{font-weight:800}.bills-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}.bills-actions small{color:var(--muted)}.bills-reprint{min-height:44px;padding:8px 12px;font-size:13px}@media(max-width:820px){.users-grid{grid-template-columns:1fr}}@media(max-width:640px){.bills-th{display:none}.bills-row{display:block;border-bottom:1px solid var(--line);padding:10px 0}.bills-row>span{display:block;padding:3px 0;font-size:14px}.bills-row .bills-code{font-size:15px}.bills-row>span:nth-child(3),.bills-row>span:nth-child(4),.bills-row>span:nth-child(5){display:inline-block;width:48%;float:left}.bills-actions{justify-content:space-between;margin-top:8px}.user-row{grid-template-columns:40px 1fr;gap:10px}.user-avatar{width:38px;height:38px;font-size:11px}.user-actions{grid-column:1 / -1;justify-content:flex-end}}@keyframes button-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}button,.nav-item,.mobile-nav__item{animation:button-in .3s ease both}.nav-item:focus,.mobile-nav__item:focus{outline:none}.table-card__live.is-urgent b{color:#ffe08a}.slot-picker{display:grid;gap:10px;margin:24px 0 20px}.slot-picker>span{font-size:15px;font-weight:700}.slot-picker__options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.slot-option{display:grid;gap:4px;align-content:center;min-height:74px;padding:10px;border:2px solid var(--line);border-radius:12px;background:#fff;cursor:pointer}.slot-option b{color:var(--blue);font-size:16px}.slot-option small{color:var(--muted);font-size:11px}.slot-option:disabled{cursor:not-allowed;opacity:.5}@media(hover:hover)and (pointer:fine){.slot-option:hover:enabled{border-color:var(--blue);background:var(--blue-soft)}}.adjust-modal{position:relative;z-index:1;width:min(600px,100%);max-height:calc(100vh - 44px);overflow:auto;border:2px solid #aeb8c7;border-radius:18px;background:#fff;box-shadow:var(--shadow);animation:modal-in .24s cubic-bezier(.2,.8,.3,1)}.adjust-modal.is-closing{animation:modal-out .22s ease forwards}.time-adjust{display:grid;gap:16px;padding:22px 26px 26px}.time-adjust__display{display:grid;grid-template-columns:1fr 1fr;gap:12px}.time-adjust__cell{display:grid;gap:6px;align-content:center;min-height:88px;padding:14px;border:2px solid var(--line);border-radius:13px;text-align:center}.time-adjust__cell span{color:var(--muted);font-size:13px}.time-adjust__cell b{color:var(--blue);font-size:26px;letter-spacing:-.02em}.time-adjust__cell.is-remain b{color:var(--success)}.time-adjust__steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.time-adjust__step{min-height:54px;border:2px solid var(--blue);border-radius:11px;color:var(--blue);background:#fff;cursor:pointer;font-weight:700;font-size:14px}@media(hover:hover)and (pointer:fine){.time-adjust__step:hover:enabled{background:var(--blue-soft)}.move-row:hover:enabled{border-color:#8e9cad}}.time-adjust__step:disabled{cursor:not-allowed;opacity:.4}.move-list{display:grid;gap:10px;padding:18px 26px 26px}.move-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;padding:12px 16px;border:2px solid var(--line);border-radius:13px;background:#fff;cursor:pointer;font-weight:600;font-size:16px}.move-row span:last-child{color:var(--muted);font-size:14px;font-weight:500}.move-row:disabled{cursor:not-allowed;opacity:.5}@media(max-width:640px){.adjust-modal{width:100%;max-height:88dvh;border-width:2px 0 0;border-radius:20px 20px 0 0}.slot-picker{margin:16px 0 14px;gap:8px}.slot-picker>span{font-size:14px}.slot-picker__options{gap:8px}.slot-option{min-height:68px;padding:8px 6px}.slot-option b{font-size:15px}.slot-option small{font-size:10px}.time-adjust{padding:18px 16px calc(20px + env(safe-area-inset-bottom))}.time-adjust__cell{min-height:78px;padding:11px}.time-adjust__cell b{font-size:22px}.time-adjust__steps{gap:8px}.time-adjust__step{min-height:50px;font-size:13px}.move-list{padding:14px 16px calc(18px + env(safe-area-inset-bottom))}.move-row{min-height:58px;padding:10px 14px;font-size:15px}}.notif-section{margin-bottom:26px}.notif-section>h2{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:21px;letter-spacing:-.02em}.notif-count{display:grid;place-items:center;min-width:30px;height:30px;padding:0 8px;border-radius:999px;color:var(--blue);background:var(--blue-soft);font-size:15px}.notif-active-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:16px}.notif-active-card{display:grid;gap:14px;padding:20px;border:2.5px solid var(--line);border-radius:14px;background:#fff}.notif-active-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.notif-active-card__title{display:grid;gap:3px;min-width:0}.notif-active-card__title strong{font-size:21px;letter-spacing:-.02em}.notif-active-card__title span{color:var(--muted);font-size:14px}.notif-live-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 16px;border:2px solid #b9d1f9;border-radius:12px;background:var(--blue-soft)}.notif-live-row span{display:grid;gap:4px;color:#41618d;font-weight:600}.notif-live-row small{color:#41618d;opacity:.75;font-weight:500}.notif-live-row b{color:var(--blue);font-size:24px;letter-spacing:-.02em}.notif-order-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.notif-order-list li{display:flex;align-items:center;gap:10px;min-height:46px;padding:9px 12px;border:2px solid var(--line);border-radius:11px;background:#fff}.notif-order-list li small{flex:0 0 auto;color:var(--muted);font-size:12px;white-space:nowrap}.notif-order-list li span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.notif-order-list li b{color:var(--blue);white-space:nowrap}.notif-muted{margin:0;color:var(--muted);font-size:14px}.notif-food-total{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:10px;border-top:1px solid var(--line)}.notif-food-total span{color:var(--muted);font-weight:600}.notif-food-total b{color:var(--blue);font-size:19px}.notif-recent-card{overflow:hidden;border:2.5px solid var(--line-dark);border-radius:14px;background:#fff}.notif-recent-tr{display:grid;grid-template-columns:1.4fr .7fr 1fr 1.2fr 1fr;border-bottom:1px solid var(--line)}.notif-recent-tr:last-child{border-bottom:0}.notif-recent-tr>span{display:flex;min-height:54px;align-items:center;padding:10px 14px}.notif-recent-tr>span small{display:none}.notif-recent-tr>span:last-child{justify-content:flex-end;font-weight:800}.notif-recent-th{background:#f2f5f9;font-weight:700}.notif-hint{display:flex;align-items:center;gap:8px;margin:0;color:var(--muted);font-size:13px}@media(max-width:640px){.notif-active-grid{grid-template-columns:1fr;gap:12px}.notif-active-card{padding:16px}.notif-live-row b{font-size:21px}.notif-recent-th{display:none}.notif-recent-tr{grid-template-columns:1fr auto auto;padding:5px 13px}.notif-recent-tr>span{min-height:55px;padding:8px 0}.notif-recent-tr>span:first-child{display:grid;gap:4px}.notif-recent-tr>span:first-child small{display:block;color:var(--muted)}.notif-recent-tr>span:nth-child(3),.notif-recent-tr>span:nth-child(4){display:none}.notif-hint{display:none}}@media(max-width:640px){.tables-screen{height:100dvh;overflow:hidden;padding-top:calc(80px + env(safe-area-inset-top));padding-bottom:calc(86px + env(safe-area-inset-bottom))}.tables-screen .screen-main{height:100%;display:flex;flex-direction:column;min-height:0}.tables-screen .page-title{flex:0 0 auto;margin-bottom:5px;gap:10px}.tables-screen .page-title p{display:none}.tables-screen .page-title__actions{flex-direction:row;align-items:center;gap:8px}.tables-screen .page-title__actions .primary-button{min-height:44px;padding:8px 14px;font-size:14px}.tables-screen .chips{flex:0 0 auto;margin-bottom:7px;padding:2px}.tables-screen .table-grid{flex:1 1 auto;min-height:0;grid-auto-rows:1fr;gap:6px}.tables-screen .table-card{min-height:0;padding:8px;border-radius:12px}.tables-screen .table-card strong{font-size:clamp(12px,2.4dvh,17px);line-height:1.15;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tables-screen .table-card__live{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 6px;width:100%;margin-top:auto;padding-top:4px}.tables-screen .table-card__live>span:first-child{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.tables-screen .table-card__live>span:last-child{order:2;flex:0 0 auto;text-align:right;white-space:nowrap}.tables-screen .table-card__live>b{order:3;width:100%;font-size:clamp(13px,2.6dvh,20px);line-height:1.15}.tables-screen .table-card__live span{font-size:clamp(8px,1.5dvh,11px)}}.split-chart .pie-row{display:flex;align-items:center;gap:30px;flex-wrap:wrap;margin-top:18px}.pie{position:relative;flex:0 0 auto;width:172px;height:172px;border-radius:50%}.pie__hole{position:absolute;top:24%;right:24%;bottom:24%;left:24%;display:grid;place-content:center;gap:3px;border-radius:50%;background:#fff;text-align:center}.pie__hole small{color:var(--muted);font-size:13px}.pie__hole strong{color:var(--blue);font-size:19px;letter-spacing:-.02em}.pie-legend{display:grid;flex:1 1 250px;min-width:230px;gap:14px;margin:0;padding:0;list-style:none}.pie-legend li{display:flex;align-items:center;gap:10px}.pie-legend i{flex:0 0 auto;width:14px;height:14px;border-radius:4px}.pie-legend>li>span{color:var(--muted);font-weight:600}.pie-legend b{margin-left:auto;font-size:16px}.pie-legend small{min-width:56px;text-align:right;color:var(--muted)}@media(max-width:640px){.split-chart .pie-row{justify-content:center;gap:18px}.pie{width:140px;height:140px}.pie-legend{flex-basis:100%}}.table-card__live.is-over b{color:#ffd7d7}.status-badge.is-over{border-color:#e1b7b7;color:var(--danger);background:#fff9f9}.live-summary.is-over{border-color:#e1b7b7;background:#fff9f9}.live-summary.is-over span{color:#8c3030}.live-summary.is-over strong{color:var(--danger)}.notif-active-card.is-over{border-color:#e1b7b7}.adjust-note{margin:-8px 0 16px;color:var(--muted);font-size:13px}.method-picker{margin:18px 0 4px;text-align:left}.method-picker>span{display:block;margin-bottom:10px;font-weight:700;font-size:14px}.method-picker__options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.method-picker .chip{min-width:0;min-height:44px;padding:8px 6px;font-size:13px}.order-placed{margin:0 0 14px;padding:0 26px}.order-placed h3{margin:0 0 10px;font-size:16px}.order-placed__list{display:grid;gap:8px;margin:0;padding:0;list-style:none;max-height:170px;overflow:auto}.order-placed__list li{display:flex;align-items:center;gap:12px;min-height:52px;padding:9px 12px;border:2px solid var(--line);border-radius:11px}.order-placed__items{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.order-placed__list li b{color:var(--blue);white-space:nowrap}.order-placed__cancel{min-height:40px;padding:6px 10px;font-size:13px;color:var(--danger);border-color:#e1b7b7;background:#fff9f9}.void-modal{position:relative;z-index:1;width:min(520px,100%);max-height:calc(100vh - 44px);overflow:auto;border:2px solid #e1b7b7;border-radius:18px;background:#fff;box-shadow:var(--shadow);animation:modal-in .24s cubic-bezier(.2,.8,.3,1)}.void-modal.is-closing{animation:modal-out .22s ease forwards}.void-modal .time-adjust{padding:0 26px 26px}.notif-alerts{display:grid;gap:10px;margin-bottom:22px}.notif-alerts p{display:flex;align-items:center;gap:12px;margin:0;padding:14px 16px;border:2.5px solid #e1b7b7;border-radius:12px;color:#8c3030;background:#fff9f9;font-weight:600}.notif-alerts svg{flex:0 0 auto;color:var(--danger)}.bills-hint{margin-left:12px;font-size:13px;font-weight:500;color:var(--muted)}@media(max-width:640px){.method-picker__options{grid-template-columns:1fr 1fr 1fr;gap:6px}.method-picker .chip{font-size:12px;padding:6px 4px}.order-placed{padding:0 16px}.void-modal{width:100%;max-height:88dvh;border-width:2px 0 0;border-radius:20px 20px 0 0}.void-modal .time-adjust{padding:0 16px calc(20px + env(safe-area-inset-bottom))}.bills-hint{display:block;margin:6px 0 0}}#bida-print-root{display:none}@media print{body.bida-printing{background:#fff}body.bida-printing #root{display:none!important}body.bida-printing #bida-print-root{display:block}}