:root{color:#07111f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:1280px;min-height:100vh;background:#eef3f8}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{display:grid;grid-template-rows:80px minmax(640px,1fr);min-height:100vh;height:100vh;background:#f7f9fc}.topbar,.bottombar{background:linear-gradient(180deg,rgba(255,255,255,.06),transparent),#061321;color:#fff}.topbar{display:grid;grid-template-columns:320px 225px 245px 235px 245px 1fr;align-items:stretch;border-bottom:1px solid rgba(255,255,255,.1)}.brand,.topbar-cell{display:flex;align-items:center;gap:16px;min-width:0;padding:0 24px;border-right:1px solid rgba(255,255,255,.14);font-size:22px;font-weight:650;white-space:nowrap}.brand{font-size:34px;font-weight:800}.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:center;padding:0 16px;border-right:1px solid rgba(255,255,255,.14)}.mode-switch button{display:flex;align-items:center;justify-content:center;gap:8px;height:48px;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#ffffffc7;background:#ffffff0a;font-weight:800}.mode-switch button.active{color:#07111f;border-color:#fff;background:#fff}.mode-switch svg{width:22px;height:22px}.brand-mark{display:grid;gap:5px;width:42px;transform:rotate(-28deg)}.brand-mark span{display:block;height:8px;border-radius:8px;background:#fff}.brand-mark span:nth-child(2){background:#1768d7}.topbar-cell svg,.offline-pill svg{width:28px;height:28px;flex:0 0 auto}.user-cell label{display:grid;min-width:0;gap:3px}.user-cell{position:relative}.user-cell label>span{color:#ffffff9e;font-size:12px;font-weight:850;letter-spacing:0;text-transform:uppercase}.topbar-select{width:100%;min-width:0;max-width:170px;padding:0;border:0;outline:0;color:#fff;background:transparent;font-size:20px;font-weight:760;overflow:hidden;text-overflow:ellipsis}.topbar-select option{color:#07111f;background:#fff}.manager-pin-panel{position:absolute;z-index:30;top:72px;left:16px;width:270px;padding:14px;border:1px solid #cfd8e4;border-radius:8px;color:#07111f;background:#fff;box-shadow:0 16px 42px #07111f2e}.manager-pin-panel strong{display:block;color:#07111f;font-size:18px;font-weight:850}.pin-display{display:flex;align-items:center;justify-content:center;min-height:48px;margin:12px 0;border:1px solid #cfd8e4;border-radius:8px;color:#07111f;background:#f7f9fc;font-size:24px;font-weight:900}.manager-pin-panel .numeric-keypad button{min-height:46px;font-size:20px}.manager-pin-panel .numeric-keypad .wide{min-height:44px;font-size:16px}.pin-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.pin-actions button{min-height:44px;border:1px solid #cfd8e4;border-radius:8px;color:#07111f;background:#fff;font-size:16px;font-weight:850}.pin-actions button:last-child{color:#fff;border-color:#075fd0;background:#075fd0}.topbar-cell strong{color:#12dc68;font-weight:500}.status-dot{width:17px;height:17px;border-radius:50%;background:#10cf5f;box-shadow:0 0 16px #10cf5f80}.status-dot.closed{background:#ff3b30;box-shadow:0 0 16px #ff3b306b}.offline-pill{display:flex;align-items:center;gap:12px;min-height:52px;padding:0 28px;border:1px solid #ff9417;border-radius:8px;color:#fff;background:linear-gradient(180deg,#ff9b16,#f27c00);box-shadow:0 8px 20px #ef7c0040;font-weight:800}.topbar-actions{position:relative;justify-self:end;align-self:center;display:flex;align-items:center;gap:12px;margin-right:22px}.header-menu-button{display:flex;align-items:center;gap:10px;min-height:52px;padding:0 18px;border:1px solid rgba(255,255,255,.24);border-radius:8px;color:#fff;background:#ffffff14;font-weight:850}.sync-settings-button{display:flex;align-items:center;gap:10px;min-height:52px;padding:0 18px;border:1px solid #ff9417;border-radius:8px;color:#fff;background:linear-gradient(180deg,#ff9b16,#f27c00);font-weight:850;white-space:nowrap}.sync-settings-button svg{width:26px;height:26px}.header-menu-button svg{width:26px;height:26px}.header-menu,.shift-report{position:absolute;z-index:20;top:62px;right:0;width:280px;padding:12px;border:1px solid #cfd8e4;border-radius:8px;color:#07111f;background:#fff;box-shadow:0 18px 44px #0613213d}.header-menu{display:grid;gap:8px;width:330px}.header-menu button{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 12px;border:0;border-radius:8px;color:#07111f;background:#f7f9fc;font-weight:800}.menu-select{display:grid;gap:6px;padding:10px;border-radius:8px;background:#f7f9fc}.menu-select span{color:#52647f;font-size:13px;font-weight:850}.menu-select select{min-height:42px;padding:0 10px;border:1px solid #cfd8e4;border-radius:8px;color:#07111f;background:#fff;font:inherit;font-weight:800}.header-menu svg{width:24px;height:24px;color:#075fd0}.shift-report{right:292px;display:grid;gap:10px}.shift-report strong{font-size:20px}.shift-report span{display:flex;justify-content:space-between;color:#52647f}.shift-report b{color:#07111f}.shift-report button{min-height:42px;border:0;border-radius:8px;color:#fff;background:#075fd0;font-weight:850}.workspace{display:grid;grid-template-columns:425px 1fr 450px;min-height:0;background:#fff}.receipt-panel,.menu-panel,.payment-panel{position:relative;min-height:0;padding:34px 22px 24px;border-right:1px solid #dbe2eb}.menu-panel{padding-inline:30px}.payment-panel{border-right:0;padding-inline:34px}h1,h2{margin:0;color:#07111f}h1{font-size:28px;font-weight:850;letter-spacing:0}h2{margin-top:26px;font-size:29px}.receipt-status{min-height:42px;margin-top:12px;padding:10px 12px;border:1px solid #cfd8e4;border-radius:8px;color:#52647f;background:#f8fafc;font-size:16px;font-weight:750}.section-heading,.menu-title-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.icon-frame{display:grid;place-items:center;width:62px;height:54px;border:1px solid #cfd8e4;border-radius:8px;color:#60708a;background:#fff}.icon-frame svg{width:30px;height:30px}.receipt-card{min-height:310px;max-height:310px;overflow-y:auto;margin-top:16px;padding:20px 20px 10px;border:1px solid #cfd8e4;border-radius:8px;background:#fff}.receipt-line{display:grid;grid-template-columns:1fr auto;align-items:end;gap:16px;width:100%;min-height:98px;padding:0;border-bottom:1px solid #cfd8e4;border-top:0;border-right:0;border-left:0;color:#07111f;background:transparent;text-align:left}.receipt-line:last-child{border-bottom:0}.receipt-line.active{margin-inline:-10px;padding-inline:10px;border-radius:8px;background:#edf5ff;box-shadow:inset 4px 0 #075fd0}.receipt-line strong{display:block;margin-bottom:8px;font-size:24px}.receipt-line span{color:#52647f;font-size:24px}.receipt-line em{display:block;margin-top:6px;color:#075fd0;font-size:16px;font-style:normal;font-weight:750}.receipt-line b{padding-bottom:20px;font-size:24px}.empty-check{display:grid;place-items:center;min-height:270px;color:#7b8aa3;font-size:24px}.empty-check svg{width:54px;height:54px;margin-bottom:14px}.summary-row,.total-card{display:flex;align-items:center;justify-content:space-between}.summary-row{padding:22px 16px 14px 18px;font-size:22px}.total-card{min-height:70px;padding:0 18px;border:1px solid #cfd8e4;border-radius:8px;background:#fff;font-size:24px;font-weight:800}.total-card b{font-size:42px}.shift-check-count{display:flex;align-items:center;justify-content:space-between;min-height:44px;margin-top:10px;padding:0 16px;border:1px solid #dbe6f4;border-radius:8px;color:#52647f;background:#f8fbff;font-size:18px;font-weight:800}.shift-check-count b{color:#075fd0;font-size:24px}.receipt-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px}.square-action{display:grid;place-items:center;min-height:86px;border:1.5px solid currentColor;border-radius:8px;background:#fff}.square-action svg{width:34px;height:34px}.stacked{gap:4px;font-size:14px;font-weight:750}.success{color:#0aa94b}.danger{color:#ff1717}.blue{color:#075fd0}.menu-title-row{align-items:start}.search-box{display:flex;align-items:center;gap:14px;width:280px;height:52px;padding:0 18px;border:1px solid #cfd8e4;border-radius:8px;color:#6d7b92;background:#fff}.search-box svg{width:28px;height:28px}.search-box input{width:100%;border:0;outline:0;color:#07111f;background:transparent;font-size:19px}.category-tabs{display:flex;gap:14px;margin-top:22px;overflow:hidden}.quick-products{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:10px;margin-top:18px}.quick-products button{display:grid;align-content:center;gap:6px;min-height:76px;padding:10px 12px;border:1px solid #075fd0;border-radius:8px;color:#07111f;background:#edf5ff;text-align:left;font-weight:850}.quick-products button.no-kds{border-color:#f0c27b;background:#fffaf2}.quick-products span{overflow-wrap:anywhere;font-size:16px}.quick-products b{color:#075fd0;font-size:20px}.category-tabs button{min-width:105px;height:50px;padding:0 18px;border:1px solid #cfd8e4;border-radius:8px;color:#111;background:#fff;font-size:18px;font-weight:600}.category-tabs button.active{color:#fff;border-color:#075fd0;background:linear-gradient(180deg,#176ee7,#0759ca)}.category-tabs button:last-child{color:#ff8200;border-color:#ff9a31}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:26px 14px;margin-top:44px}.product-tile{display:grid;align-content:center;justify-items:center;gap:36px;min-height:202px;padding:18px;border:1px solid #cfd8e4;border-radius:8px;color:#0a0e16;background:#fff;box-shadow:inset 0 1px #fffc;font-size:20px;font-weight:750}.product-tile:hover{border-color:#176ee7;box-shadow:0 12px 30px #176ee71f}.product-tile b{color:#075fd0;font-size:27px}.product-tile small{margin-top:-24px;color:#52647f;font-size:14px;font-weight:750}.product-tile em{min-height:26px;padding:4px 10px;border-radius:8px;color:#8a4b00;background:#fff1df;font-size:14px;font-style:normal}.product-tile.no-kds{border-color:#f0c27b;background:#fffaf2}.empty-menu{grid-column:1 / -1;display:grid;place-items:center;min-height:220px;border:1px dashed #cfd8e4;border-radius:8px;color:#52647f;background:#f8fafc;font-size:22px;font-weight:800}.payment-panel h1{margin-bottom:22px}.payment-total{display:flex;align-items:center;justify-content:space-between;min-height:90px;padding:0 26px;border:1px solid #cfd8e4;border-radius:8px;background:#fff;font-size:27px;font-weight:850}.payment-total b{font-size:48px}.pay-methods{display:grid;gap:12px;margin-top:18px}.method,.pay-button,.mini,.footer-button{display:flex;align-items:center;justify-content:center;gap:22px;border-radius:8px;font-weight:850}.method{height:64px;border:1.5px solid currentColor;background:#fff;font-size:20px}.method.active{color:#fff}.method.cash.active{background:#12a64b}.method.card.active{background:#075fd0}.method.mixed.active{background:#6d35c5}.method svg{width:40px;height:40px}.cash{color:#12a64b}.card{color:#075fd0}.mixed{color:#6d35c5}.discount{color:#ff8200}.pay-button{width:100%;height:88px;margin-top:18px;border:0;color:#fff;background:linear-gradient(180deg,#13bd5b,#08a34a);box-shadow:0 12px 26px #0da94c3b;font-size:36px}.pay-button svg{width:50px;height:50px}.choice-panel{position:absolute;z-index:15;display:grid;gap:12px;width:390px;padding:16px;border:1px solid #cfd8e4;border-radius:8px;background:#f8fafc;box-shadow:0 18px 44px #0613212e}.payment-popover{right:34px}.payment-popover.cash{top:176px}.payment-popover.card{top:252px}.payment-popover.mixed{top:328px}.payment-popover.discount{top:404px}.payment-popover.shift{top:146px;width:360px;max-height:calc(100vh - 170px);overflow-y:auto}.modifier-popover{left:22px;bottom:118px}.journal-popover{left:22px;top:96px;width:720px}.choice-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.choice-heading strong{font-size:18px}.choice-heading button{min-height:34px;padding:0 12px;border:1px solid #cfd8e4;border-radius:8px;color:#52647f;background:#fff;font-weight:750}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.choice-grid.two{grid-template-columns:repeat(2,1fr)}.choice-grid button,.mixed-panel button{display:grid;place-items:center;gap:4px;min-height:62px;padding:8px;border:1px solid #cfd8e4;border-radius:8px;color:#07111f;background:#fff;font-weight:850;text-align:center}.choice-grid button.selected{color:#fff;border-color:#075fd0;background:#075fd0}.choice-grid button span{color:#52647f;font-size:13px;font-weight:650}.choice-grid button.selected span{color:#ffffffd1}.choice-grid button svg{width:30px;height:30px}.mixed-panel,.shift-open-panel{display:grid;gap:8px}.mixed-panel label,.shift-open-panel label{display:grid;gap:5px;color:#52647f;font-weight:750}.mixed-panel input,.shift-open-panel input{width:100%;height:46px;padding:0 14px;border:1px solid #cfd8e4;border-radius:8px;color:#07111f;background:#fff;font-size:24px;font-weight:850}.shift-open-panel>button{min-height:44px;border:0;border-radius:8px;color:#fff;background:#075fd0;font-weight:900}.shift-close-summary,.shift-difference{display:flex;align-items:center;justify-content:space-between;min-height:40px;padding:0 12px;border:1px solid #cfd8e4;border-radius:8px;background:#fff}.shift-close-summary span,.shift-difference span{color:#52647f;font-size:14px;font-weight:750}.shift-close-summary b,.shift-difference b{color:#07111f;font-size:20px}.shift-difference.ok{border-color:#16a34a;background:#e8f8ef}.shift-difference.bad{border-color:#ffd0d0;background:#fff8f8}.shift-difference.bad b{color:#d52222}.shift-open-panel .numeric-keypad{gap:6px}.shift-open-panel .numeric-keypad button{min-height:42px;font-size:20px}.shift-open-panel .numeric-keypad .wide{min-height:42px;font-size:17px}.mixed-rest{display:flex;align-items:center;justify-content:space-between;min-height:42px;color:#52647f}.mixed-rest b{color:#07111f;font-size:24px}.counter-issue-panel{display:grid;gap:10px;padding-top:12px;border-top:1px solid #dbe2eb}.counter-issue-panel strong{font-size:17px}.counter-issue-panel label{display:grid;gap:6px;color:#52647f;font-weight:750}.counter-issue-panel input{height:44px;padding:0 12px;border:1px solid #cfd8e4;border-radius:8px;color:#07111f;background:#fff;font-size:22px;font-weight:850}.counter-issue-panel button{min-height:48px;border:0;border-radius:8px;color:#fff;background:#075fd0;font-weight:850}.numeric-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.numeric-keypad button{min-height:58px;border:1px solid #cfd8e4;border-radius:8px;color:#07111f;background:#fff;font-size:24px;font-weight:900}.numeric-keypad button:active{transform:translateY(1px)}.numeric-keypad .wide{grid-column:1 / 4;color:#fff;background:#075fd0;font-size:20px}.journal-layout{display:grid;grid-template-columns:260px 1fr;gap:12px;min-height:360px}.journal-list{display:grid;align-content:start;gap:8px;max-height:360px;overflow-y:auto}.journal-list button{display:grid;grid-template-columns:1fr auto;gap:4px 10px;min-height:62px;padding:10px;border:1px solid #cfd8e4;border-radius:8px;color:#07111f;background:#fff;text-align:left}.journal-list button.selected{border-color:#075fd0;background:#edf5ff;box-shadow:inset 4px 0 #075fd0}.journal-list span,.journal-list b{font-size:17px;font-weight:850}.journal-list em{grid-column:1 / 3;color:#52647f;font-size:13px;font-style:normal}.journal-list p,.journal-detail p{margin:0;color:#52647f}.journal-detail{display:grid;grid-template-rows:auto auto 1fr auto;gap:10px;min-height:360px;padding:14px;border:1px solid #cfd8e4;border-radius:8px;background:#fff}.journal-detail>strong{font-size:23px}.journal-detail>span{color:#52647f}.journal-items{display:grid;align-content:start;gap:8px;max-height:150px;overflow-y:auto;border-top:1px solid #dbe2eb;border-bottom:1px solid #dbe2eb;padding-block:10px}.journal-items div{display:flex;justify-content:space-between;gap:12px}.journal-actions{display:grid;grid-template-columns:1fr;gap:8px}.journal-actions button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:1px solid #cfd8e4;border-radius:8px;color:#07111f;background:#f8fafc;font-weight:850}.journal-actions button:first-child{color:#075fd0}.journal-actions button:nth-child(2){color:#ff1717}.refund-confirm{display:grid;gap:10px;padding:12px;border:1px solid #ffd0d0;border-radius:8px;background:#fff8f8}.refund-confirm strong{color:#d52222;font-size:18px}.refund-confirm span,.refund-confirm label span{color:#52647f;font-size:14px;font-weight:750}.refund-confirm label{display:grid;gap:6px}.refund-confirm select{min-height:44px;padding:0 10px;border:1px solid #cfd8e4;border-radius:8px;color:#07111f;background:#fff;font:inherit;font-weight:800}.refund-confirm div{display:grid;grid-template-columns:1fr 1.3fr;gap:8px}.refund-confirm button{min-height:46px;border:1px solid #cfd8e4;border-radius:8px;color:#07111f;background:#fff;font-weight:850}.refund-confirm button:last-child{color:#fff;border-color:#d52222;background:#d52222}.payment-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:26px}.clear-confirm{display:grid;gap:10px;margin-top:12px;padding:12px;border:1px solid #ffd0d0;border-radius:8px;background:#fff8f8}.clear-confirm strong{color:#d52222;font-size:18px}.clear-confirm span{color:#52647f;font-size:14px;font-weight:750}.clear-confirm div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.clear-confirm button{min-height:46px;border:1px solid #cfd8e4;border-radius:8px;color:#07111f;background:#fff;font-weight:850}.clear-confirm button:last-child{color:#fff;border-color:#d52222;background:#d52222}.queue-card{display:grid;gap:6px;margin-top:20px;padding:16px 18px;border:1px solid #cfd8e4;border-radius:8px;background:#f8fafc}.queue-card strong{font-size:18px}.queue-card span{color:#52647f;font-size:16px}.mini{min-height:78px;padding:8px;border:1.5px solid currentColor;background:#fff;flex-direction:column;gap:4px;font-size:13px}.mini svg{width:29px;height:29px}.bottombar{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:30px;padding:16px 22px;border-top:1px solid rgba(255,255,255,.08)}.footer-button{height:72px;border:0;color:#fff;font-size:25px}.footer-button svg{width:34px;height:34px}.footer-button.blue{background:linear-gradient(180deg,#176ee7,#0759ca)}.footer-button.red{background:linear-gradient(180deg,#e52e35,#cf2028)}.footer-button.orange{background:linear-gradient(180deg,#ff9b16,#f27c00)}.action-note{position:absolute;right:28px;bottom:4px;color:#ffffffb3;font-size:13px}.toast-line{position:fixed;z-index:30;right:24px;bottom:18px;max-width:520px;padding:12px 16px;border-radius:8px;color:#fff;background:#061321eb;font-size:15px;font-weight:750;box-shadow:0 12px 32px #06132142}.print-report{position:absolute;left:-10000px;top:0;width:420px;padding:24px;border:1px solid #cfd8e4;border-radius:8px;color:#07111f;background:#fff;box-shadow:none}.print-report h1{font-size:28px}.print-report p{margin:6px 0;color:#52647f}.print-report table{width:100%;margin-top:18px;border-collapse:collapse}.print-report th{padding:8px 0;border-bottom:2px solid #07111f;text-align:left}.print-report th:not(:first-child){text-align:right}.print-report td{padding:9px 0;border-bottom:1px solid #dbe2eb}.print-report td:not(:first-child){text-align:right;font-weight:850}.print-signatures{display:grid;gap:18px;margin-top:28px}@media print{body *{visibility:hidden}.print-report,.print-report *{visibility:visible}.print-report{position:absolute;inset:0 auto auto 0;width:100%;transform:none;border:0;box-shadow:none}}@media(max-width:1400px){body{min-width:1024px}.topbar{grid-template-columns:260px 185px 210px 190px 210px 1fr}.brand{font-size:28px}.brand,.topbar-cell{padding-inline:18px;font-size:18px}.workspace{grid-template-columns:360px 1fr 390px}.product-grid{grid-template-columns:repeat(3,minmax(130px,1fr))}}