:root{--blue:#4784d5;--ink:#3c5b80;--muted:#91a5bf;--line:#e1e9f5;--surface:#f7f9fd}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f5f6fb;color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}[hidden]{display:none!important}.demo-strip{height:28px;padding:0 22px;display:flex;align-items:center;gap:20px;background:#eaf0fb;color:#8197b7;font-size:9px;border-bottom:1px solid #dce6f5}.demo-strip b{font-size:9px;color:#5c86bd;font-weight:500}.demo-strip>span:last-child{margin-left:auto}.restaurant-shell{display:grid;grid-template-columns:226px minmax(0,1fr);min-height:calc(100vh - 28px)}.rest-sidebar{background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;position:sticky;top:0;height:calc(100dvh - 28px)}.rest-brand{height:113px;padding:21px 25px;border-bottom:1px solid #f0f3f9;display:flex;flex-direction:column;gap:8px}.rest-brand img{width:132px;height:49px;object-fit:contain;object-position:left}.rest-brand>span{font-size:9px;letter-spacing:2.4px;color:#7896bd}.rest-business{display:flex;align-items:center;gap:9px;padding:14px 13px;margin:14px 12px;background:#f6f9ff;border:1px solid var(--line);border-radius:9px}.rest-business>i{font-style:normal;background:#e7effb;padding:10px 7px;border-radius:7px;font-size:9px;color:#90a8c8}.rest-business b{font-size:10px;font-weight:500;color:#708eaf;display:block}.rest-business small{font-size:8px;color:#9caec6;display:block;margin-top:5px}.rest-nav-heading{font-size:8px;letter-spacing:1px;color:#a2b3c8;margin:18px 25px 9px}.rest-nav-row{width:calc(100% - 26px);margin:3px 13px;border:0;background:none;display:flex;align-items:center;gap:11px;padding:12px 14px;color:#889db8;border-radius:9px;font-size:11px;text-align:left}.rest-nav-row.active{background:#eaf1ff;color:#5487d0}.rest-nav-row span{font-size:15px;color:#9db3cf;width:18px}.rest-nav-row em{font-style:normal;margin-left:auto;font-size:9px;color:#7d9cca;background:#e5edfa;border-radius:6px;padding:3px 6px}.rest-core-note{margin:auto 20px 22px;padding-top:25px;color:#a1b1c8;font-size:9px;line-height:1.8}.rest-core-note b{font-size:10px;color:#8ba4c4;font-weight:500}.rest-core-note span{font-size:8px}.rest-workspace{min-width:0}.rest-topbar{height:76px;padding:0 28px;background:#fff;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.rest-topbar>div>b{font-size:12px;font-weight:500;color:#6b8fba}.rest-topbar small{font-size:9px;color:#a1b2c8;margin-top:5px;display:block}.rest-top-right{display:flex;align-items:center;gap:12px;font-size:10px;color:#8da4c1}.rest-local{font-size:8px;color:#94aaca}.rest-avatar{background:#edf3fc;color:#8eabcf;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:9px}.rest-content{padding:24px 28px 30px}.rest-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.rest-heading small{font-size:8px;letter-spacing:1.5px;color:#91a9c8}.rest-heading h1{font-size:25px;letter-spacing:-.7px;font-weight:500;margin:8px 0;color:#40688f}.rest-heading p{font-size:10px;color:#9bacc3;line-height:1.8;margin:6px 0 0}.rest-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rest-btn{border:1px solid #dce6f5;background:white;color:#7b9ac1;border-radius:7px;padding:10px 14px;font-size:10px;line-height:1.3;min-height:34px}.rest-btn.primary{background:#4d87d6;color:white;border-color:#4d87d6;box-shadow:0 3px 6px #427cc51a}.rest-btn.small{padding:7px 9px;min-height:28px;font-size:9px}.rest-btn.wide{width:100%}.rest-btn.danger{color:#c38f96;border-color:#ead9dd}.rest-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:20px}.rest-metric{padding:16px 19px;background:white;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:14px}.rest-metric>i{font-style:normal;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#f0f5fe;color:#93b2da;font-size:19px}.rest-metric small{display:block;font-size:9px;color:#98acc6}.rest-metric strong{display:block;font-size:25px;font-weight:500;color:#638fc3;margin-top:7px}.rest-operation{display:grid;grid-template-columns:minmax(0,1fr) 306px;gap:17px;align-items:start}.rest-panel{background:#fff;border:1px solid var(--line);border-radius:11px;min-width:0}.rest-panel-head{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-bottom:1px solid #edf1f7;gap:10px}.rest-panel-head h2{font-size:14px;font-weight:500;margin:0;color:#6385b0}.rest-panel-head small{font-size:9px;color:#a1b4ce}.rest-area-tabs{display:flex;align-items:center;gap:5px;padding:10px 12px;border-bottom:1px solid #ebf0f8;flex-wrap:wrap}.rest-area-tabs button{border:0;background:none;padding:10px 13px;font-size:10px;color:#97acc7;border-radius:7px}.rest-area-tabs button.active{background:#edf4ff;color:#568bd6}.rest-area-tabs em{font-style:normal;font-size:8px;color:#a1b7d3;margin-left:5px}.rest-floor{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,126px);gap:30px 22px;padding:35px 35px 28px;background:radial-gradient(#c6d8f144 .7px,transparent .7px) 0 0 / 13px 13px;min-height:452px;position:relative}.rest-floor-label{font-size:8px;letter-spacing:2px;color:#b5c4d7;padding:11px 22px;border-top:1px solid #f0f3f8}.rest-table{position:relative;align-self:center;justify-self:center;width:100%;max-width:125px;height:98px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid var(--state-border,#d9e5f4);border-radius:13px;background:var(--state-bg,#f8fbff);color:var(--state-ink,#8ca5c5);transition:.15s;box-shadow:0 2px 5px #2d507706}.rest-table:before,.rest-table:after{content:'';position:absolute;height:7px;width:55%;background:var(--state-border,#d9e5f4);border-radius:5px;left:22.5%;top:-12px}.rest-table:after{top:auto;bottom:-12px}.rest-table.round{border-radius:50%;max-width:102px;height:102px}.rest-table.round:before,.rest-table.round:after{width:38%;left:31%}.rest-table.selected{outline:2px solid #91b6e8;outline-offset:5px;box-shadow:0 4px 15px #5c8ac41a}.rest-table:hover{transform:translateY(-2px)}.rest-table>b{font-size:17px;font-weight:500;letter-spacing:-.5px}.rest-table>small{font-size:8px}.rest-table>span{font-size:9px}.rest-table>em{font-size:8px;font-style:normal}.rest-status-pill{display:inline-block;padding:5px 8px;border:1px solid var(--state-border,#dae6f4);background:var(--state-bg,#f5f9ff);color:var(--state-ink,#91a8c5);border-radius:5px;font-size:8px;white-space:nowrap}.state-empty{--state-bg:#f9fbfe;--state-border:#dce7f4;--state-ink:#91a9c8}.state-reserved{--state-bg:#f6f2fc;--state-border:#ddd2ed;--state-ink:#a38bbd}.state-occupied{--state-bg:#edf4ff;--state-border:#bfd5f3;--state-ink:#739dd3}.state-waiting{--state-bg:#fcf7ed;--state-border:#ecdcb9;--state-ink:#bea16b}.state-serving{--state-bg:#edf8f4;--state-border:#c6e4d7;--state-ink:#7ba992}.state-bill{--state-bg:#fff1ef;--state-border:#edcfca;--state-ink:#c19086}.state-dirty{--state-bg:#f2f4f7;--state-border:#d9dfe7;--state-ink:#9aa7b9}.rest-legend{display:flex;flex-wrap:wrap;gap:12px;padding:15px 20px;border-top:1px solid #edf1f7}.rest-legend span{display:flex;align-items:center;gap:5px;font-size:8px;color:#9cb0c9}.rest-legend i{height:7px;width:7px;border-radius:50%;background:var(--state-border)}.rest-group-notice{display:flex;gap:12px;align-items:center;margin-top:16px;padding:16px 19px;border:1px solid #e2e8f5;border-radius:10px;background:#f9faff}.rest-group-notice>i{font-size:23px;font-style:normal;color:#a0b4d5}.rest-group-notice b{font-size:11px;font-weight:500;color:#7896bd;display:block}.rest-group-notice p{font-size:9px;color:#a0b1c9;margin:5px 0}.rest-group-notice button{margin-left:auto;flex-shrink:0}.rest-detail{position:sticky;top:15px}.rest-detail-head{padding:19px 20px;border-bottom:1px solid #e9eff7;display:flex;align-items:center;justify-content:space-between}.rest-detail-head small{display:block;font-size:8px;letter-spacing:1px;color:#9bb1cd;margin-bottom:7px}.rest-detail-head h2{font-size:22px;font-weight:500;color:#6c91bd;margin:0}.rest-detail-body{padding:17px 19px}.rest-detail-meta{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}.rest-detail-meta small{font-size:8px;color:#a4b6cd;display:block;margin-bottom:6px}.rest-detail-meta b{font-weight:500;font-size:10px;color:#7c99bc}.rest-detail-info{font-size:10px;color:#9aadc6;line-height:1.8;background:#f7faff;border:1px solid #e7eef9;padding:12px;border-radius:7px;margin:15px 0}.rest-ticket-row{display:flex;align-items:start;gap:10px;border-bottom:1px solid #edf2f8;padding:13px 0}.rest-ticket-row>i{font-size:9px;font-style:normal;color:#8da9ce;background:#edf4ff;padding:6px 7px;border-radius:5px}.rest-ticket-row>div{min-width:0;flex:1}.rest-ticket-row b{font-size:10px;font-weight:500;color:#708fae;display:block;line-height:1.5}.rest-ticket-row small{display:block;font-size:8px;color:#a0b1c6;line-height:1.7;margin-top:4px}.rest-ticket-row>span{font-size:10px;color:#8eabc9;white-space:nowrap}.rest-ticket-row button{border:0;background:none;color:#b1bfd0;font-size:13px;padding:0}.rest-total{display:flex;justify-content:space-between;align-items:center;padding:17px 0;font-size:11px;color:#8ba6c7}.rest-total b{font-size:21px;font-weight:500;color:#628bc0}.rest-note{font-size:8px;color:#a4b5ce;line-height:1.8;margin-top:12px}.rest-detail-empty{text-align:center;padding:20px 0}.rest-detail-empty>i{font-style:normal;font-size:45px;color:#d1def0}.rest-detail-empty p{font-size:11px;color:#a2b4cc;line-height:1.8}.rest-footer{display:flex;justify-content:space-between;gap:20px;padding:14px 28px;border-top:1px solid #e4eaf4;color:#a5b7ce;font-size:8px}.rest-toast{position:fixed;right:25px;bottom:22px;z-index:1000;background:#3d6798;color:#fff;font-size:12px;padding:15px 20px;border-radius:8px;max-width:480px;box-shadow:0 5px 25px #253f6620}#restaurantDialog{border:1px solid #dbe6f4;border-radius:13px;padding:24px;max-width:94vw;width:710px;max-height:91dvh;color:#6587ae;background:white}#restaurantDialog::backdrop{background:#28466c55;backdrop-filter:blur(3px)}.rest-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.rest-dialog-head h2{font-size:20px;font-weight:500;margin:0;color:#5c82b2}.rest-dialog-head small{font-size:9px;letter-spacing:1px;color:#9bb0cb;display:block;margin-bottom:6px}.rest-dialog-head button{border:1px solid #e2eaf5;border-radius:50%;width:29px;height:29px;color:#a2b7d0;background:white;font-size:18px}.rest-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.rest-form-grid label,.rest-field{display:grid;gap:8px;color:#8aa2bf;font-size:11px}.rest-form-grid label.full{grid-column:1/-1}.rest-form-grid input,.rest-form-grid select,.rest-form-grid textarea,.rest-field input,.rest-field textarea,.rest-field select{border:1px solid #dce6f4;border-radius:7px;padding:11px;color:#6e8eb4;background:#fff;font-size:12px;min-width:0;width:100%}.rest-form-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #e9eff8;padding-top:18px;margin-top:22px}.rest-error{font-size:11px;color:#be9296;line-height:1.7;margin-top:10px}.rest-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:15px 0}.rest-menu-item{border:1px solid #e0e9f5;border-radius:9px;padding:17px;background:#fbfdff;text-align:left;display:flex;align-items:center;gap:12px}.rest-menu-item>span{font-size:27px;color:#a1b9da}.rest-menu-item>div{flex:1}.rest-menu-item b{display:block;font-size:12px;font-weight:500;color:#7797bf}.rest-menu-item small{display:block;margin-top:7px;color:#a5b6ce;font-size:9px}.rest-menu-item em{font-size:12px;font-style:normal;color:#8ca9ce}.rest-item-options{padding:16px;background:#f6f9ff;border:1px solid #e1eaf7;border-radius:8px;margin-top:15px}.rest-item-options h3{font-size:14px;font-weight:500;margin:0 0 15px}.rest-kds-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.rest-kds-card{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}.rest-kds-card header{padding:16px 18px;background:#f7faff;border-bottom:1px solid #e5ecf7;display:flex;justify-content:space-between;gap:10px}.rest-kds-card header b{font-weight:500;font-size:15px;color:#7797c1}.rest-kds-card header small{display:block;font-size:9px;color:#a0b4cf;margin-top:6px}.rest-kds-card header>span{font-size:11px;color:#a78f70}.rest-kds-card main{padding:5px 18px 15px}.rest-kds-card footer{padding:13px 18px;border-top:1px solid #e7eef7;display:flex;align-items:center;justify-content:space-between}.rest-kds-state{font-size:9px;color:#92a9c6}.rest-kds-note{font-size:10px;line-height:1.7;padding:10px;background:#fff9ee;border-radius:6px;color:#b4a080;margin:12px 0}.rest-data-table{width:100%;border-collapse:collapse}.rest-data-table th,.rest-data-table td{padding:15px 16px;text-align:left;border-bottom:1px solid #e9eff8;font-size:11px;color:#8ca4c0}.rest-data-table th{font-size:8px;letter-spacing:.5px;background:#f8fafe;color:#9db1cc}.rest-data-table td strong{display:block;font-size:12px;font-weight:500;color:#6e92be}.rest-data-table td small{display:block;font-size:9px;color:#a2b5ce;margin-top:6px}.rest-table-scroll{overflow:auto}.rest-reservation-highlight{background:#f7f5fc}.rest-reservation-tables{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px}.rest-reservation-tables label{display:flex;align-items:center;gap:8px;font-size:10px;padding:10px;border:1px solid #e1eaf5;border-radius:7px}.rest-reservation-tables input{accent-color:#7ba4d9}.rest-money-demo{padding:13px 15px;background:#fff9ef;border:1px solid #eee1c9;border-radius:8px;color:#b19a78;font-size:10px;line-height:1.8;margin-bottom:18px}.rest-receipt{border:1px dashed #cbdced;padding:23px;border-radius:7px;background:#fff}.rest-receipt h3{font-size:17px;font-weight:500;margin-top:0}.rest-receipt small{font-size:10px;color:#9aafca}.rest-report{padding:23px;color:#94a9c4;font-size:12px;line-height:1.9}@media(min-width:1600px){.rest-content{max-width:1650px;margin:auto}.rest-operation{grid-template-columns:minmax(0,1fr) 350px}.rest-floor{grid-template-rows:repeat(3,145px);gap:32px 48px}.rest-table{height:110px;max-width:145px}.rest-table.round{height:110px;max-width:110px}}@media(max-width:1150px){.restaurant-shell{grid-template-columns:192px minmax(0,1fr)}.rest-content{padding:20px}.rest-operation{grid-template-columns:minmax(0,1fr) 270px}.rest-floor{padding:28px 20px;gap:25px 15px;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto;grid-auto-rows:125px}.rest-table{max-width:115px}.rest-metric{padding:13px;gap:9px}.rest-metric>i{display:none}.rest-metric strong{font-size:23px}.rest-kds-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:850px){.restaurant-shell{grid-template-columns:70px minmax(0,1fr)}.rest-brand{padding:20px 9px;height:100px}.rest-brand img{width:50px;height:36px}.rest-brand span{font-size:6px;letter-spacing:.5px}.rest-business,.rest-nav-heading,.rest-core-note{display:none}.rest-nav-row{font-size:0;margin:8px;width:54px;justify-content:center;padding:13px}.rest-nav-row span{font-size:19px}.rest-nav-row em{font-size:8px}.rest-topbar{padding:0 18px}.rest-top-right>div,.rest-local{display:none}.rest-operation{grid-template-columns:1fr}.rest-detail{position:static}.rest-floor{grid-template-columns:repeat(4,minmax(0,1fr))}.demo-strip>span:last-child{display:none}.rest-heading{flex-wrap:wrap}.rest-kds-grid{grid-template-columns:1fr 1fr}}@media(max-width:550px){.rest-content{padding:17px 12px}.rest-heading h1{font-size:22px}.rest-metrics{grid-template-columns:1fr 1fr;gap:9px}.rest-floor{grid-template-columns:repeat(2,minmax(0,1fr));padding:25px;gap:30px}.rest-metric{padding:13px}.rest-kds-grid{grid-template-columns:1fr}.rest-form-grid{grid-template-columns:1fr}.rest-form-grid label.full{grid-column:auto}.rest-menu-grid{grid-template-columns:1fr}.rest-group-notice{align-items:start;flex-wrap:wrap}.rest-topbar{height:64px}.rest-topbar small{font-size:8px}.demo-strip{font-size:7px;gap:10px;padding:0 10px}.rest-reservation-tables{grid-template-columns:repeat(2,minmax(0,1fr))}.rest-area-tabs button{padding:9px 7px;font-size:9px}}