:root{--bg:#f4f6f8;--surface:#ffffff;--text:#0f1720;--muted:#5d6874;--accent:#0a6e64;--error:#b42318;--success:#067647;--border:#d0d7de}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:linear-gradient(140deg,#eef4ff,#f8fafc 45%,#ecfdf3);color:var(--text);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.page{padding:24px}.page-center{min-height:100vh;display:grid;place-items:center}.topbar{justify-content:space-between;margin-bottom:20px}.topbar,.topbar nav{display:flex;align-items:center}.topbar nav{gap:16px;flex-wrap:wrap}.topbar a{color:var(--accent);text-decoration:none;font-weight:600}.stack{display:grid;grid-gap:16px;gap:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;box-shadow:0 8px 24px rgba(15,23,32,.08);grid-gap:12px;gap:12px;max-width:800px}.card,label{display:grid}label{grid-gap:6px;gap:6px;color:var(--muted);font-size:14px}button,input,select,textarea{font:inherit}input,select,textarea{border:1px solid var(--border);border-radius:8px;padding:10px}button{border:none;border-radius:8px;padding:10px 14px;background:var(--accent);color:#fff;font-weight:600;cursor:pointer}button:disabled{opacity:.7;cursor:not-allowed}.conotif-row-read{opacity:.55;filter:grayscale(.4);color:#6b6b6b}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:10px;border-bottom:1px solid var(--border)}.action-row{display:flex;flex-wrap:wrap;gap:8px}.admin-icon-action-btn{width:30px;height:30px;min-width:30px;min-height:30px;border:1px solid #b9c6d8;border-radius:8px;background:#ffffff;color:#12324f;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .08s ease}.admin-icon-action-btn img{width:16px;height:16px;display:block}.admin-icon-action-btn:hover:not(:disabled){background:#eef5ff;border-color:#8db0d8}.admin-icon-action-btn:active:not(:disabled){transform:translateY(1px)}.admin-icon-action-btn:disabled{opacity:.55;cursor:not-allowed}.admin-icon-action-btn.primary{color:#154569}.admin-icon-action-btn.danger{color:#b42318;border-color:#efb2ac}.admin-icon-action-btn.danger:hover:not(:disabled){background:#fff1f0;border-color:#e08179}.admin-icon-action-btn.success{color:#0d6b47;border-color:#9fdbbc}.admin-icon-action-btn.success:hover:not(:disabled){background:#ebfbf2;border-color:#69be90}.admin-row-actions{flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:6px}.logout-btn{background:#b42318}.error{color:var(--error)}.success{color:var(--success)}@media (max-width:768px){.topbar{flex-direction:column;align-items:flex-start;gap:10px}.card{width:100%;padding:16px}}.brand-block{display:grid;grid-gap:4px;gap:4px}.admin-notif-strip{display:inline-flex;gap:8px;align-items:center}.admin-notif-pill{background:linear-gradient(180deg,#ecf2f7,#dbe4ec);color:#12202e;font-weight:700}.admin-monitor-state,.admin-notif-pill{border:1px solid #5d6571;border-radius:999px;padding:4px 10px;font-size:12px;line-height:1;white-space:nowrap}.admin-monitor-state{font-weight:800}.admin-monitor-state.live{color:#0b5f3b;border-color:#1f8b5b;background:linear-gradient(180deg,#dff7e9,#c4efd7)}.admin-monitor-state.paused{color:#7a2e0a;border-color:#c56c2a;background:linear-gradient(180deg,#ffeccc,#ffdca8)}.admin-scope-toggle{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#223345}.admin-scope-toggle input[type=checkbox]{accent-color:#0f6f62}.kasir-shell{min-height:100dvh;height:100dvh;max-height:100dvh;padding:8px;display:flex;flex-direction:column;overflow:hidden}.kasir-shell>:not(.topbar){min-height:0;flex:1 1}.kasir-topbar{margin-bottom:8px;gap:8px}.kasir-topbar .brand-block h1{margin:0;font-size:42px;line-height:1}.kasir-metro-nav{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.metro-btn,.metro-link{height:36px;min-height:36px;border-radius:0;border:1px solid #5d6571;box-shadow:inset 0 0 0 1px #f3f5f7;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:14px;font-weight:700;color:#13202f;background:linear-gradient(180deg,#e8edf2,#d6dde5);cursor:pointer}.metro-btn:hover,.metro-link:hover{filter:brightness(.88);border-color:#13202f}.metro-link-active{border-color:#13202f;box-shadow:inset 0 0 0 2px #13202f;filter:brightness(.82)}.metro-btn-primary{border-color:#1f5a53;box-shadow:inset 0 0 0 1px #2ca193;background:linear-gradient(180deg,#178878,#0f6f62);color:#ffffff}.metro-btn-primary:hover{background:linear-gradient(180deg,#199685,#11786b)}.metro-btn-danger{border-color:#88241a;box-shadow:inset 0 0 0 1px #d14b3f;background:linear-gradient(180deg,#c73a2d,#a42c22);color:#ffffff}.kasir-topbar-popup-overlay{position:fixed;inset:0;background:rgba(30,30,30,.34);z-index:95;padding:10px;display:grid;place-items:center}.kasir-topbar-popup-modal{width:auto;min-width:min(760px,calc(100vw - 20px));max-width:min(1240px,calc(100vw - 20px));max-height:min(860px,calc(100dvh - 20px));background:#7a7a7a;border:2px solid #8f8f8f;display:flex;flex-direction:column;overflow:hidden}.kasir-topbar-popup-head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;border-bottom:1px solid #9c9c9c;background:#b0b0b0}.kasir-topbar-popup-head strong{font-size:14px;line-height:1.2}.kasir-topbar-popup-head .action-row{gap:6px;flex-wrap:nowrap;justify-content:flex-end}.kasir-topbar-popup-head .metro-btn{height:32px;min-height:32px;padding:0 10px;font-size:13px}.room-status-table{table-layout:auto}.kasir-embed-stage .room-status-table{display:table;width:100%;max-width:100%;overflow:visible;white-space:normal}.kasir-embed-stage .room-status-table thead{display:table-header-group;width:auto}.kasir-embed-stage .room-status-table tbody{display:table-row-group;width:auto}.room-status-table .col-room,.room-status-table .col-status,.room-status-table .col-trx{width:1%;white-space:nowrap}.room-status-table .col-action{width:auto}.room-status-table td,.room-status-table th{vertical-align:top}.room-status-table th{white-space:nowrap}.room-status-table .room-status-main{font-weight:600}.room-status-table .room-status-sub{margin-top:2px;font-size:12px;color:#475569}.room-status-table .room-trx-main{font-weight:600;white-space:nowrap;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.room-status-table .room-trx-sub{margin-top:2px;font-size:12px;text-align:right;white-space:nowrap;color:#334155;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.room-status-table .room-trx-cell{text-align:right}.kasir-topbar-popup-iframe{flex:0 0 auto;min-height:300px;height:clamp(360px,64dvh,760px);width:100%;border:0;background:#9f9f9f}.kasir-orders-popup-modal{width:min(90vw,1620px);height:min(88dvh,980px);background:#7a7a7a;border:2px solid #8f8f8f;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.kasir-orders-popup-head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px;border-bottom:1px solid #9c9c9c;background:#b0b0b0}.kasir-orders-popup-body{overflow:auto;padding:8px;background:#9f9f9f}.kasir-orders-popup-body .order-pos-shell{min-height:100%}.pos-orders-stage{flex:1 1 auto;min-height:0;overflow:auto;background:#9f9f9f;border-top:1px solid #c6c6c6;padding:6px;display:grid;grid-gap:6px;gap:6px}.pos-orders-stage--fill{overflow:hidden;padding:0;gap:0;grid-template-rows:1fr}.pos-lounge-console-iframe{width:100%;height:100%;border:0;display:block;background:#f0f0f0}.pos-orders-stage .order-pos-shell{min-height:100%}.pos-orders-stage .card,.pos-orders-stage .stack{width:100%;max-width:none}.pos-orders-stage .kasir-orders-inline-tabs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 2px}.date-picker{position:relative;display:inline-block}.date-picker-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:140px;border:1px solid var(--border);border-radius:8px;padding:10px;background:var(--surface);color:var(--text);font:inherit;cursor:pointer}.date-picker-trigger:disabled{opacity:.6;cursor:not-allowed}.date-picker-trigger.open{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.date-picker-placeholder{color:var(--muted)}.date-picker-icon{font-size:15px}.date-picker-backdrop{position:fixed;inset:0;z-index:140;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center}.date-picker-popup{width:min(340px,calc(100vw - 32px));background:var(--surface);border:1px solid #2b2b2b;border-radius:10px;box-shadow:0 16px 40px rgba(0,0,0,.4);padding:16px;display:grid;grid-template-columns:minmax(0,1fr);grid-gap:10px;gap:10px;overflow:hidden}.date-picker-header{display:flex;align-items:center;justify-content:space-between}.date-picker-nav{width:40px;height:40px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:20px;font-weight:800;cursor:pointer}.date-picker-nav:hover{filter:brightness(.9);border-color:var(--accent)}.date-picker-month-label{font-weight:800;font-size:15px;color:var(--text)}.date-picker-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));text-align:center;font-size:12px;font-weight:700;color:var(--muted)}.date-picker-weekdays span{min-width:0}.date-picker-grid{display:grid;grid-gap:4px;gap:4px;min-width:0}.date-picker-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:4px;gap:4px;min-width:0}.date-picker-cell{min-width:0;width:100%;height:40px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text);font-size:14px;font-weight:600;cursor:pointer}.date-picker-cell:hover:not(.empty){background:var(--border)}.date-picker-cell.empty{cursor:default;pointer-events:none}.date-picker-cell.today{border-color:var(--accent)}.date-picker-cell.selected{background:var(--accent);color:#ffffff;border-color:var(--accent)}.date-picker-footer{display:flex;justify-content:flex-end}.date-picker-today-btn{height:36px;padding:0 14px;border:1px solid var(--accent);border-radius:8px;background:transparent;color:var(--accent);font-weight:700;cursor:pointer}.date-picker-today-btn:hover{background:var(--accent);color:#ffffff}.custom-select{position:relative}.custom-select-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--border);border-radius:8px;padding:10px;background:var(--surface);color:var(--text);font:inherit;text-align:left;cursor:pointer}.custom-select-trigger:disabled{opacity:.6;cursor:not-allowed}.custom-select-trigger.open{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.custom-select-placeholder{color:var(--muted)}.custom-select-caret{font-size:11px;color:var(--muted);flex:none}.custom-select-list{position:absolute;z-index:130;top:calc(100% + 4px);left:0;right:0;max-height:260px;overflow-y:auto;background:#4a4a4a;border:1px solid #2b2b2b;box-shadow:0 8px 18px rgba(0,0,0,.3);display:grid}.custom-select-option{border:0;border-radius:0;min-height:34px;padding:7px 12px;text-align:left;font-size:14px;font-weight:600;color:#f0f0f0;background:transparent}.custom-select-option:hover:not(:disabled){background:#5f5f5f}.custom-select-option.selected{color:#ffffff;font-weight:800}.custom-select-option:disabled{opacity:.5;cursor:not-allowed}.kasir-context-menu-backdrop{position:fixed;inset:0;z-index:120}.kasir-context-menu{position:fixed;width:min(280px,calc(100vw - 16px));background:#e2e2e2;border:2px solid #676767;box-shadow:0 8px 18px rgba(0,0,0,.25);border-radius:0;overflow:hidden}.kasir-context-title{padding:8px 10px;font-size:12px;font-weight:800;letter-spacing:.25px;color:#151515;background:#b8b8b8;border-bottom:1px solid #8f8f8f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kasir-context-list{display:grid}.kasir-context-item{border:0;border-top:1px solid #9d9d9d;border-radius:0;min-height:34px;padding:7px 10px;text-align:left;font-size:13px;font-weight:700;color:#131313;background:linear-gradient(180deg,#f0f0f0,#dadada)}.kasir-context-item:first-child{border-top:0}.kasir-context-item:hover:not(:disabled){background:linear-gradient(180deg,#f7f7f7,#e2e2e2)}.kasir-context-item.danger{color:#8f1616}.global-about-overlay{position:fixed;inset:0;z-index:130;background:rgba(24,24,24,.35);display:grid;place-items:center;padding:12px}.global-about-modal{width:min(420px,calc(100vw - 24px));background:#f1f1f1;border:2px solid #676767;box-shadow:0 10px 28px rgba(0,0,0,.28);padding:12px}.global-about-modal h3{margin:0 0 10px}.global-about-modal p{margin:4px 0}.global-about-actions{margin-top:12px;display:flex;justify-content:flex-end}.kasir-popup-topbar{margin-bottom:10px}.kasir-popup-stage{background:#9f9f9f;border:1px solid #7f7f7f;border-radius:8px;padding:14px;overflow:auto}.kasir-embed-stage{min-height:100%;height:100%;max-height:100dvh;overflow:auto;padding:8px;background:#9f9f9f}.kasir-embed-stage .stack{gap:8px}.kasir-embed-stage .card{max-width:none;width:100%;border-radius:2px;box-shadow:none;border:1px solid #8f8f8f;background:#cfcfcf;padding:10px;gap:8px}.kasir-embed-stage table{display:block;width:100%;overflow:auto;max-width:100%;white-space:nowrap}.kasir-embed-stage table tbody,.kasir-embed-stage table thead{display:table;width:100%}.kasir-embed-stage td,.kasir-embed-stage th{padding:8px;font-size:13px}.kasir-embed-stage button,.kasir-embed-stage input,.kasir-embed-stage select,.kasir-embed-stage textarea{min-height:34px;border-radius:2px}.kasir-popup-stage .card{background:#b8b8b8;border:1px solid #8a8a8a;box-shadow:none}.kasir-popup-stage table td,.kasir-popup-stage table th{background:#d2d2d2}.group-badge{display:inline-block;width:-moz-fit-content;width:fit-content;background:#0a6e64;color:#ffffff;border-radius:999px;padding:2px 10px;font-size:11px;font-weight:700;letter-spacing:.4px}.kiosk-shell{display:grid;grid-gap:16px;gap:16px}.kiosk-header h2{margin:0;font-size:24px}.kiosk-header p{margin:4px 0 0;color:var(--muted)}.kiosk-groups{display:grid;grid-gap:14px;gap:14px}.kiosk-group{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px;box-shadow:0 8px 24px rgba(15,23,32,.06)}.kiosk-group h3{margin:0 0 10px;font-size:15px;color:#0b4a45}.kiosk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));grid-gap:10px;gap:10px}.kiosk-tile{display:block;border:1px solid #c7e0dc;background:linear-gradient(160deg,#f4fffd,#e6f7f4);border-radius:10px;padding:12px;text-decoration:none;color:#11413d;font-weight:700;text-align:center}.kiosk-tile:hover{border-color:#65b3aa;background:linear-gradient(160deg,#ecfff9,#daf3ee)}.pos-shell{flex:1 1 auto;min-height:0;height:100%;max-height:100%;background:#9f9f9f;border:1px solid #d7d7d7;padding:8px;display:flex;flex-direction:column;gap:8px;position:relative;overflow:hidden}.pos-top-row{display:flex;gap:10px;justify-content:space-between;align-items:flex-start}.pos-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));grid-gap:8px;gap:8px;width:min(690px,100%)}.pos-action{display:grid;place-items:center;text-decoration:none;height:76px;min-height:76px;border:2px solid #575757;color:#0a0a0a;font-size:18px;font-weight:800;letter-spacing:.4px;box-shadow:inset 0 0 0 1px #a9a9a9;align-self:start;cursor:pointer}.pos-action:hover{filter:brightness(.9);border-color:#13202f}.pos-action.active{box-shadow:inset 0 0 0 2px #0078d4;border-color:#2b2b2b;filter:brightness(.85)}button.pos-action{padding:0 10px}.pos-action-green{background:linear-gradient(180deg,#78cb7d,#5eb76b)}.pos-action-yellow{background:linear-gradient(180deg,#ebde60,#d0c93f)}.pos-notif-wrap{min-width:430px;border:1px solid #5f5f5f;background:#aaaaaa;padding:6px}.pos-utility-row{display:flex;align-items:flex-start;gap:8px}.pos-icon-btn{border-radius:0;border:2px solid #5e5e5e;background:linear-gradient(180deg,#f6f6f6,#d4d4d4);color:#161616;min-width:54px;min-height:56px;padding:4px;font-size:18px;font-weight:700;display:grid;place-items:center}.pos-waiting-btn{display:flex;flex-direction:column;gap:1px}.pos-waiting-sign{color:#22b14c;line-height:1}.pos-waiting-bars{color:#4f4f4f;line-height:1}.pos-notif-title{font-size:12px;font-weight:700;margin-bottom:4px}.pos-notif-grid{display:grid;grid-template-columns:repeat(3,minmax(110px,1fr));grid-gap:8px;gap:8px}.pos-notif-btn{text-decoration:none;height:44px;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;font-weight:800;color:#111111;background:linear-gradient(180deg,#d8d8d8,#bdbdbd);border:2px solid #5e5e5e;border-radius:0;cursor:pointer;align-self:start}.pos-notif-badge{min-width:22px;min-height:22px;border:1px solid #777777;background:#dcdcdc;border-radius:11px;display:grid;place-items:center;font-size:11px;font-weight:800}.pos-notif-badge.active{background:#d92121;border-color:#7f1010;color:#ffffff}.pos-filter-row{display:flex;flex-wrap:wrap;gap:8px;padding-top:2px;border-top:2px solid #c9c9c9;align-items:flex-start}.pos-filter-btn{text-decoration:none;border:2px solid #636363;box-shadow:inset 0 0 0 1px #b7b7b7;height:50px;min-height:50px;min-width:94px;padding:10px 12px;display:grid;place-items:center;font-weight:800;color:#111111;background:linear-gradient(180deg,#dcdcdc,#c1c1c1);border-radius:0;align-self:start}.pos-filter-btn.active{box-shadow:inset 0 0 0 2px #0078d4;border-color:#2b2b2b}.pos-floor-btn{min-width:136px;background:linear-gradient(180deg,#8ed4e2,#5dc2d7)}.pos-room-btn{min-width:84px;background:linear-gradient(180deg,#f4d562,#efc740)}.pos-state-btn{min-width:124px}.pos-room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:10px;gap:10px;flex:1 1 auto;min-height:0;overflow:auto;align-content:start;padding:4px 2px 8px}.pos-room-card{text-decoration:none;color:#151515;background:#efefef;border:2px solid #bcbcbc;min-height:162px;display:grid;grid-template-rows:auto 1fr auto;cursor:pointer;border-radius:0;padding:0}.pos-room-card-active,.pos-room-card-available,.pos-room-card-open,.pos-room-card-standard,.pos-room-card-waiting{background:#efefef;border-color:#bcbcbc}.pos-room-card-time_out{background:#efefef;border-color:#d84f4f}.pos-room-card-time_out_unclosed{background:#efefef;border-color:#cc2f2f}.pos-room-card-near_timeout{background:#efefef;border-color:#e6af2c}.pos-room-card-incoming_call{background:#efefef;border-color:#43a060}.pos-room-card-checksound,.pos-room-card-trouble{background:#efefef;border-color:#bcbcbc}.pos-room-card-closed_bill{background:#efefef;border-color:#6b7fd3}button.pos-room-card{text-align:initial}.pos-room-head{text-align:center;font-weight:800;font-size:14px;line-height:1.2;padding:3px 4px;border-bottom:1px solid #9e9e9e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pos-room-head.normal{background:#d8d8d8}.pos-room-head.danger{background:#ff3a3a;color:#1b0000}.pos-room-head.standard{background:#39a8dc;color:#001b28}.pos-room-head.open{background:#f4d562;color:#231500}.pos-room-head.checksound{background:#4a90e2;color:#f3f8ff}.pos-room-head.warning{background:#ffd15b;color:#2b1a00}.pos-room-head.incoming{background:#6fdd8c;color:#082b13}.pos-room-head.closed{background:#6a80d8;color:#f2f5ff}.pos-room-head.trouble{background:#8a8a8a;color:#111111}.pos-room-body{display:grid;align-content:center;justify-items:center;grid-gap:4px;gap:4px;padding:4px 6px}.pos-room-state{font-size:18px;font-weight:400;line-height:1.05;margin:0}.pos-room-guest{font-size:17px;font-weight:600;line-height:1.1;margin:0}.pos-room-time{font-size:22px;font-weight:800;line-height:1;margin:0;max-width:100%;text-overflow:clip;letter-spacing:0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pos-room-foot,.pos-room-time{white-space:nowrap;overflow:hidden}.pos-room-foot{text-align:center;font-weight:800;font-size:13px;padding:2px 4px;border-top:1px solid #9e9e9e;background:#c8c8c8;text-overflow:ellipsis}.kar-room-touch-layout{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(460px,1.38fr);grid-gap:12px;gap:12px;align-items:start}.kar-room-touch-actions{display:grid;grid-template-columns:repeat(4,minmax(74px,1fr));grid-gap:6px;gap:6px}.kar-room-touch-btn{min-height:50px;border:2px solid #595959;background:linear-gradient(180deg,#f5f5f5,#dfdfdf);color:#111;font-size:13px;font-weight:800;text-decoration:none;letter-spacing:.3px;display:grid;place-items:center;padding:4px 6px;text-align:center;box-shadow:inset 0 0 0 1px #a8a8a8}.kar-room-touch-btn.lilac{background:linear-gradient(180deg,#e8d8ef,#ceb7dd)}.kar-room-touch-btn.blue-soft{background:linear-gradient(180deg,#cde0f4,#abc7e4)}.kar-room-touch-btn.green{background:linear-gradient(180deg,#8ee06e,#70cf4b)}.kar-room-touch-btn.blue{background:linear-gradient(180deg,#7dc1f1,#5ba8df)}.kar-room-touch-btn.yellow{background:linear-gradient(180deg,#f5d157,#ebbe3f)}.kar-room-touch-btn.danger{background:linear-gradient(180deg,#ff7f47,#f55c2e)}.kar-room-touch-btn.checkout{background:linear-gradient(180deg,#ff6f34,#ff4f20)}.kar-room-touch-btn.utility{background:linear-gradient(180deg,#efefef,#d8d8d8)}.kar-room-touch-btn.empty{visibility:hidden;pointer-events:none}.kar-room-touch-summary{border:1px solid #777;background:#b5b5b5;padding:10px}.kar-legacy-columns{display:grid;grid-template-columns:minmax(300px,1fr) minmax(300px,1fr);grid-gap:12px;gap:12px}.kar-legacy-group{--legacy-label-col:98px;--legacy-colon-col:10px;--legacy-col-gap:4px;--legacy-split-left:72px}.kar-legacy-title{margin:0 0 6px calc(var(--legacy-label-col) + var(--legacy-colon-col) + (var(--legacy-col-gap) * 2));font-size:11px;font-weight:800;letter-spacing:.3px;color:#fff200;line-height:1.05}.kar-legacy-title.is-entertain{margin-top:12px}.kar-legacy-row{display:grid;grid-template-columns:var(--legacy-label-col) var(--legacy-colon-col) 1fr;align-items:center;grid-gap:var(--legacy-col-gap);gap:var(--legacy-col-gap);margin-bottom:3px}.kar-legacy-row label{white-space:nowrap}.kar-legacy-row label,.kar-legacy-row>span{font-size:11px;font-weight:700;color:#101010}.kar-legacy-row>span{text-align:center}.kar-legacy-row .value{width:100%;box-sizing:border-box;min-height:19px;border:1px solid #868686;background:#ecece0;font-size:11px;font-weight:700;color:#131313;padding:0 6px;display:flex;align-items:center}.kar-legacy-row .value.num{justify-content:flex-end;background:#efedf8;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kar-legacy-value-split{display:grid;grid-template-columns:minmax(var(--legacy-split-left),var(--legacy-split-left)) 1fr;grid-gap:4px;gap:4px}.kar-legacy-value-split.equal{grid-template-columns:1fr 1fr}.kar-legacy-group.side{--legacy-label-col:104px}.kar-legacy-group .kar-legacy-row .value.num,.kar-legacy-group .kar-legacy-row.total .value.num{text-align:right}.kar-legacy-mini-table{width:100%;border-collapse:collapse;margin:4px 0 6px;font-size:10px;border:1px solid #8a8a8a}.kar-legacy-mini-table td,.kar-legacy-mini-table th{border:1px solid #8a8a8a;padding:2px 4px;text-align:center;background:#ececec;color:#111}.kar-legacy-mini-table th{font-weight:800}.kar-legacy-row.total .value{background:#ffb22c;border-color:#a16f08;font-weight:800}.pos-modal-overlay{position:fixed;inset:0;background:rgba(30,30,30,.34);display:grid;place-items:center;z-index:95;padding:10px;overflow:auto}.pos-setting-modal{width:auto;max-width:min(1240px,calc(100vw - 20px));max-height:min(860px,calc(100dvh - 20px));background:#7a7a7a;border:2px solid #8f8f8f;box-shadow:0 10px 30px rgba(0,0,0,.32);padding:8px;overflow:auto}.pos-modal-head{display:flex;justify-content:space-between;gap:8px;align-items:center;min-height:32px;padding:0;border-bottom:1px solid #9a9a9a;margin-bottom:4px}.pos-modal-head strong{font-size:15px;font-weight:800;color:#111111;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pos-modal-close-top{border-radius:0;border:2px solid #8f8f8f;min-width:82px;min-height:30px;padding:4px 10px;background:#d2d2d2;color:#111111;font-weight:700}.pos-setting-modal .card{background:#b8b8b8;border:1px solid #8a8a8a;box-shadow:none;padding:10px;gap:8px}.pos-setting-modal .card h1,.pos-setting-modal .card h2,.pos-setting-modal .card h3,.pos-setting-modal .card h4{margin:0;line-height:1.1}.pos-setting-modal .card p{margin:0}.bill-summary{display:flex;flex-direction:column;gap:0;font-size:13px;border:1px solid var(--border);border-radius:8px;overflow:hidden}.bill-summary-row{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;border-bottom:1px solid var(--border);gap:12px;transition:background .1s}.bill-summary-row:last-child{border-bottom:none}.bill-summary-row:hover{background:#f0f4ff}.bill-summary-label{color:var(--muted);font-size:12px;white-space:nowrap;flex-shrink:0}.bill-summary-value{font-weight:600;color:var(--text);text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;word-break:break-all}.bill-summary-section{background:#f8fafc;padding:3px 12px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);border-bottom:1px solid var(--border)}.bill-summary-row.total{background:var(--accent);border-bottom:none}.bill-summary-row.total:hover{background:#085d54}.bill-summary-row.total .bill-summary-label{color:rgba(255,255,255,.85);font-weight:700;font-size:13px}.bill-summary-row.total .bill-summary-value{color:#fff;font-size:16px;font-weight:700}.bill-summary-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:99px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.bill-summary-badge.open{background:#dcfce7;color:#166534}.bill-summary-badge.closed{background:#d1fae5;color:#065f46}.bill-summary-badge.void{background:#fee2e2;color:#991b1b}.bill-summary-badge.other{background:#e5e7eb;color:#374151}.pos-setting-modal .card>h1:first-child,.pos-setting-modal .card>h2:first-child,.pos-setting-modal .card>h3:first-child,.pos-setting-modal .card>h4:first-child,.pos-setting-modal .card>p:first-child{margin-top:0}.pos-setting-modal .card>h1:last-child,.pos-setting-modal .card>h2:last-child,.pos-setting-modal .card>h3:last-child,.pos-setting-modal .card>h4:last-child,.pos-setting-modal .card>p:last-child{margin-bottom:0}.pos-setting-modal .action-row,.pos-setting-modal .pos-modal-actions{gap:6px}.pos-setting-modal .action-row button,.pos-setting-modal .pos-modal-actions button{min-height:32px}.pos-modal-form{max-width:none;width:100%;background:#b8b8b8;border:1px solid #8a8a8a;box-shadow:none;padding:8px;gap:8px}.pos-modal-form-title{margin:0;font-size:16px;font-weight:800;color:#121212}.pos-modal-form-grid{display:grid;grid-gap:8px;gap:8px}.pos-modal-form-grid label{font-size:13px;color:#202020}.pos-modal-form-grid input,.pos-modal-form-grid select,.pos-modal-form-grid textarea{border-radius:0;border:1px solid #8f8f8f;min-height:34px;background:#efefef}.pos-modal-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:2px}.pos-modal-actions button{border-radius:0;border:2px solid #6b6b6b;min-width:100px;min-height:34px;background:#d2d2d2;color:#111111;font-weight:700}.pos-modal-actions .danger{border-color:#7a1f1f;background:#be3022;color:#ffffff}.pos-setting-modal table td,.pos-setting-modal table th{background:#d2d2d2}.pos-setting-tabs{display:flex;flex-wrap:wrap;gap:0}.pos-setting-tabs button{border-radius:0;border:2px solid #777777;background:#e0e0e0;color:#161616;font-size:14px;font-weight:700;min-height:40px;min-width:130px}.pos-setting-tabs button.active{border-top-color:#1e90ff;border-top-width:4px}.pos-setting-body{border:2px solid #a5a5a5;padding:8px;display:grid;grid-template-columns:1fr auto 1fr;grid-gap:8px;gap:8px;margin-top:2px}.pos-setting-list{border:2px solid #a5a5a5;padding:6px}.pos-setting-list h4{margin:0 0 6px;font-size:18px;letter-spacing:.2px}.pos-setting-list ul{margin:0;padding:8px;list-style:none;background:#e9e9e9;min-height:220px;border:1px solid #aaaaaa}.pos-setting-list li{font-size:14px;line-height:1.35}.pos-printer-select{margin-top:2px;border-radius:0;border:1px solid #999999;min-height:220px;background:#e9e9e9}.pos-setting-grid-list{border:2px solid #a5a5a5;padding:8px;margin-top:2px}.pos-setting-grid-list h4{margin:0 0 8px;font-size:16px}.pos-setting-list button{margin-top:8px;width:100%;border-radius:0;border:2px solid #8f8f8f;background:#dfdfdf;color:#111111;font-weight:700}.pos-setting-transfer{display:grid;align-content:center;grid-gap:8px;gap:8px}.pos-setting-transfer button{border-radius:0;border:2px solid #8f8f8f;background:#8a8a8a;min-width:56px;color:#ffffff;font-size:20px;font-weight:700}.pos-setting-footer{display:flex;justify-content:flex-end;margin-top:8px}.pos-setting-footer button{border-radius:0;border:2px solid #8f8f8f;min-width:112px;background:#d2d2d2;color:#111111;font-weight:700}.pos-route-modal{width:auto;min-width:min(760px,calc(100vw - 20px))}.pos-route-body{margin-top:8px;min-height:0;max-height:calc(100dvh - 180px);overflow:hidden;border:1px solid #999999;background:#f0f0f0}.pos-route-iframe{width:100%;min-height:300px;height:clamp(360px,64dvh,760px);border:0;display:block;background:#f0f0f0}@media (min-width:1100px){.kasir-topbar-popup-modal,.pos-route-modal{min-width:920px}.kasir-topbar-popup-iframe,.pos-route-iframe{min-width:900px}}.pos-waiting-panel{width:100%;height:auto;max-height:calc(100dvh - 240px);background:#efefef;border:1px solid #a5a5a5;display:grid;grid-template-rows:minmax(0,1fr) auto auto;overflow:auto}.pos-waiting-panel h3{margin:0;text-align:center;background:#7e7e7e;color:#ffffff;padding:10px 8px;font-size:34px;letter-spacing:.3px}.pos-waiting-head{display:grid;grid-template-columns:1fr auto;align-items:center;background:transparent;padding:0}.pos-waiting-head h3{padding:4px 6px;background:transparent;color:#111111;text-align:left;font-size:18px}.pos-waiting-panel table td,.pos-waiting-panel table th{border-bottom:1px solid #cccccc;color:#111111}.pos-waiting-table-wrap{overflow:auto;min-height:0}.pos-waiting-table-wrap table{min-width:100%}.pos-selected-row{background:#d5e9ff}.pos-empty-row{text-align:center;color:#4f4f4f;height:220px}.pos-waiting-form{display:grid;grid-template-columns:1fr 1fr 90px 90px;grid-gap:6px;gap:6px;padding:8px 10px 0}.pos-waiting-form input,.pos-waiting-form select{border-radius:0;border:1px solid #8f8f8f;padding:6px 8px;height:32px}.pos-waiting-actions{background:#7b7b7b;padding:8px 10px;display:flex;gap:8px;flex-wrap:wrap}.pos-waiting-actions button{border-radius:0;border:2px solid #666666;min-width:42px;min-height:36px;padding:4px;background:#d8d8d8}.pos-status-bar{position:-webkit-sticky;position:sticky;bottom:0;margin-top:auto;min-height:36px;display:flex;align-items:center;gap:0;border-top:2px solid #d8d8d8;background:#b2b2b2;color:#0f0f0f;font-size:12px}.pos-status-bar span{border-right:1px solid #8f8f8f;padding:6px 9px;white-space:nowrap}.pos-status-bar span:last-child{margin-left:auto;border-right:none;font-weight:700}.pos-status-key{border-right:1px solid #8f8f8f;padding:6px 9px;white-space:nowrap;font-weight:700;letter-spacing:.04em}.pos-status-key--on{background:#2a7ae2;color:#fff}.pos-status-key--off{color:#888;background:#c0c0c0}.billing-form-grid{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(2,minmax(200px,1fr))}.billing-col-full{grid-column:1/-1}.billing-close-layout{display:grid;grid-template-columns:minmax(320px,1fr) minmax(260px,320px);grid-gap:10px;gap:10px}.billing-close-fields{display:grid;grid-template-columns:repeat(2,minmax(170px,1fr));grid-gap:8px;gap:8px}.billing-pad-wrap{border:1px solid #8a8a8a;background:#b5b5b5;padding:6px;display:grid;grid-gap:6px;gap:6px;align-content:start}.billing-pad-mode{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:6px;gap:6px}.billing-keypad,.billing-keypad-row{display:grid;grid-template-columns:repeat(5,minmax(44px,1fr));grid-gap:6px;gap:6px}.billing-keypad-row{margin-top:8px}.billing-auth-overlay{position:fixed;inset:0;z-index:140;background:rgba(20,20,20,.35);display:grid;place-items:center;padding:10px}.billing-auth-modal{width:min(520px,calc(100vw - 20px));max-height:calc(100dvh - 20px);overflow:auto;background:#b8b8b8;border:2px solid #8a8a8a;padding:8px}.order-pos-shell{display:grid;grid-template-columns:minmax(460px,1fr) minmax(460px,1fr);grid-gap:10px;gap:10px;align-items:start}.order-pos-left-column,.order-pos-right-column{display:grid;grid-gap:10px;gap:10px;align-content:start}.kasir-orders-inline-tabs,.order-pos-local-tabs{display:flex;flex-wrap:wrap;gap:6px}.order-pos-card{max-width:none;width:100%;border-radius:2px;box-shadow:none;border:1px solid #8f8f8f;background:#cfcfcf;padding:8px 10px;gap:8px}.order-pos-card h2,.order-pos-card h3{margin:0;line-height:1.1}.order-pos-list-card{align-self:start}.order-pos-feedback{grid-column:1/-1;margin:0;padding:6px 10px;background:#cfcfcf;border:1px solid #8f8f8f}.order-pos-shell button,.order-pos-shell input,.order-pos-shell select{min-height:36px;border-radius:2px}.order-pos-shell table td,.order-pos-shell table th{background:#d8d8d8}.order-pos-summary{display:grid;grid-template-columns:repeat(2,minmax(140px,1fr));grid-gap:6px;gap:6px;padding:6px;border:1px solid #8f8f8f;background:#bebebe;position:-webkit-sticky;position:sticky;top:0;z-index:2}.order-pos-summary p{margin:0;padding:6px 8px;background:#d6d6d6;border:1px solid #9f9f9f;font-size:13px;line-height:1.25}.order-pos-search-label{display:grid;grid-gap:4px;gap:4px;margin:0}.order-pos-search-row{display:grid;grid-template-columns:minmax(140px,1fr) auto;grid-gap:8px;gap:8px;align-items:center}.order-pos-search-row button{min-width:110px}.order-pos-compact-fields{display:grid;grid-template-columns:repeat(2,minmax(110px,170px));grid-gap:8px;gap:8px}.order-pos-compact-field{display:grid;grid-gap:4px;gap:4px;margin:0}.order-pos-inline-control{display:grid;grid-template-columns:minmax(140px,220px) 1fr;grid-gap:8px;gap:8px;align-items:end}.order-pos-inline-actions{justify-content:flex-start;align-items:end}.order-pos-tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:6px;gap:6px;max-height:240px;overflow:auto;border:1px solid #8f8f8f;background:#c2c2c2;padding:6px}.order-pos-tile{min-height:64px;border-radius:2px;border:1px solid #727272;background:linear-gradient(180deg,#ececec,#d2d2d2);color:#121212;display:grid;align-content:center;justify-items:start;grid-gap:2px;gap:2px;padding:8px;text-align:left;font-size:12px;font-weight:700}.order-pos-tile strong{font-size:13px}.order-pos-tile.active{border-color:#005ea6;box-shadow:inset 0 0 0 2px #0d8bff}.order-pos-list-card thead th{position:-webkit-sticky;position:sticky;top:0;z-index:1}.order-pos-list-card.is-hidden{display:none}.order-pos-shell.orderlist-legacy{grid-template-columns:minmax(560px,1fr) minmax(360px,410px);grid-template-areas:"stage side";gap:0;min-height:calc(100dvh - 170px);background:#9a9a9a;border:1px solid #8a8a8a}.order-pos-shell.orderlist-legacy .order-pos-right-column{grid-area:stage;min-height:0;display:grid;grid-template-rows:auto 1fr auto auto;grid-gap:6px;gap:6px;background:#a0a0a0;border-right:1px solid #8a8a8a;padding:0 4px 4px}.order-pos-shell.orderlist-legacy .order-pos-local-tabs{padding-top:4px;border-bottom:1px solid #d2d2d2;padding-bottom:4px}.order-pos-shell.orderlist-legacy .order-pos-pick-card{align-self:start;min-height:46px;padding:0;border:0;background:transparent}.order-pos-shell.orderlist-legacy .order-pos-pick-card .order-pos-tile-grid,.order-pos-shell.orderlist-legacy .order-pos-pick-card h3,.order-pos-shell.orderlist-legacy .order-pos-pick-card>label,.order-pos-shell.orderlist-legacy .order-pos-pick-card>p{display:none}.order-pos-shell.orderlist-legacy .order-pos-pick-card .action-row{display:flex;flex-wrap:wrap;gap:6px}.order-pos-shell.orderlist-legacy .order-pos-pick-card .metro-btn,.order-pos-shell.orderlist-legacy .order-pos-pick-card .metro-link{min-height:42px;height:42px;min-width:104px;font-size:11px;background:linear-gradient(180deg,#7cd3e5,#4ebfd8)}.order-pos-shell.orderlist-legacy .order-pos-search-card{margin-top:auto;padding:0;border:0;background:transparent}.order-pos-shell.orderlist-legacy .order-pos-search-card h2{margin:0;font-size:16px;color:#f1f1f1;font-weight:700}.order-pos-shell.orderlist-legacy .order-pos-search-row{grid-template-columns:minmax(160px,1fr) auto;gap:4px}.order-pos-shell.orderlist-legacy .order-pos-search-row input{min-height:36px;background:#efefef;border:1px solid #8f8f8f}.order-pos-shell.orderlist-legacy .order-pos-search-row button{min-height:36px;min-width:82px}.order-pos-shell.orderlist-legacy .order-pos-entry-card{padding:6px 0 0;border:0;background:transparent}.order-pos-shell.orderlist-legacy .order-pos-entry-card .action-row,.order-pos-shell.orderlist-legacy .order-pos-entry-card .error,.order-pos-shell.orderlist-legacy .order-pos-entry-card .order-pos-inline-control,.order-pos-shell.orderlist-legacy .order-pos-entry-card .order-pos-summary,.order-pos-shell.orderlist-legacy .order-pos-entry-card datalist,.order-pos-shell.orderlist-legacy .order-pos-entry-card h3,.order-pos-shell.orderlist-legacy .order-pos-entry-card>button,.order-pos-shell.orderlist-legacy .order-pos-entry-card>label,.order-pos-shell.orderlist-legacy .order-pos-entry-card>p{display:none}.order-pos-legacy-side-head{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;align-items:center;margin-bottom:6px}.order-pos-legacy-side-head div{display:grid;grid-template-columns:auto 1fr;grid-gap:8px;gap:8px;align-items:center}.order-pos-legacy-side-head span{font-size:11px;font-weight:700;color:#f3f3f3}.order-pos-legacy-side-head strong{min-height:18px;border:1px solid #a9a997;background:#ececd7;color:#101010;font-size:11px;display:flex;align-items:center;padding:0 6px}.order-pos-legacy-bottom-actions{display:grid;grid-template-columns:repeat(8,minmax(48px,1fr));grid-gap:4px;gap:4px}.order-pos-legacy-bottom-actions .kar-room-touch-btn{min-height:44px;font-size:10px}.order-pos-shell.orderlist-legacy .order-pos-left-column{grid-area:side;display:grid;grid-template-rows:auto minmax(0,1fr);grid-gap:0;gap:0;min-height:0;background:#9b9b9b;padding:2px 4px 4px}.order-pos-legacy-list-tabs{display:flex;gap:0;border-bottom:1px solid #8a8a8a}.order-pos-legacy-list-tabs .metro-btn,.order-pos-legacy-list-tabs .metro-link{min-height:28px;height:28px;min-width:58px;font-size:10px;border-width:1px;border-right:0}.order-pos-legacy-list-tabs .metro-btn:last-child,.order-pos-legacy-list-tabs .metro-link:last-child{border-right:1px solid #5d6571}.order-pos-shell.orderlist-legacy .order-pos-list-card{border:1px solid #8a8a8a;background:#c8c8c8;padding:0;min-height:0;display:grid;grid-template-rows:1fr}.order-pos-shell.orderlist-legacy .order-pos-list-card h3{display:none}.order-pos-shell.orderlist-legacy .order-pos-list-card>div{max-height:none!important;overflow:auto;min-height:calc(100dvh - 360px)}.order-pos-shell.orderlist-legacy .order-pos-list-card table{border-collapse:collapse;min-width:100%}.order-pos-shell.orderlist-legacy .order-pos-list-card td,.order-pos-shell.orderlist-legacy .order-pos-list-card th{font-size:10px;border-right:1px solid #cfcfcf;border-bottom:1px solid #d6d6d6;padding:4px 6px}.order-pos-shell.orderlist-legacy .order-pos-list-card th{background:#dadada;text-transform:uppercase}.order-pos-shell.orderlist-legacy .order-pos-list-card td{background:#efefef}.order-pos-shell.orderlist-legacy .order-pos-list-card tr.pos-selected-row td{background:#d5e9ff}.order-pos-shell.orderlist-legacy .order-pos-feedback{margin:0 4px 4px;background:#cfcfcf}@media (max-width:1100px){.order-pos-shell{grid-template-columns:1fr}.order-pos-shell.orderlist-legacy{grid-template-columns:1fr;grid-template-areas:"stage" "side"}.order-pos-left-column,.order-pos-right-column{grid-column:1}}.fnb-legacy-shell{flex-direction:column;height:100%;background:#9a9a9a;border:1px solid #8a8a8a}.fnb-body-row,.fnb-legacy-shell{display:flex;min-height:0;overflow:hidden}.fnb-body-row{flex-direction:row;flex:1 1}.fnb-picker-panel{flex:0 0 58%;flex-direction:column}.fnb-picker-panel,.pkg-picker-panel{display:flex;min-height:0;overflow:hidden;background:#a0a0a0;border-right:1px solid #8a8a8a}.pkg-picker-panel{flex:0 0 62%;flex-direction:column}.pkg-picker-panel .fnb-item-grid{flex:1 1;overflow-y:auto}.console-foot{display:flex;flex-direction:row;align-items:stretch;gap:5px;padding:5px 8px;background:#6a6a6a;border-top:2px solid #444;flex-shrink:0;min-height:62px}.console-foot-search{display:flex;align-items:center;gap:4px;flex:0 0 auto}.console-foot-search-label{color:#fff;font-size:11px;font-weight:600;white-space:nowrap;writing-mode:vertical-lr;-webkit-text-orientation:mixed;text-orientation:mixed;transform:rotate(180deg);margin-right:2px;align-self:center;letter-spacing:1px}.console-foot-search input{font-size:13px;font-weight:700;padding:5px 8px;background:#fff;border:2px solid #aaa;min-width:160px;max-width:260px;align-self:stretch;height:auto}.console-foot-pagination{display:flex;align-items:stretch;gap:4px;flex:1 1;justify-content:flex-end}.console-foot-page-label{font-weight:800;font-size:15px;color:#fff;background:#555;padding:0 14px;border:2px solid #888;min-width:64px;text-align:center;display:flex;align-items:center;justify-content:center;align-self:stretch}.console-foot-actions{display:flex;align-items:stretch;gap:4px;flex:0 0 auto}.console-foot .kar-room-touch-btn{min-height:52px;min-width:52px;font-size:13px;font-weight:800;padding:4px 10px;white-space:nowrap}.console-foot-pagination .kar-room-touch-btn{min-width:52px;font-size:18px;padding:4px 8px;background:linear-gradient(180deg,#f5d157,#ebbe3f)}.console-foot-pagination .kar-room-touch-btn:disabled{opacity:.35;cursor:not-allowed}.fnb-cat-row{flex-wrap:wrap;gap:4px;padding:4px 6px}.fnb-cat-row,.fnb-group-row{display:flex;border-bottom:1px solid #8a8a8a;background:#9a9a9a}.fnb-group-row{flex-wrap:nowrap;align-items:center;gap:0;padding:2px 0;overflow:hidden}.fnb-group-scroll{display:flex;flex-wrap:nowrap;gap:4px;flex:1 1;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;padding:2px 4px;scrollbar-width:none}.fnb-group-scroll::-webkit-scrollbar{display:none}.fnb-group-arrow{flex-shrink:0;width:24px;min-height:38px;background:linear-gradient(180deg,#9ecde0,#6bb8d4);border:1px solid #5a9ab4;color:#0e1c22;font-size:20px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.fnb-group-arrow:hover{background:linear-gradient(180deg,#4eaecf,#2990b8);color:#fff}.fnb-metro-btn{min-height:38px;min-width:88px;padding:0 10px;font-size:11px;font-weight:600;background:linear-gradient(180deg,#9ecde0,#6bb8d4);border:1px solid #5a9ab4;color:#0e1c22;cursor:pointer;white-space:nowrap}.fnb-metro-btn.active,.fnb-metro-btn:focus{background:linear-gradient(180deg,#4eaecf,#2990b8);color:#fff;border-color:#1a6f97}.fnb-metro-btn:disabled{opacity:.5;cursor:not-allowed}.fnb-metro-btn--group{background:linear-gradient(180deg,#d9a8d9,#c080c0);border-color:#9a50a0;color:#1a0a1a}.fnb-metro-btn--group.active,.fnb-metro-btn--group:focus{background:linear-gradient(180deg,#b060b8,#8a3090);color:#fff;border-color:#6a1870}.fnb-item-grid{flex:1 1;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:6px;gap:6px;padding:6px;overflow-y:auto;align-content:start}.fnb-item-tile{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:4px;min-height:80px;padding:6px 8px;background:linear-gradient(180deg,#7cd3e5,#4ebfd8);border:2px solid #3aacca;color:#101010;font-size:11px;cursor:pointer;text-align:left;overflow:hidden}.fnb-item-tile.hot{background:linear-gradient(180deg,#f9b3b3,#f07070);border-color:#c43030}.fnb-item-tile.active{border-color:#f05000;box-shadow:0 0 0 2px #f0500088}.fnb-item-tile.ent-tile-checkin{background:linear-gradient(180deg,#f9b3b3,#f07070);border-color:#c43030;color:#1a0000}.fnb-item-tile.ent-tile-off{background:linear-gradient(180deg,#c8c8c8,#a8a8a8);border-color:#888;color:#555;cursor:not-allowed;opacity:.7}.pkg-tile-wrapper{padding:0!important;cursor:default;display:flex;flex-direction:column;justify-content:stretch}.pkg-tile-wrapper .pkg-tile-body{flex:1 1;display:flex;flex-direction:column;justify-content:space-between;gap:4px;padding:6px 8px;background:transparent;border:none;cursor:pointer;text-align:left;color:inherit;width:100%}.pkg-tile-wrapper .pkg-tile-detail-btn{width:100%;padding:4px 0;font-size:10px;font-weight:700;letter-spacing:.04em;background:rgba(0,0,0,.15);border:none;border-top:1px solid rgba(0,0,0,.2);cursor:pointer;color:#101010}.pkg-tile-wrapper .pkg-tile-detail-btn:hover{background:rgba(0,0,0,.28)}.fnb-hot-badge{position:absolute;top:3px;right:4px;font-size:9px;font-weight:700;background:#c43030;color:#fff;padding:1px 4px;border-radius:2px}.fnb-tile-name{font-weight:700;font-size:11px;line-height:1.3;display:block}.fnb-tile-stock{font-size:10px;color:#1a3a44;display:block}.fnb-tile-price{font-size:11px;font-weight:700;color:#0a2028;display:block;text-align:right}.fnb-no-items{grid-column:1/-1;text-align:center;color:#f3f3f3;font-size:12px;padding:16px}.fnb-order-panel{flex:1 1;display:flex;flex-direction:column;min-height:0;overflow:hidden;background:#9b9b9b}.fnb-order-head{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px 16px;padding:6px 8px;background:#2d3540;color:#f1f1f1;font-size:11px;font-weight:700;border-bottom:1px solid #1a2030;flex-shrink:0;align-items:center}.fnb-order-head strong{background:#ececd7;color:#101010;padding:1px 6px;min-width:60px;display:inline-block}.fnb-order-tabs{display:flex;gap:0;border-bottom:2px solid #8a8a8a;flex-shrink:0;align-items:stretch}.fnb-tab{min-height:28px;height:28px;min-width:64px;font-size:11px;font-weight:700;padding:0 12px;background:#b0b0b0;border:1px solid #8a8a8a;border-bottom:none;color:#2d2d2d;cursor:pointer}.fnb-tab.active{background:#e84040;color:#fff;border-color:#c02020}.fnb-tab-refresh{margin-left:auto;background:#a0a0a0;color:#1a1a1a;border-color:#7a7a7a;min-width:60px}.fnb-tab-refresh:disabled{opacity:.5;cursor:not-allowed}.fnb-order-table-wrap{flex:1 1;display:flex;flex-direction:row;min-height:0;overflow:hidden}.fnb-order-table-scroll{flex:1 1;overflow:auto;min-height:0}.fnb-order-table{border-collapse:collapse;min-width:100%;font-size:10px}.fnb-order-table td,.fnb-order-table th{border-right:1px solid #cfcfcf;border-bottom:1px solid #d6d6d6;padding:3px 5px;white-space:nowrap}.fnb-order-table th{background:#dadada;text-transform:uppercase;position:-webkit-sticky;position:sticky;top:0;z-index:1}.fnb-order-table td{background:#efefef}.fnb-order-table tr.pos-selected-row td{background:#d5e9ff}.fnb-nav-arrows{display:flex;flex-direction:column;gap:4px;padding:4px 3px;background:#9b9b9b;border-left:1px solid #8a8a8a;flex-shrink:0;justify-content:flex-start;align-items:center}.fnb-arrow-btn{min-width:28px;min-height:32px;font-size:14px;background:#c8c8c8;border:1px solid #8a8a8a;cursor:pointer}.fnb-arrow-btn:disabled{opacity:.4;cursor:not-allowed}.fnb-subtotal-bar{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;background:#b0b0aa;border-top:1px solid #8a8a8a;font-size:12px;font-weight:700;flex-shrink:0}.fnb-subtotal-bar strong{font-size:13px}.fnb-action-bar{display:flex;flex-wrap:wrap;gap:4px;padding:4px 6px;background:#9b9b9b;border-top:1px solid #8a8a8a;flex-shrink:0}.fnb-action-bar .kar-room-touch-btn{flex:1 1 auto;min-height:42px;font-size:10px;font-weight:700;min-width:52px}.lounge-detail-card .lounge-detail-meta,.lounge-detail-card .lounge-summary-section{margin:0;padding:8px;border:1px solid #9a9a9a;background:#c3c3c3;gap:8px}.lounge-detail-card .lounge-detail-meta p,.lounge-detail-card .lounge-summary-section p{margin:0;border:1px solid #a8a8a8;background:#d6d6d6;padding:6px 8px;min-width:180px;font-size:13px;line-height:1.25}.lounge-detail-table-wrap{overflow:auto;max-height:min(24dvh,260px);border:1px solid #9a9a9a;background:#c0c0c0;padding:2px}.lounge-parity-shell{display:flex;flex-direction:column;gap:6px;flex:1 1 auto;min-height:0;height:100%}.lounge-parity-subtabs,.lounge-parity-top-tabs{display:flex;gap:0;flex-wrap:nowrap;flex:0 0 auto}.lounge-parity-left .lounge-parity-subtabs{border-bottom:1px solid #8f8f8f;background:#c6c6c6}.lounge-parity-top-tabs .pos-filter-btn{min-width:160px;min-height:40px;height:40px;padding-top:6px;padding-bottom:6px}.lounge-parity-subtabs .metro-link{min-height:28px;height:28px;padding:0 10px;font-size:12px}.lounge-parity-left .lounge-parity-subtabs .metro-link{border-bottom-color:transparent;margin-bottom:-1px;position:relative;z-index:1}.lounge-parity-left .lounge-parity-subtabs .metro-link-active{background:#d7d7d7;border-color:#8f8f8f #8f8f8f #d7d7d7;box-shadow:none}.lounge-parity-shell.takeaway-mode .lounge-parity-subtabs .metro-link{min-height:30px;height:30px;min-width:125px}.lounge-parity-main{display:grid;grid-template-columns:minmax(560px,1fr) minmax(430px,486px);grid-gap:6px;gap:6px;min-height:0;flex:1 1 auto;overflow:hidden}.lounge-parity-shell.takeaway-mode .lounge-parity-main{grid-template-columns:minmax(707px,1fr) 487px;gap:1px}.lounge-dine-main{display:grid;grid-template-columns:minmax(620px,1fr) minmax(300px,350px);grid-gap:0;gap:0;min-height:0;flex:1 1 auto;border:1px solid #8f8f8f;background:#8f8f8f}.lounge-dine-canvas{min-height:calc(100dvh - 290px);max-height:calc(100dvh - 290px);overflow:auto;background:#434343;border-right:1px solid #8f8f8f;padding:20px;display:flex;flex-wrap:wrap;align-content:flex-start;gap:16px}.lounge-dine-node{width:70px;height:70px;border-radius:50%;border:2px solid #0a0a0a;background:#26ff0f;color:#0a0a0a;font-size:10px;font-weight:700;display:grid;place-items:center;text-align:center;padding:4px}.lounge-dine-node.reserved{background:#ffe900}.lounge-dine-node.active{background:#37b9ff}.lounge-dine-node.dirty{background:#1a50c0;border-color:#1a50c0;color:#fff}.lounge-dine-node.selected{box-shadow:inset 0 0 0 2px #ffffff}.lounge-dine-side{min-height:calc(100dvh - 290px);max-height:calc(100dvh - 290px);background:#9a9a9a;display:grid;grid-template-rows:auto 1fr;border-left:1px solid #7d7d7d;padding:2px 8px}.lounge-dine-side-head{display:grid;grid-template-columns:56px 12px 1fr;grid-gap:8px;gap:8px;align-items:center;font-size:11px;color:#f2f2f2;font-weight:700;border-bottom:2px solid #d5d5d5;padding:0 2px 12px;margin-bottom:10px}.lounge-dine-side-head label{color:#f2f2f2;font-size:11px;font-weight:700;text-transform:uppercase}.lounge-dine-side-head span{color:#f2f2f2;text-align:center}.lounge-dine-side-head div{min-height:18px;border:1px solid #b0b0a2;background:#ececd4;color:#141414;padding:0 6px;display:flex;align-items:center;font-size:11px}.lounge-dine-side-actions{display:grid;align-content:center;justify-content:center;grid-gap:10px;gap:10px;border-top:2px solid #d5d5d5;padding-top:14px}.lounge-dine-side-actions .kar-room-touch-btn{min-width:104px;min-height:46px}.lounge-parity-left,.lounge-parity-right{min-height:0}.lounge-parity-left{display:flex;flex-direction:column;padding:0;gap:0;overflow:hidden}.lounge-parity-table-area{flex:1 1;min-height:0;display:flex;flex-direction:row;overflow:hidden}.lounge-parity-table-wrap{flex:1 1;min-width:0}.lounge-parity-nav{flex:0 0 55px;width:55px;display:flex;flex-direction:column;justify-content:space-between;gap:0;min-height:0;background:#c6c6c6;border-left:1px solid #8f8f8f;overflow:hidden}.lounge-parity-nav .metro-btn{min-height:58px;height:58px;width:55px;padding:0;font-size:16px;border:0;border-bottom:1px solid #8f8f8f;box-shadow:none;background:#f4c433}.lounge-parity-nav .metro-btn.lounge-nav-btn{display:grid;place-items:center;width:100%}.lounge-nav-arrow{display:block;width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent}.lounge-nav-arrow.up{border-bottom:14px solid #121212;transform:translateY(-2px)}.lounge-nav-arrow.down{border-top:14px solid #121212;transform:translateY(2px)}.lounge-parity-table-wrap{overflow-y:auto;overflow-x:auto;min-height:0;height:100%;max-height:100%;border:1px solid #8f8f8f;background:#c6c6c6;scrollbar-width:none}.lounge-parity-table-wrap::-webkit-scrollbar{display:none}.lounge-parity-table-wrap table{width:100%;min-width:760px;border-collapse:collapse;table-layout:fixed}.lounge-parity-table-wrap thead th{position:-webkit-sticky;position:sticky;top:0;z-index:1;background:#d7d7d7;color:#111;border-bottom:1px solid #a8a8a8;border-right:1px solid #c2c2c2;font-size:11px;font-weight:800;letter-spacing:.2px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;height:28px;padding:4px 6px}.lounge-parity-table-wrap thead th:last-child{border-right:0}.lounge-parity-table-wrap tbody td{background:#ededed;border-bottom:1px solid #d0d0d0;border-right:1px solid #dddddd;font-size:12px;color:#101010;height:30px;padding:5px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lounge-parity-table-wrap tbody td:last-child{border-right:0}.lounge-parity-table-wrap tbody tr:hover td{background:#e5eef9}.lounge-parity-table-wrap tbody td:first-child,.lounge-parity-table-wrap tbody td:nth-child(2){text-align:left}.lounge-parity-table-wrap tbody td:nth-child(n+3){text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.lounge-parity-table-wrap thead th:first-child{width:13%}.lounge-parity-table-wrap thead th:nth-child(2){width:36%}.lounge-parity-table-wrap thead th:nth-child(3),.lounge-parity-table-wrap thead th:nth-child(4),.lounge-parity-table-wrap thead th:nth-child(5),.lounge-parity-table-wrap thead th:nth-child(6){width:12.5%}.lounge-parity-table-wrap .pos-selected-row td{background:#d5e9ff;border-bottom-color:#b7d3f5}.lounge-parity-table-wrap .pos-empty-row{height:340px;text-align:center;color:#4f4f4f;background:#ececec}.lounge-action-grid{display:grid;grid-template-columns:repeat(3,minmax(90px,1fr));grid-gap:6px;gap:6px}.lounge-parity-shell.takeaway-active .lounge-action-grid{grid-template-columns:repeat(3,150px);justify-content:space-between;gap:6px}.lounge-action-grid .kar-room-touch-btn{min-height:66px;font-size:13px}.lounge-parity-shell.takeaway-active .lounge-action-grid .kar-room-touch-btn{width:150px;min-width:150px;height:67px;min-height:67px;font-size:13px;padding:0 8px}.lounge-parity-right{display:grid;grid-template-rows:auto minmax(0,1fr);grid-gap:6px;gap:6px}.lounge-parity-shell.takeaway-closed .lounge-parity-right{grid-template-rows:minmax(0,1fr);gap:0}.lounge-parity-right .kar-room-touch-summary{margin-top:0;overflow:auto;border:1px solid #747474;background:#9a9a9a;padding:8px 7px 7px}.lounge-parity-shell.takeaway-closed .lounge-parity-right .kar-room-touch-summary{padding:4px 7px 6px}.lounge-parity-right .kar-legacy-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.lounge-parity-right .kar-legacy-group{--legacy-label-col:92px;--legacy-colon-col:8px;--legacy-col-gap:3px;--legacy-split-left:64px}.lounge-parity-right .kar-legacy-title{margin:0 0 4px;font-size:10px;letter-spacing:.2px;color:#fff200}.lounge-parity-shell.takeaway-closed .lounge-parity-right .kar-legacy-title{margin-bottom:3px}.lounge-parity-right .kar-legacy-title.is-entertain{margin-top:7px}.lounge-parity-shell.takeaway-closed .lounge-parity-right .kar-legacy-title.is-entertain{margin-top:6px}.lounge-parity-right .kar-legacy-row{margin-bottom:2px}.lounge-parity-shell.takeaway-closed .lounge-parity-right .kar-legacy-row{margin-bottom:1px}.lounge-parity-right .kar-legacy-row label,.lounge-parity-right .kar-legacy-row>span{font-size:10px;font-weight:700;color:#141414}.lounge-parity-right .kar-legacy-row .value{min-height:18px;border:1px solid #8f8f8f;background:#ebeada;font-size:10px;font-weight:700;padding:0 5px}.lounge-parity-shell.takeaway-closed .lounge-parity-right .kar-legacy-row .value{min-height:17px}.lounge-parity-right .kar-legacy-row .value.num{background:#e5e3c4}.lounge-parity-right .kar-legacy-value-split,.lounge-parity-right .kar-legacy-value-split.equal{gap:3px}.lounge-parity-right .kar-legacy-row.total .value.num{background:#ffb326;border-color:#be7d0e;color:#111}.lounge-parity-shell.takeaway-closed .lounge-parity-table-wrap{height:100%;max-height:100%}.lounge-parity-footer{display:flex;gap:8px;flex-wrap:wrap;align-items:center;border-top:1px solid #8f8f8f;padding-top:6px;margin-top:auto}.lounge-parity-footer .kar-room-touch-btn{min-width:150px;min-height:54px}.lounge-parity-footer .kar-room-touch-btn.lilac{margin-left:auto;white-space:pre-line;line-height:1.12}@media (max-width:1180px){.lounge-parity-shell{min-height:auto}.lounge-parity-main{flex:0 0 auto;height:auto;max-height:none}.lounge-dine-main,.lounge-parity-main{grid-template-columns:1fr}.lounge-dine-canvas,.lounge-dine-side{min-height:auto;max-height:none}.lounge-parity-table-wrap{max-height:42dvh}}@media (max-width:1100px){.pos-top-row{flex-direction:column}.pos-notif-wrap{min-width:0}.pos-quick-grid{max-width:none}.pos-waiting-panel{max-height:calc(100dvh - 250px)}}@media (max-width:700px){.pos-quick-grid{grid-template-columns:repeat(2,minmax(100px,1fr))}.pos-notif-grid{grid-template-columns:1fr}.pos-room-state{font-size:16px}.pos-room-time{font-size:26px}.kar-room-touch-layout{grid-template-columns:1fr}.kar-room-touch-actions{grid-template-columns:repeat(2,minmax(120px,1fr))}.pos-notif-wrap{min-width:0}.pos-setting-body{grid-template-columns:1fr}.pos-setting-transfer{grid-auto-flow:column;justify-content:flex-start}.pos-waiting-form{grid-template-columns:1fr 1fr}.pos-status-bar{overflow-x:auto}.billing-close-fields,.billing-close-layout,.billing-form-grid{grid-template-columns:1fr}}.theme-toggle-btn{border:1px solid var(--border);border-radius:6px;min-width:36px;min-height:34px;padding:4px 8px;background:var(--surface);color:var(--text);font-size:16px;font-weight:700;line-height:1}:root[data-theme=dark] body{background:linear-gradient(140deg,#12161c,#171d26 55%,#122018);color:#e6edf6}:root[data-theme=dark] .topbar a{color:#77d8ce}:root[data-theme=dark] .card{background:#1a2028;border-color:#2f3a46;color:#e6edf6;box-shadow:none}:root[data-theme=dark] .kasir-popup-stage{background:#4b4f56;border-color:#6b7078}:root[data-theme=dark] .pos-shell{background:#585b61;border-color:#70757e}:root[data-theme=dark] .pos-notif-wrap{background:#6a6f78;border-color:#808892}:root[data-theme=dark] .pos-setting-modal{background:#535860;border-color:#717782}:root[data-theme=dark] .pos-room-card{background:#d4d8dd}:root[data-theme=dark] .pos-status-bar{background:#737983;border-top-color:#9199a3}:root[data-theme=dark] .pos-status-key--on{background:#1a5fbf;color:#e8f0ff}:root[data-theme=dark] .pos-status-key--off{color:#666;background:#666c77}.landing-root{min-height:100dvh;color:#0f1a28;background:radial-gradient(1200px 520px at 82% -10%,rgba(0,142,126,.24),rgba(0,0,0,0)),radial-gradient(900px 440px at 10% 0,rgba(43,122,255,.2),rgba(0,0,0,0)),linear-gradient(180deg,#f6f9fc,#f3f6fa);padding:20px 26px 40px}.landing-nav-wrap{position:-webkit-sticky;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.landing-nav{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:14px;gap:14px;max-width:1220px;margin:0 auto;padding:10px 14px;border:1px solid #d4dce6;background:rgba(255,255,255,.86)}.landing-brand{display:inline-flex;align-items:center;gap:10px;font-size:24px;font-weight:800;letter-spacing:.3px}.landing-brand-mark{width:38px;height:38px;display:inline-grid;place-items:center;font-size:14px;font-weight:800;color:#ffffff;background:linear-gradient(135deg,#068a7b,#056b93)}.landing-nav-main{display:flex;justify-content:center;flex-wrap:wrap;gap:6px}.landing-apps-btn,.landing-lang,.landing-nav-main a{border:1px solid transparent;color:#1f2b3d;background:transparent;text-decoration:none;font-size:14px;font-weight:700;padding:8px 10px;cursor:pointer}.landing-apps-btn:hover,.landing-lang:hover,.landing-nav-main a:hover{border-color:#b9c8dc;background:#eef5ff}.landing-nav-actions{display:inline-flex;align-items:center;gap:4px}.landing-apps-menu{position:relative}.landing-apps-dropdown{position:absolute;right:0;top:calc(100% + 4px);min-width:160px;border:1px solid #c8d2df;background:#ffffff;box-shadow:0 10px 24px rgba(15,26,40,.12);display:none;overflow:hidden}.landing-apps-menu:focus-within .landing-apps-dropdown,.landing-apps-menu:hover .landing-apps-dropdown{display:block}.landing-apps-dropdown a{display:block;color:#102037;text-decoration:none;padding:10px 12px;font-size:14px;font-weight:600}.landing-apps-dropdown a:hover{background:#edf5ff}.landing-hero{max-width:1220px;margin:26px auto 0;padding:24px;border:1px solid #d3deea;background:rgba(255,255,255,.8);display:grid;grid-template-columns:1.12fr .88fr;grid-gap:20px;gap:20px}.landing-hero-copy h1{margin:8px 0 10px;font-size:clamp(30px,4.6vw,56px);line-height:1.03;letter-spacing:-.02em}.landing-kicker{margin:0;font-size:12px;letter-spacing:.16em;font-weight:700;text-transform:uppercase;color:#0c6f79}.landing-hero-copy p{margin:0;max-width:65ch;color:#36485f;line-height:1.6}.landing-cta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.landing-trust-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.landing-trust-row span{border:1px solid #bfd0e4;background:#edf4fa;color:#2c4159;font-size:12px;font-weight:700;padding:6px 8px}.landing-cta-primary,.landing-cta-secondary{text-decoration:none;padding:11px 14px;border:1px solid #8395ac;font-weight:700;font-size:14px}.landing-cta-primary{color:#ffffff;border-color:#056774;background:linear-gradient(135deg,#0a8d7f,#0b6f92)}.landing-cta-secondary{color:#0f2338;background:#eff5fb}.landing-hero-panel{display:grid;grid-gap:10px;gap:10px}.landing-stat-card{border:1px solid #ccd7e4;background:#f5f9fc;padding:14px}.landing-stat-card p{margin:0;color:#41536b;font-size:13px}.landing-stat-card strong{display:block;margin-top:6px;font-size:26px;line-height:1.05}.landing-section{max-width:1220px;margin:14px auto 0;padding:16px;border:1px solid #d6dfeb;background:rgba(255,255,255,.82)}.landing-section h2{margin:0 0 12px;font-size:30px;line-height:1.05}.landing-grid-2,.landing-grid-3{display:grid;grid-gap:10px;gap:10px}.landing-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-grid-2 article,.landing-grid-3 article{border:1px solid #ccd6e4;background:#f5f9fc;padding:12px}.landing-grid-2 h3,.landing-grid-3 h3{margin:0;font-size:20px;line-height:1.1}.landing-grid-2 p,.landing-grid-3 p,.landing-single-text{margin:8px 0 0;color:#3e5066;line-height:1.55}.landing-feature-list{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.landing-feature-list p{margin:0;border:1px solid #c6d4e5;background:#edf4fb;color:#2d4460;font-size:13px;font-weight:600;padding:10px}.landing-chip-row{display:flex;flex-wrap:wrap;gap:8px}.landing-chip-row span{display:inline-flex;align-items:center;border:1px solid #b8cadf;background:#edf4fb;padding:8px 10px;font-size:13px;font-weight:700;color:#18314f}.landing-contact p{margin:0;color:#30465f;font-size:16px;line-height:1.6}.checkin-form-compact .checkin-compact-row{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));grid-gap:10px;gap:10px;align-items:end}.checkin-form-compact h3{margin:0 0 4px;font-size:20px;line-height:1.15;letter-spacing:.1px}.checkin-form-compact .checkin-compact-spacer{min-height:1px}.checkin-form-compact .checkin-stepper{display:grid;grid-template-columns:40px minmax(84px,120px) 40px;grid-gap:6px;gap:6px;align-items:center}.checkin-form-compact .checkin-stepper input{text-align:center;width:100%}.checkin-form-compact .checkin-stepper button{min-height:34px;padding:0}.landing-quote-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px;margin-top:12px}.landing-quote-grid blockquote{margin:0;border:1px solid #c8d6e7;background:#f4f8fd;color:#334b65;font-size:14px;line-height:1.6;padding:12px}.landing-quote-grid cite{margin-top:8px;display:block;font-style:normal;font-weight:700;color:#1f3b58}.landing-timeline{margin-top:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.landing-timeline article{border:1px solid #c7d5e6;background:#f4f8fc;padding:12px}.landing-timeline span{display:inline-grid;place-items:center;width:32px;height:32px;background:linear-gradient(135deg,#0a8d7f,#0b6f92);color:#fff;font-size:13px;font-weight:800}.landing-timeline h3{margin:8px 0 0;font-size:19px;line-height:1.1}.landing-timeline p{margin:8px 0 0;color:#3d5067;font-size:14px;line-height:1.5}.landing-cta-band{margin-top:12px;border:1px solid #c0d0e2;background:linear-gradient(135deg,#eaf3ff,#e6fbf6);padding:14px;display:grid;grid-template-columns:1fr auto;grid-gap:10px;gap:10px;align-items:center}.landing-cta-band h3{margin:0;font-size:24px;line-height:1.1}.landing-cta-band p{margin-top:6px}@media (max-width:980px){.landing-nav{grid-template-columns:1fr;justify-items:start}.landing-nav-main{justify-content:flex-start}.landing-hero{grid-template-columns:1fr}.landing-grid-3{grid-template-columns:1fr 1fr}.landing-cta-band,.landing-feature-list,.landing-quote-grid,.landing-timeline{grid-template-columns:1fr}}@media (max-width:700px){.landing-root{padding:12px 12px 26px}.landing-hero,.landing-section{padding:12px}.landing-grid-2,.landing-grid-3{grid-template-columns:1fr}}@media (max-width:560px){.checkin-form-compact .checkin-compact-row{grid-template-columns:1fr}}.admin-shell{min-height:100dvh;display:flex;flex-direction:column}.admin-topbar{display:flex;justify-content:flex-start;align-items:center;gap:12px;flex-wrap:wrap}.admin-brand h1{margin:0}.admin-subtitle{margin:2px 0 0;opacity:.7;font-size:12px}.admin-topbar-right{display:flex;align-items:center;gap:8px;margin-left:auto}.admin-main-menu{display:flex;gap:6px;flex-wrap:wrap}.admin-main-menu button{border:1px solid var(--border,#d6d6d6);background:var(--surface,#fff);color:var(--text,#0f172a);border-radius:8px;padding:8px 12px;font-size:13px;font-weight:700;cursor:pointer}.admin-main-menu button.active{border-color:#0f766e;background:#0f766e;color:#fff}.admin-main{display:grid;grid-template-columns:220px 1fr;grid-gap:12px;gap:12px;padding:12px;min-height:0;flex:1 1}.admin-sidebar{background:var(--surface,#fff);border:1px solid var(--border,#d6d6d6);border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:8px;height:-moz-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:10px}.admin-sidebar-title{font-weight:800;font-size:14px;margin-bottom:4px}.admin-sidebar a{text-decoration:none;color:inherit;border:1px solid var(--border,#d6d6d6);border-radius:6px;padding:8px 10px}.admin-sidebar a.active{background:#0f766e;color:#fff;border-color:#0f766e}.admin-content{min-width:0;display:flex;flex-direction:column;gap:12px}.admin-toolbar-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:8px;gap:8px}.admin-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:2000;display:flex;justify-content:center;align-items:center;padding:20px}.admin-modal{width:min(980px,96vw);max-height:92dvh;overflow:hidden;background:var(--surface,#fff);border:1px solid var(--border,#d6d6d6);border-radius:8px;display:flex;flex-direction:column}.admin-modal-footer,.admin-modal-head{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid var(--border,#d6d6d6)}.admin-modal-footer{border-top:1px solid var(--border,#d6d6d6);border-bottom:0;justify-content:flex-end;gap:8px}.admin-modal-body{padding:12px;overflow:auto}.admin-form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:10px;gap:10px}@media (max-width:920px){.admin-main{grid-template-columns:1fr}.admin-sidebar{position:static;flex-direction:row;flex-wrap:wrap}.admin-topbar-right{width:100%;justify-content:space-between}}.olchooser-shell{padding:8px;background:#6e6e6e;min-height:100dvh;display:flex;flex-direction:column}.olchooser-body{display:flex;gap:6px;flex:1 1}.olchooser-big-btn{flex:1 1;min-height:113px;font-size:18px;font-weight:700;background:#7575ff;color:#000;border:1px solid #444;white-space:pre-line;cursor:pointer}.olchooser-big-btn:hover{filter:brightness(1.1)}.olchooser-footer{display:flex;justify-content:flex-end;padding:6px 0 0;border-top:2px solid #555;margin-top:6px}.olchooser-footer .metro-btn{min-width:80px;height:57px}.lcis-shell{display:flex;flex-direction:column;min-height:100dvh;background:#6e6e6e}.lcis-header{padding:10px 12px;border-bottom:2px solid #555;font-size:13px}.lcis-body,.lcis-header{background:#6e6e6e;color:#fff;font-weight:700}.lcis-body{flex:1 1;padding:12px;font-size:16px;line-height:1.6}.lcis-footer{display:flex;justify-content:flex-end;gap:6px;padding:8px;border-top:2px solid #555;background:#6e6e6e}.lcis-footer .metro-btn{min-width:90px;height:62px;font-weight:700}.new-taorder-shell{padding:8px;background:#c6c6c6;min-height:100dvh;display:flex;align-items:flex-start}.new-taorder-form{width:100%;max-width:340px;background:#d7d7d7;border:1px solid #8f8f8f;padding:12px;display:flex;flex-direction:column;gap:10px}.new-taorder-field{display:flex;flex-direction:column;gap:4px}.new-taorder-input,.new-taorder-label{font-size:13px;font-weight:700}.new-taorder-input{width:100%;height:27px;padding:2px 6px;background:#f0ebe4;border:1px solid #888;box-sizing:border-box}.new-taorder-error{font-size:12px;color:#c00;margin:0}.new-taorder-footer{display:flex;justify-content:flex-end;gap:8px;padding-top:6px;border-top:1px solid #8f8f8f}.new-taorder-footer .metro-btn{min-width:90px;height:35px}.guest-info-shell{padding:8px;background:#c6c6c6;min-height:100dvh;display:flex;align-items:flex-start}.guest-info-form{width:100%;max-width:360px;background:#d7d7d7;border:1px solid #8f8f8f;padding:12px;display:flex;flex-direction:column;gap:10px}.guest-info-row{display:flex;align-items:center;gap:6px}.guest-info-label{flex:0 0 90px;font-size:13px;font-weight:700}.guest-info-sep{flex:0 0 8px;font-weight:700}.guest-info-input{flex:1 1;height:27px;padding:2px 6px;font-size:13px;font-weight:700;background:#f0ebe4;border:1px solid #888;outline:none}.guest-info-input:-moz-read-only{background:#ddd;color:#555}.guest-info-input:read-only{background:#ddd;color:#555}.guest-info-toggle{display:flex;gap:0;border:1px solid #444;background:#808080;padding:4px 5px}.guest-info-toggle-btn{flex:0 0 auto;min-width:110px;height:35px;font-size:12px;font-weight:700;border:none;background:transparent;color:#fff;cursor:pointer}.guest-info-toggle-btn.active{background:#c6c6c6;color:#000}.guest-info-status{font-size:12px;color:#555;margin:0}.guest-info-error{color:#c0392b;font-size:12px;font-weight:700;margin:0}.guest-info-footer{display:flex;justify-content:flex-end;gap:8px;padding-top:6px;border-top:1px solid #8f8f8f}.guest-info-footer .metro-btn{min-width:90px;height:35px}.auth-pin-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;z-index:9000}.auth-pin-dialog{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:20px 24px;box-shadow:0 8px 32px rgba(0,0,0,.22);display:grid;grid-gap:12px;gap:12px;min-width:320px}.auth-pin-row{display:flex;align-items:center;gap:8px}.auth-pin-label{min-width:88px;font-size:14px}.auth-pin-label,.auth-pin-sep{font-weight:600;color:var(--text)}.auth-pin-input{flex:1 1;border:1px solid var(--border);border-radius:6px;padding:8px 10px;font:inherit}.auth-pin-error{color:var(--error);font-size:13px;margin:0}.auth-pin-actions{display:flex;gap:8px;justify-content:flex-end}.auth-pin-btn-ok{background:var(--accent);color:#fff;min-width:60px}.auth-pin-btn-batal{background:var(--muted);color:#fff;min-width:60px}.auth-pin-tabs{display:flex;gap:4px;margin-bottom:4px}.auth-pin-tab{flex:1 1;padding:6px 10px;font-size:13px;font-weight:600;border:1px solid var(--border);border-radius:6px;background:var(--muted-bg,#f0f0f0);color:var(--text);cursor:pointer}.auth-pin-tab-active{background:var(--accent);color:#fff;border-color:var(--accent)}.touch-kb{background:var(--surface,#fff);border:1px solid var(--border,#ddd);border-radius:10px;padding:8px;-moz-user-select:none;user-select:none;-webkit-user-select:none}.touch-kb-header{display:flex;align-items:center;gap:6px;margin-bottom:6px;padding-bottom:6px;border-bottom:1px solid var(--border,#ddd)}.touch-kb-mode-btn{padding:5px 14px;font-size:13px;font-weight:700;border:1px solid var(--border,#ccc);border-radius:6px;background:var(--muted-bg,#f0f0f0);color:var(--text,#333);cursor:pointer;min-width:48px}.touch-kb-mode-active{background:var(--accent,#2563eb);color:#fff;border-color:var(--accent,#2563eb)}.touch-kb-field-indicator{margin-left:auto;font-size:12px;color:var(--text-secondary,#888);text-transform:uppercase;letter-spacing:.5px}.touch-kb-row{display:flex;justify-content:center;gap:4px;margin-bottom:4px}.touch-kb-alpha .touch-kb-row{justify-content:flex-start}.touch-kb-alpha{display:flex;flex-direction:column;align-items:center}.touch-kb-row-indent-1{margin-left:20px}.touch-kb-row-indent-2{margin-left:40px}.touch-kb-row-bottom{justify-content:center!important;margin-left:0!important}.touch-kb-key{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:40px;padding:4px 6px;font-size:16px;font-weight:600;border:1px solid var(--border,#ccc);border-radius:6px;background:var(--surface,#fff);color:var(--text,#333);cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.08);transition:background .1s,transform .08s}.touch-kb-key:active:not(:disabled){background:var(--accent,#2563eb);color:#fff;transform:scale(.95)}.touch-kb-key:disabled{opacity:.4;cursor:not-allowed}.touch-kb-key-action{background:var(--muted-bg,#e5e7eb);font-size:13px;font-weight:700;min-width:48px}.touch-kb-key-bksp{font-size:20px}.touch-kb-key-space{flex:1 1;max-width:200px;font-size:12px;letter-spacing:2px}.touch-kb-caps-on{background:var(--accent,#2563eb);color:#fff;border-color:var(--accent,#2563eb)}.touch-kb-numpad .touch-kb-key{min-width:56px;min-height:48px;font-size:20px}.rpt-shell{display:flex;flex-direction:column;min-height:100dvh;background:linear-gradient(140deg,#eef4ff,#f8fafc 60%,#ecfdf3)}.rpt-topbar{position:-webkit-sticky;position:sticky;top:0;z-index:10;background:#ffffff;border-bottom:2px solid #d0dce9;box-shadow:0 2px 12px rgba(15,23,40,.08);padding:10px 16px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.rpt-topbar-title{font-size:18px;font-weight:800;letter-spacing:.3px;color:#0f1a2e;margin:0;white-space:nowrap}.rpt-filter-group{display:flex;flex-wrap:wrap;gap:8px;align-items:center;flex:1 1 auto}.rpt-filter-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#3d5066;white-space:nowrap}.rpt-filter-label input[type=checkbox]{width:16px;height:16px;accent-color:#0a6e64;cursor:pointer}.rpt-input{height:34px;padding:0 10px;border:1px solid #c8d6e5;border-radius:6px;background:#f7fafd;font-size:13px;font-weight:600;color:#1a2a3e;min-width:130px}.rpt-input:disabled{opacity:.45;cursor:not-allowed;background:#eaeaea}.rpt-input:focus{outline:2px solid #0a6e64;outline-offset:1px}.rpt-search-wrap{display:flex;align-items:center;gap:0;border:1px solid #c8d6e5;border-radius:6px;overflow:hidden;background:#f7fafd}.rpt-search-wrap select{height:34px;padding:0 8px;border:0;border-right:1px solid #c8d6e5;border-radius:0;background:#e8eff8;font-size:12px;font-weight:700;color:#1a2a3e;min-width:90px}.rpt-search-wrap input{height:34px;padding:0 10px;border:0;border-radius:0;background:transparent;font-size:13px;min-width:140px}.rpt-search-wrap input:focus{outline:none}.rpt-topbar-actions{gap:6px;flex-wrap:wrap}.rpt-btn,.rpt-topbar-actions{display:flex;align-items:center}.rpt-btn{height:34px;padding:0 14px;border-radius:6px;border:1px solid #b8c8da;background:#e8f0f8;color:#0f2840;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;gap:5px;text-decoration:none}.rpt-btn:hover:not(:disabled){background:#d8eaf6;border-color:#90aec8}.rpt-btn:disabled{opacity:.5;cursor:not-allowed}.rpt-btn-primary{background:linear-gradient(135deg,#0d8878,#0a6662);border-color:#085a54;color:#ffffff}.rpt-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#109a8a,#0b7570)}.rpt-btn-danger{background:linear-gradient(135deg,#c43a2d,#a23024);border-color:#882218;color:#ffffff}.rpt-btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#d44030,#b03828)}.rpt-btn-outline-back{background:#f0f4f8;border-color:#a8bcd0;color:#2a3f56}.rpt-metrics{display:flex;gap:10px;flex-wrap:wrap;padding:12px 16px;background:#f4f8fc;border-bottom:1px solid #dce6f0}.rpt-metric-card{flex:1 1 100px;min-width:100px;max-width:180px;background:#ffffff;border:1px solid #d0dce9;border-radius:10px;padding:10px 14px;box-shadow:0 2px 8px rgba(15,23,40,.06)}.rpt-metric-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:#5d7288;margin:0 0 4px}.rpt-metric-val{font-size:22px;font-weight:800;color:#0d1e2e;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.rpt-tabs{display:flex;gap:0;border-bottom:2px solid #d0dce9;background:#f0f5fa;padding:0 16px}.rpt-tab{padding:10px 18px;border:0;border-bottom:3px solid transparent;background:transparent;font-size:13px;font-weight:700;color:#4a6078;cursor:pointer;margin-bottom:-2px;white-space:nowrap}.rpt-tab:hover{color:#0e4a6b;background:#e8f0f9}.rpt-tab.active{color:#0a6e64;border-bottom-color:#0a6e64;background:#ffffff}.rpt-selection-bar{display:flex;align-items:center;gap:10px;padding:8px 16px;background:#e9f5f3;border-bottom:1px solid #b9dcd8;font-size:13px;color:#0d3b36;flex-wrap:wrap}.rpt-selection-bar strong{font-weight:800}.rpt-selection-bar .rpt-clear-btn{margin-left:auto;height:28px;padding:0 10px;border:1px solid #92c4be;border-radius:6px;background:#d2ecea;color:#093d38;font-size:12px;font-weight:700;cursor:pointer}.rpt-data-area{flex:1 1;overflow:auto;padding:12px 16px}.rpt-table-wrap{overflow:auto;border:1px solid #d0dce9;border-radius:8px;box-shadow:0 2px 8px rgba(15,23,40,.06)}.rpt-table{width:100%;border-collapse:collapse;min-width:1200px;background:#ffffff;font-size:12px}.rpt-table thead th{position:-webkit-sticky;position:sticky;top:0;z-index:1;background:#e8f0f9;color:#1a2e40;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.25px;padding:9px 10px;border-bottom:2px solid #c0d0e4;border-right:1px solid #d8e4ef;white-space:nowrap;text-align:left}.rpt-table thead th:last-child{border-right:0}.rpt-table thead th.num{text-align:right}.rpt-table tbody td{padding:7px 10px;border-bottom:1px solid #e8eef5;border-right:1px solid #edf2f8;color:#1a2e40;white-space:nowrap}.rpt-table tbody td:last-child{border-right:0}.rpt-table tbody td.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.rpt-table tbody tr:hover td{background:#f0f6ff}.rpt-table tbody tr.selected td{background:#dbedff;border-bottom-color:#b7d4f8}.rpt-table tfoot td{padding:8px 10px;border-top:2px solid #c0d0e4;background:#e8f0f9;font-weight:800;font-size:12px;white-space:nowrap}.rpt-table tfoot td.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.rpt-table .rpt-no-data td{text-align:center;color:#7a92a8;padding:40px;font-size:14px}.rpt-sub-table-wrap{overflow:auto;border:1px solid #d0dce9;border-radius:8px;box-shadow:0 2px 8px rgba(15,23,40,.06);margin-top:12px}.rpt-sub-table{width:100%;border-collapse:collapse;background:#ffffff;font-size:13px}.rpt-sub-table thead th{position:-webkit-sticky;position:sticky;top:0;z-index:1;background:#e8f0f9;color:#1a2e40;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.25px;padding:9px 12px;border-bottom:2px solid #c0d0e4;border-right:1px solid #d8e4ef;white-space:nowrap;text-align:left}.rpt-sub-table thead th.num{text-align:right}.rpt-sub-table thead th:last-child{border-right:0}.rpt-sub-table tbody td{padding:8px 12px;border-bottom:1px solid #e8eef5;border-right:1px solid #edf2f8;color:#1a2e40;white-space:nowrap}.rpt-sub-table tbody td:last-child{border-right:0}.rpt-sub-table tbody td.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.rpt-sub-table tbody tr:hover td{background:#f0f6ff}.rpt-sub-table tfoot td{padding:9px 12px;border-top:2px solid #c0d0e4;background:#e8f0f9;font-weight:800;font-size:12px;white-space:nowrap}.rpt-sub-table tfoot td.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.rpt-sub-section-title{margin:14px 0 6px;font-size:14px;font-weight:800;color:#1a2e40}.rpt-format-overlay{position:fixed;inset:0;background:rgba(15,23,40,.35);z-index:300;display:flex;align-items:center;justify-content:center;padding:16px}.rpt-format-modal{background:#ffffff;border:1px solid #c8d6e5;border-radius:12px;box-shadow:0 12px 36px rgba(15,23,40,.18);padding:20px 24px;min-width:300px;max-width:400px}.rpt-format-modal h3{margin:0 0 14px;font-size:16px;font-weight:800;color:#0f1a2e}.rpt-format-options{display:grid;grid-gap:10px;gap:10px}.rpt-format-option-btn{width:100%;padding:14px 16px;border:2px solid #c8d6e5;border-radius:8px;background:#f4f8fd;text-align:left;cursor:pointer;font-size:14px;font-weight:700;color:#1a2e40;line-height:1.35}.rpt-format-option-btn:hover{border-color:#0a6e64;background:#e6f5f3;color:#0a4e46}.rpt-format-option-title{display:block;font-weight:800}.rpt-format-option-sub{display:block;font-size:12px;font-weight:600;color:#5d7288;margin-top:2px}.rpt-format-cancel-btn{width:100%;margin-top:4px;padding:10px;border:1px solid #c8d6e5;border-radius:8px;background:#f0f4f8;font-size:13px;font-weight:700;color:#4a6078;cursor:pointer}.rpt-format-cancel-btn:hover{background:#e0e8f0}.rpt-loading-overlay{display:flex;align-items:center;justify-content:center;min-height:200px;color:#5d7288;font-size:14px;font-weight:700}.rpt-print-header{display:none}.rpt-error-bar{margin:10px 16px 0;padding:10px 14px;background:#fff2f2;border:1px solid #f0b0b0;border-radius:6px;color:#b42318;font-size:13px;font-weight:600}@media (max-width:900px){.rpt-topbar{position:static}.rpt-metric-card{max-width:none}.rpt-tabs{overflow-x:auto;padding:0 8px}.rpt-data-area{padding:8px}}@media print{[data-print-picker]{display:none!important}}