:root{--bg:#f5f6f8;--panel:#fff;--border:#e5e7eb;--dark:#17191d;--text:#20242b;--muted:#6b7280;--green:#16794c;--orange:#a15c00;--red:#b42318}html{overflow-y:auto;scrollbar-gutter:stable}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;background:#f1f2f4;color:#444;padding:9px 14px;border-radius:9px;font-weight:600;font-size:13px;transition:background .15s}button:hover:not(:disabled){background:#e6e7ea}button:disabled{opacity:.5;cursor:not-allowed}.danger{background:#fdeceb!important;color:var(--red)!important}.danger:hover:not(:disabled){background:#fbdbd8!important}header{min-height:64px;background:var(--dark);color:#fff;padding:10px 24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px 20px}header b{font-size:18px;letter-spacing:.2px}.headerlogo{height:34px;width:auto;display:block}header span{display:flex;align-items:center;gap:10px;font-size:13px;color:#c9ccd2;flex-wrap:wrap}header button{background:#ffffff1f;color:#fff;padding:8px 14px;border-radius:8px;font-weight:600;transition:background .15s}header button:hover{background:#ffffff38}.headerleft{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.headernav{display:flex;gap:6px;flex-wrap:wrap}.headernav button{position:relative;padding:9px 16px;border-radius:9px;background:#ffffff1a;font-weight:600;font-size:13px;color:#c9ccd2;transition:background .15s,color .15s}.headernav button:hover{background:#ffffff2e;color:#fff}.headernav button.active{background:#fff;color:var(--dark)}.toolbar button{padding:9px 16px;border-radius:9px;background:#f1f2f4;font-weight:600;font-size:13px;color:#444;transition:background .15s}.toolbar button:hover{background:#e6e7ea}.toolbar button.sel{background:var(--dark);color:#fff}.badge{background:#dc2626;color:#fff;border-radius:999px;padding:1px 6px;font-size:10px;font-weight:700;margin-left:6px}.toolbar button.secondary{background:var(--dark);color:#fff;font-weight:700}.toolbar button.secondary:hover{opacity:.9;background:var(--dark)}.grid{display:grid;grid-template-columns:1fr 400px;gap:16px;padding:16px}.panel,.ticket,.page table,.cards>div{background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 1px 2px #1018280a}.reportpanel{background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 1px 2px #1018280a;padding:18px 20px}.reportpanel h3{margin:0 0 6px}.reportpanel .muted{color:var(--muted);font-size:13px;margin:0 0 14px}.reportpanel label{display:block;font-size:12px;font-weight:700;color:var(--muted);margin:14px 0 6px;text-transform:uppercase;letter-spacing:.04em}.reportpanel input,.reportpanel select{width:100%;padding:11px;border:1px solid var(--border);border-radius:10px;background:#fff}.reportpanel.dangerzone{border-color:#f3cfc9}.formrow{display:flex;gap:12px;flex-wrap:wrap}.formrow>div{flex:1;min-width:180px}.checkboxlabel{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:#444;width:auto}.checkboxlabel input{width:auto}.toolbar{padding:16px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.toolbar input{flex:1;min-width:160px;padding:11px 14px;border:1px solid var(--border);border-radius:10px}.toolbar .categorytabs{flex:1 0 100%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.toolbar .categorytabs button{width:100%;min-height:44px;padding:8px 6px;text-align:center;white-space:normal;overflow-wrap:anywhere;line-height:1.25;display:flex;align-items:center;justify-content:center}.accountbanner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border);background:#f8f9fb}.accountbannerinfo{display:flex;flex-direction:column;gap:2px}.accountbannerinfo small{color:var(--muted)}.menus{padding:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:12px}.menuwrap{display:flex;flex-direction:column;gap:6px}.menu{text-align:left;padding:14px;border:1px solid var(--border);border-radius:14px;background:#fff;width:100%;min-height:150px;display:flex;flex-direction:column;justify-content:center;gap:6px;transition:border-color .15s,box-shadow .15s,transform .15s}.menu:not(:disabled):hover{border-color:#b7bac0;box-shadow:0 2px 8px #1018280f;transform:translateY(-1px)}.menu:disabled{opacity:.5;cursor:not-allowed}.menuname{font-weight:700;font-size:16px;line-height:1.3}.menumeta{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.menuprice{color:#555;font-size:13px}.menustation{font-size:10px;font-weight:700;letter-spacing:.03em;padding:3px 7px;border-radius:6px;background:#eee;color:#555}.availability{font-size:11px;font-weight:700;margin-top:4px}.availability.available{color:var(--green)}.availability.limited{color:var(--orange)}.availability.unavailable{color:var(--red)}.menustock{display:flex;gap:6px;flex-wrap:wrap}.menustock button{flex:1 1 auto;min-width:80px;padding:7px 4px;border-radius:8px;background:#f1f2f4;font-size:11px;font-weight:600;color:#444;transition:background .15s}.menustock button:hover{background:#e6e7ea}.historyrow small,.cartitem small,.ticket small,.ticketitem small{display:block;color:var(--muted);margin-top:5px}.history{padding:16px;border-top:1px solid var(--border)}.history h3{margin:0 0 10px}.historyrow{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #f0f0f0}.historyrow button,.ticketitem button,.page button{padding:7px 10px;border-radius:8px;background:#f1f2f4;font-weight:600;transition:background .15s}.historyrow button:hover,.ticketitem button:hover,.page button:hover{background:#e6e7ea}.cart{padding:16px}.cart h3{margin:0 0 12px}.cart input,.cart select,.filters select{width:100%;padding:11px 13px;border:1px solid var(--border);border-radius:10px;margin-bottom:10px;background:#fff}.grid>.cart{position:sticky;top:16px;align-self:start;max-height:calc(100vh - var(--cart-offset,104px));display:flex;flex-direction:column}.cartitems{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;margin:0 -4px;padding:0 4px}.cartsummary{flex:none;border-top:1px solid var(--border);margin-top:8px;padding-top:6px}.cartsummary .total{margin:5px 0;font-size:15px}.cartsummary .total.grandtotal{font-size:19px;margin:8px 0 6px}.cartsummary .discountrow{font-size:14px}.cartitemcount{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--muted);margin:2px 0}.cartitemcount b{color:var(--text);font-size:15px}.cartactions{flex:none}.cartremove{width:32px;height:32px;padding:0;border-radius:8px;font-weight:800;font-size:14px;flex:none;align-self:center}@media(max-width:900px){.grid>.cart{position:static;max-height:none}}.ordermeta{font-size:13px;color:var(--muted);margin-bottom:12px}.ordermetaedit{display:block;width:100%;text-align:left;background:none;padding:0 0 6px;font:inherit;color:inherit;border-bottom:1px dashed #b7bac0}.ordermetaedit:hover{color:var(--text)}.ordermetaediticon{margin-left:6px;font-size:11px;opacity:.7}.cartitem{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #f0f0f0;gap:10px}.cartitemflash{animation:cartitemflash .9s ease}@keyframes cartitemflash{0%{background:#fff3cd}to{background:transparent}}.cartiteminfo{flex:1;min-width:0}.cartitemname{display:block;background:none;padding:0;font-weight:700;font-size:14px;color:var(--text);text-decoration:underline;text-decoration-style:dotted;text-decoration-color:#b7bac0;text-underline-offset:3px;text-align:left}.qtystepper{display:flex;align-items:center;gap:8px}.qtystepper button{width:32px;height:32px;border-radius:8px;background:#f1f2f4;font-weight:700;font-size:16px}.qtystepper button:hover{background:#e6e7ea}.qtystepper .qtytap{min-width:24px;text-align:center;font-weight:700;color:var(--text);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px;cursor:pointer}.qtystepper.large{margin:6px 0 4px}.qtystepper.large button{width:44px;height:44px;font-size:20px;border-radius:10px}.qtystepper.large .qtytap{min-width:40px;font-size:18px}.total{display:flex;justify-content:space-between;align-items:center;font-size:19px;margin:14px 0}.linkbtn{background:none;padding:0;font-size:13px;font-weight:600;color:var(--accent,#2563eb);text-decoration:underline;width:auto;display:inline}.discountrow{font-size:16px}.discountctrl{display:flex;align-items:center;gap:10px}.primary,.loginbox button{width:100%;padding:14px;background:var(--dark);color:#fff;border-radius:11px;font-weight:700;transition:opacity .15s}.primary:hover:not(:disabled),.loginbox button:hover{opacity:.92}.primary:disabled{opacity:.4;cursor:not-allowed}.primary{background:var(--dark)!important;color:#fff!important}.primary:disabled{opacity:.4!important}.cancelbtn{width:100%;padding:11px;margin-top:8px;background:transparent;color:var(--red);font-weight:600;font-size:13px;border:1px solid #f0d5d3;border-radius:10px}.cancelbtn:hover{background:#fdeceb}.empty{text-align:center;color:#9aa0a6;padding:34px 10px;font-size:13px}.hint{color:var(--muted);font-size:13px;margin:4px 0 10px}.synctime{align-self:center;font-size:12px;color:var(--muted)}.modalbackdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f11158c;display:flex;align-items:center;justify-content:center;padding:20px;z-index:30}.modal{background:#fff;border-radius:18px;width:min(440px,100%);padding:24px;box-shadow:0 20px 40px #0003;max-height:92vh;overflow:auto}.modal.large{width:min(680px,96vw)}.modal.xlarge{width:min(1040px,96vw)}.paymentmethodstable td,.paymentmethodstable th{padding:10px 8px;vertical-align:top}.paymentmethodstable .coamaprow{display:flex;align-items:center;gap:8px;margin-bottom:6px}.paymentmethodstable .coamaprow:last-child{margin-bottom:0}.paymentmethodstable .coamaprow .coamaplabel{flex:0 0 auto;width:92px;font-size:12px;color:var(--muted);font-weight:600}.paymentmethodstable .coamaprow select{flex:1;min-width:0}.versionbanner{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding:10px 20px;background:#fef3c7;color:#78350f;font-size:13px;font-weight:600;text-align:center}.versionbanner button{background:#78350f;color:#fff;padding:6px 14px;border-radius:8px;font-weight:700}.dragorderlist{list-style:none;margin:6px 0 16px;padding:0;border:1px solid var(--border);border-radius:10px;overflow:hidden}.dragorderlist li{padding:10px 12px;border-bottom:1px solid var(--border);cursor:grab;background:var(--bg-elevated,#fff);-webkit-user-select:none;user-select:none}.dragorderlist li:last-child{border-bottom:none}.dragorderlist li.dragging{opacity:.4}.dragorderlist .draghandle{color:var(--muted);margin-right:8px}.rowactions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.addcartlist{margin-top:14px;border-top:1px solid var(--border);padding-top:10px}.addcartrow{padding:8px 0;border-bottom:1px dashed var(--border)}.addcartrow:last-of-type{border-bottom:none}.addcartrowhead{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.addcartrowhead strong{flex:1;min-width:0}.modal h3{margin:0 0 14px}.modal label{display:block;font-size:12px;font-weight:700;color:var(--muted);margin:14px 0 6px;text-transform:uppercase;letter-spacing:.04em}.modal label .required{color:var(--red);font-weight:600;text-transform:none;letter-spacing:0}.modal input{width:100%;padding:11px;border:1px solid var(--border);border-radius:10px}.modal textarea{width:100%;padding:11px;border:1px solid var(--border);border-radius:10px;resize:vertical}.sweetness-options{display:flex;gap:6px;flex-wrap:wrap}.sweetness-options button{padding:9px 13px;border-radius:9px;background:#f1f2f4;font-size:13px;font-weight:600}.sweetness-options button.sel{background:var(--dark);color:#fff}.modifierpricebadge{color:var(--green,#1b8a4a);font-weight:700}.sweetness-options button.sel .modifierpricebadge{color:#fff}.modifiergroups{width:100%;margin:6px 0 12px}.modifiergroup{border:1px solid var(--border);border-radius:10px;padding:10px;margin-bottom:8px}.modifiergrouphead{display:flex;gap:8px;align-items:center;margin-bottom:8px}.modifiergrouphead input{flex:1;padding:9px;border:1px solid var(--border);border-radius:8px}.modifieroptions{display:flex;flex-direction:column;gap:6px}.modifieroptionrow{display:flex;gap:6px;align-items:center}.modifieroptionrow input{flex:1;padding:8px 9px;border:1px solid var(--border);border-radius:8px;font-size:13px}.modifieroptionrow input.modifierpriceinput{flex:0 0 130px}.modifieroptionrow button{flex:none;padding:6px 10px}.segment{display:flex;gap:8px}.segment button{flex:1;padding:16px 8px;border-radius:10px;background:#f1f2f4;font-weight:700;font-size:15px;min-height:52px}.segment button.selected{background:var(--dark);color:#fff}.segment button.warning{background:#fff4e5;color:var(--orange)}.tables{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;max-height:280px;overflow:auto;padding:2px}.tables button{padding:14px 4px;border-radius:9px;background:#f1f2f4;font-weight:700;font-size:15px;min-height:48px}.tables button.selected{background:var(--dark);color:#fff}.payment{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:6px}.payment button{padding:22px 8px;border-radius:12px;background:#f1f2f4;font-weight:700;font-size:14px;text-align:center;min-height:64px}.payment button.selected{background:var(--dark);color:#fff}.payment button:disabled{opacity:.5;cursor:not-allowed}.modal-actions{display:flex;gap:10px;margin-top:20px}.modal-actions button{flex:1;padding:14px;border-radius:10px;background:#f1f2f4;font-weight:700;min-height:48px}.modal-actions button.primary{background:var(--dark);color:#fff}.modal-actions button.danger{background:#fdeceb;color:var(--red)}.cashierrecap{border:1px solid var(--border);border-radius:12px;padding:12px 14px;margin-bottom:10px;background:#fafbfc}.cashierrecap-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:14px}.cashierrecap-pay{display:flex;flex-direction:column;gap:2px;margin-top:8px;padding-top:8px;border-top:1px dashed var(--border)}.cashierrecap-pay div{display:flex;justify-content:space-between;font-size:13px;padding:2px 0}.cashierrecap-items{margin:8px 0 0;padding-left:18px;font-size:12px;color:var(--muted)}.cashierrecap-items li{padding:1px 0}.keypadmodal{width:min(360px,92vw);padding:18px}.keypaddisplayrow{display:flex;align-items:stretch;gap:8px;margin:4px 0 10px}.keypaddisplay{flex:1;font-size:28px;font-weight:800;text-align:right;padding:10px 12px;background:#f5f6f8;border-radius:10px;min-height:44px;margin:4px 0 10px}.keypaddisplayrow .keypaddisplay{margin:0}.keypadbackspace{flex:0 0 52px;font-size:18px;font-weight:700;border-radius:10px;background:#f1f2f4}.keypadbackspace:hover{background:#e6e7ea}.keypadgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.keypadgrid button{padding:14px 0;font-size:19px;font-weight:700;border-radius:10px;background:#f1f2f4;min-height:44px}.keypadgrid button:hover{background:#e6e7ea}.paymentsummary{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);margin-bottom:2px}.paymentchange{text-align:right;font-weight:700;font-size:14px;color:var(--green);margin:-6px 0 8px}.paymentchange.short{color:var(--red)}.quickamounts{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.quickamounts button{flex:1 1 70px;padding:9px 4px;border-radius:9px;background:#f1f2f4;font-weight:700;font-size:13px}.keypadmodal .modal-actions{margin-top:12px}.page{padding:20px}.page h2{margin:0 0 6px}.page>p{color:var(--muted);margin:0 0 16px;font-size:13px}.tickets{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.ticket{padding:15px}.ticket b{font-size:15px}.ticketitem{padding:11px 0;border-bottom:1px solid #f0f0f0}.ticketitem button{width:100%;margin-top:9px;background:var(--dark);color:#fff}.ticketitem button:hover{background:var(--dark);opacity:.9}.donebtn{background:var(--green)!important}.donebtn:hover{background:var(--green)!important;opacity:.9}.page table{width:100%;border-collapse:collapse;overflow:hidden}.page th,.page td{padding:12px;text-align:left;border-bottom:1px solid #f0f0f0;font-size:13px}.page th{background:#fafafa;font-weight:700;color:#555;font-size:11px;text-transform:uppercase;letter-spacing:.03em}.incomestatement-result{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:14px 0;padding:16px 20px;border-radius:12px;font-weight:800;font-size:17px;letter-spacing:.01em}.incomestatement-result .amount{font-variant-numeric:tabular-nums}.incomestatement-result.neutral{background:#f1f2f4;color:var(--text)}.incomestatement-result.positive{background:#eafaf0;color:var(--green)}.incomestatement-result.negative{background:#fdeceb;color:var(--red)}.filters{display:flex;gap:8px;margin:14px 0;flex-wrap:wrap}.filters select{width:auto;min-width:170px;margin-bottom:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.stats div{background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px;font-size:13px;color:var(--muted)}.stats b{display:block;font-size:22px;margin-top:6px;color:var(--text)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.cards>div{padding:20px}.cards small{color:var(--muted)}.accountcard{display:flex;flex-direction:column;gap:8px}.accountcard b{font-size:15px}.accountsegment{flex-wrap:wrap}.accountsegment button{flex:none;min-width:90px;padding:10px 14px;font-size:13px;min-height:auto}.pindisplay{letter-spacing:6px;text-align:center}.userform{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:18px}.userform input,.userform select{width:auto;flex:1 1 160px;margin-bottom:0}.userform button{flex:none;width:auto;padding:12px 20px}.userrowactions{display:flex;gap:6px;flex-wrap:wrap}.userrowactions button{width:auto;padding:8px 12px;font-size:12px;min-height:auto;border:1px solid var(--border)}.userrowactions button.danger{border-color:#f3cfc9}.userrowactions button.primary{border-color:var(--dark)}.permcheck{display:flex;align-items:center;gap:8px;padding:8px 0;font-size:14px}.shiftbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;padding:12px 16px;border-bottom:3px solid var(--border);background:#fffbea;font-size:13px;font-weight:600;margin-bottom:4px}.shiftbar button{width:auto;padding:8px 16px;font-size:13px;min-height:auto}.shift-active{background:#eafaf0}.shift-paused{background:#fff8e1}.shiftbar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.syncbtn{display:flex;align-items:center;gap:6px;background:#fff;padding:8px 14px;border-radius:20px;font-size:12px;font-weight:600;color:#444;border:1px solid var(--border)!important}.syncbtn:hover:not(:disabled){background:#f5f6f8}.syncbtn:disabled{opacity:.6;cursor:not-allowed}.syncbtn .synctime{font-weight:600;color:var(--muted);border-left:1px solid var(--border);padding-left:6px}.shiftmenu{position:relative}.shiftmenu>button{background:var(--dark);color:#fff;font-weight:700}.shiftmenu>button:hover{opacity:.9}.shiftmenu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:39;background:transparent}.shiftmenu-dropdown{position:absolute;top:calc(100% + 6px);right:0;z-index:40;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 28px #10182829;padding:6px;display:flex;flex-direction:column;gap:2px;min-width:230px}.shiftmenu-dropdown button{width:100%;text-align:left;padding:10px 12px;border-radius:8px;background:transparent;color:var(--text);font-weight:600;font-size:13px}.shiftmenu-dropdown button:hover:not(:disabled){background:#f1f2f4}.shiftmenu-dropdown button:disabled{opacity:.4;cursor:not-allowed}.shiftmenu-dropdown .shiftmenu-danger{color:var(--red)}.shiftmenu-dropdown .shiftmenu-danger:hover:not(:disabled){background:#fdeceb}.shiftmenu-divider{height:1px;background:var(--border);margin:4px 2px}.shiftmenu-submenu{display:flex;flex-direction:column;gap:2px;padding-left:10px;border-left:2px solid var(--border);margin-left:8px}.tillpicker{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;margin:14px 0}.tillpicker button{padding:18px 8px;border-radius:10px;background:#f1f2f4;font-weight:700;min-height:56px}.tillpicker button:hover{background:#e6e7ea}.floorallocator{display:flex;flex-direction:column;gap:10px;margin:14px 0}.floorallocator-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:10px;background:#f5f6f8}.floorallocator-row span{font-weight:700}.floorallocator-row select{flex:0 0 auto;width:auto;min-width:160px}.floorallocator-row input[type=number]{flex:0 0 auto;width:160px;padding:8px 10px;border:1px solid var(--border);border-radius:8px}.floorallocator-row input[type=number]:disabled{background:#f1f2f4;color:var(--muted)}.tillrow{border:1px solid var(--border);border-radius:12px;padding:10px 12px;background:#f8f9fb}.tillrow-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;flex-wrap:wrap}.tillrow-head b{font-size:14px}.tillrow-occupied{font-size:12px;color:var(--muted);font-weight:600}.tillrow-fields{display:flex;gap:8px;flex-wrap:wrap}.tillrow-fields select,.tillrow-fields input[type=number]{flex:1 1 140px;min-width:120px;padding:9px 10px;border:1px solid var(--border);border-radius:8px;background:#fff}.tillrow-fields input[type=number]:disabled{background:#f1f2f4;color:var(--muted)}.tillrow-skip{flex:1 1 140px;min-width:120px;padding:9px 10px;font-size:13px;color:var(--muted);font-style:italic;display:flex;align-items:center}.tillrow-release{width:auto;margin-top:8px;padding:6px 12px;font-size:12px;min-height:auto;background:#fdeceb;color:var(--red);border-radius:8px;font-weight:600}.tillrow-release:hover{background:#fbdbd8}.reporttoolbar{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 4px;padding:5px;background:#eef0f3;border-radius:12px}.reporttoolbar button{width:auto;padding:8px 14px;font-size:13px;min-height:auto;background:transparent;color:#555;font-weight:600;border-radius:8px}.reporttoolbar button:hover{background:#fff9}.reporttoolbar button.active{background:var(--dark);color:#fff;box-shadow:0 1px 3px #10182840}.reporttoolbar button.active:hover{background:var(--dark)}button.outline{background:#fff;color:#444;border:1px solid var(--border);font-weight:600}button.outline:hover:not(:disabled){background:#f8f9fb}.badge-status{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.badge-status.success{background:#eafaf0;color:var(--green)}.badge-status.warning{background:#fff4e5;color:var(--orange)}p.warning{background:#fff4e5;color:var(--orange);border:1px solid #ffe0b2;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:600}.badge-status.neutral{background:#f1f2f4;color:var(--muted)}.badge-status.danger{background:#fdeceb;color:var(--red)}.page td.num,.page th.num{text-align:right;font-variant-numeric:tabular-nums}.journal-line-table th:nth-child(1),.journal-line-table td:nth-child(1){width:38%}.journal-line-table th:nth-child(2),.journal-line-table td:nth-child(2){width:18%}.journal-line-table th:nth-child(3),.journal-line-table td:nth-child(3){width:18%}.journal-line-table th:nth-child(4),.journal-line-table td:nth-child(4){width:20%}.journal-line-table th:nth-child(5),.journal-line-table td:nth-child(5){width:6%}.journal-line-table td{padding:8px 6px;vertical-align:top}.journal-line-table select,.journal-line-table input{width:100%;padding:9px 10px;font-size:13px}.journal-line-table input[type=number]{text-align:right}.journal-line-table .removeline{width:100%;padding:9px 0;background:#fdeceb;color:var(--red);font-size:13px}.journal-line-table .removeline:hover{background:#fbdbd8}.inlineform{display:flex;gap:8px;margin:12px 0}.inlineform input{flex:1;padding:11px 13px;border:1px solid var(--border);border-radius:10px}.inlineform button{width:auto;padding:11px 16px}.pagination{display:flex;justify-content:center;align-items:center;gap:14px;margin:16px 0;font-size:13px;color:var(--muted)}.pagination button{width:auto;padding:8px 16px;font-size:13px;min-height:auto}.pagination button:disabled{opacity:.4;cursor:not-allowed}.receiptprint,.stickerprint{display:none}@media print{html,body{height:0;overflow:hidden}body *{visibility:hidden}.receiptprint,.receiptprint *,.stickerprint,.stickerprint *{visibility:visible}.receiptprint{display:block;position:absolute;top:0;left:0;width:80mm;padding:4mm;font-family:Courier New,monospace;font-size:12px;color:#000}.receiptlogo{display:block;width:45mm;max-width:100%;margin:0 auto 4px}.receiptprint h3{text-align:center;margin:4px 0 2px;font-size:15px;letter-spacing:.5px}.receiptshopinfo{text-align:center;font-size:10px;line-height:1.5;margin-bottom:4px}.receiptmeta{font-size:11px;margin:6px 0}.receiptkv{display:flex;justify-content:space-between;gap:8px;font-size:11px;padding:1px 0}.receiptitemname{font-size:11px;font-weight:700;margin-top:5px}.receiptitem{display:flex;justify-content:space-between;gap:8px;padding:1px 0;font-size:11px}.receiptitemsub{color:#444}.receiptitemnote{font-size:10px;padding-left:8px;color:#333}.receiptcashierblock{margin-top:8px;padding-top:6px;border-top:1px dashed #999}.receiptshifttimes{display:flex;justify-content:space-between;font-size:10px;color:#333;padding:0 0 2px}.receipttotal{display:flex;justify-content:space-between;font-weight:700;font-size:13px;margin:3px 0}.receiptfooter{text-align:center;margin-top:4px;font-size:11px}.receiptfooter p{margin:3px 0}.receipttagline{font-family:Brush Script MT,Segoe Script,cursive;font-style:italic;font-size:20px;margin-top:8px!important;line-height:1.3}.receiptprint hr{border:none;border-top:1px dashed #000;margin:6px 0}.receiptbanner{text-align:center;font-size:10px;font-weight:700;letter-spacing:.5px;margin:2px 0}.receiptbannersub{text-align:center;font-size:12px;font-weight:700;letter-spacing:1px;margin:2px 0 6px}.receiptdash{border-top:1px dashed #000;margin:6px 0}.receiptmetarow{display:flex;font-size:11px;padding:1px 0}.receiptmetarow .rmlabel{width:92px;flex-shrink:0}.receiptmetarow .rmvalue{flex:1}.receiptcashname{font-weight:700;font-size:11px;margin-top:6px;text-transform:uppercase}.receiptpayrow{display:flex;font-size:11px;padding:1px 0 1px 14px}.receiptpayrow .rplabel{width:70px;flex-shrink:0}.receiptpayrow .rpvalue{flex:1;text-align:right}.receiptgrandtotal{display:flex;font-size:12px;font-weight:700;padding:2px 0}.receiptgrandtotal .rglabel{width:92px;flex-shrink:0}.receiptgrandtotal .rgvalue{flex:1;text-align:right}.receiptsectionhead{font-weight:700;font-size:11px;margin-top:4px}.stickerprint{display:block;position:absolute;top:0;left:0;width:40mm;height:30mm;padding:2mm;font-family:Courier New,monospace;font-size:9px;color:#000;overflow:hidden}.stickerorderno{font-weight:700;font-size:9px}.stickeritemname{font-weight:700;font-size:12px;margin-top:2px;line-height:1.15;word-break:break-word}.stickerqty{font-size:9px;margin-top:1px}.stickernote{font-size:8px;color:#222;margin-top:1px;line-height:1.15}.stickertime{font-size:8px;margin-top:2px}}.login{min-height:100vh;display:grid;place-items:center;padding:20px;background:var(--bg)}.loginbox{width:min(440px,100%);padding:32px;background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:0 10px 30px #1018280f}.brandlogo{width:320px;max-width:90%;display:block;margin:0 auto 14px}.loginbox h1{margin:0;font-size:23px}.loginbox p,.loginbox small{color:var(--muted)}.loginbox label{display:block;margin:16px 0 6px;font-weight:700;font-size:13px}.loginbox input,.loginbox select{width:100%;padding:12px;border:1px solid var(--border);border-radius:10px}.loginbox button{margin-top:18px}.loginbox>small{display:block;margin-top:14px;text-align:center}.error{color:var(--red);margin-top:10px;font-size:13px;font-weight:600}@media(max-width:900px){.grid,.stats{grid-template-columns:1fr}.tables{grid-template-columns:repeat(5,1fr)}.modal.large{width:min(560px,96vw)}}.cdscreen{--cd-green:#1f5d3f;--cd-green-deep:#0f3222;--cd-green-soft:#e3f2e9;--cd-accent:#8ee0a9;--cd-cream:#f6f3ec;--cd-ink:#14231b;--cd-muted:#6a766f;position:fixed;top:0;right:0;bottom:0;left:0;display:flex;background:var(--cd-cream);color:var(--cd-ink);cursor:none;-webkit-user-select:none;user-select:none;overflow:hidden;font-family:inherit}.cdscreen h1{font-size:clamp(40px,8.5vmin,120px);margin:0;font-weight:800;letter-spacing:-.02em;line-height:1.05}.cdscreen h2{font-size:clamp(24px,4.4vmin,58px);margin:0;font-weight:800;letter-spacing:-.01em}@keyframes cdIn{0%{opacity:0;transform:translateY(2.4vmin) scale(.985)}to{opacity:1;transform:none}}@keyframes cdFlash{0%{background:var(--cd-green-soft)}to{background:transparent}}@keyframes cdPulse{0%,to{box-shadow:0 0 #8ee0a980}50%{box-shadow:0 0 0 2.4vmin #8ee0a900}}@keyframes cdPop{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}@keyframes cdDraw{to{stroke-dashoffset:0}}@keyframes cdDrift{0%,to{transform:translate(-4%,-3%) scale(1)}50%{transform:translate(4%,3%) scale(1.12)}}@keyframes cdFade{0%{opacity:0;transform:translateY(1.2vmin)}to{opacity:1;transform:none}}.cdview-idle{background:radial-gradient(120% 120% at 20% 10%,#2b7a54 0%,var(--cd-green) 38%,var(--cd-green-deep) 100%);color:#fff}.cdidle{position:relative;margin:auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2.2vmin;padding:4vmin}.cdglow{position:absolute;width:70vmin;height:70vmin;border-radius:50%;background:radial-gradient(circle,rgba(142,224,169,.28),transparent 68%);animation:cdDrift 14s ease-in-out infinite;z-index:0}.cdidle>*:not(.cdglow){position:relative;z-index:1}.cdlogo{width:min(44vmin,520px);height:auto;filter:drop-shadow(0 1vmin 2vmin rgba(0,0,0,.25))}.cdidlemsg{font-size:clamp(20px,3.6vmin,46px);margin:0;color:#fffffff0;font-weight:600;animation:cdFade .8s ease both}.cdorder{flex:1;display:grid;grid-template-columns:1.55fr 1fr;gap:2.6vmin;padding:2.6vmin;min-height:0}.cditems{background:#fff;border-radius:2.4vmin;display:flex;flex-direction:column;min-height:0;box-shadow:0 .6vmin 3vmin #14231b14;overflow:hidden}.cdhead{display:flex;align-items:center;gap:2vmin;padding:2.4vmin 3vmin;border-bottom:.2vmin solid #ecefe9}.cdlogosmall{height:min(8vmin,84px);width:auto}.cdheadtext{flex:1;display:flex;flex-direction:column;gap:.4vmin;min-width:0}.cdcust{font-size:clamp(15px,2.5vmin,32px);color:var(--cd-muted);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cdcount{background:var(--cd-green-soft);color:var(--cd-green);font-weight:800;font-size:clamp(15px,2.5vmin,32px);padding:.8vmin 2vmin;border-radius:99px;white-space:nowrap}.cdlist{flex:1;min-height:0;overflow:auto;padding:1vmin 3vmin 2vmin;scrollbar-width:none}.cdlist::-webkit-scrollbar{display:none}.cdrow{display:flex;align-items:center;gap:2.2vmin;padding:1.8vmin 1.2vmin;border-bottom:.2vmin solid #f0f2ed;border-radius:1.2vmin;animation:cdIn .45s ease both,cdFlash 1.6s ease both}.cdqty{flex:none;min-width:2.2em;height:2.2em;display:grid;place-items:center;border-radius:1.3vmin;background:var(--cd-green);color:#fff;font-weight:800;font-size:clamp(18px,3.2vmin,42px)}.cdrowbody{flex:1;min-width:0}.cdrowname{font-size:clamp(20px,3.6vmin,48px);font-weight:800;line-height:1.15}.cdrowmeta{display:flex;flex-wrap:wrap;align-items:center;gap:.8vmin 1.2vmin;margin-top:.6vmin;font-size:clamp(14px,2.3vmin,30px);color:var(--cd-muted)}.cdchip{background:#eef3ef;color:var(--cd-green);border-radius:99px;padding:.3vmin 1.4vmin;font-weight:700}.cdnote{background:#fff4e0;color:#8a5a00}.cdlinetotal{flex:none;font-size:clamp(20px,3.6vmin,48px);font-weight:800;white-space:nowrap}.cdtotals{display:flex;flex-direction:column;justify-content:space-between;gap:2vmin;background:linear-gradient(165deg,var(--cd-green) 0%,var(--cd-green-deep) 100%);color:#fff;border-radius:2.4vmin;padding:3.2vmin;box-shadow:0 .6vmin 3vmin #0f322240}.cdsummary{display:flex;flex-direction:column;gap:1.4vmin}.cdsumtitle{font-size:clamp(15px,2.4vmin,32px);text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:var(--cd-accent);padding-bottom:1.4vmin;margin-bottom:.6vmin;border-bottom:.2vmin solid rgba(255,255,255,.18)}.cdtotrow{display:flex;justify-content:space-between;font-size:clamp(18px,3vmin,40px);color:#ffffffd1}.cddisc{color:var(--cd-accent);font-weight:700}.cdgrand{display:flex;flex-direction:column;gap:1vmin;padding-top:2vmin;border-top:.25vmin dashed rgba(255,255,255,.28)}.cdgrandlabel{font-size:clamp(16px,2.8vmin,36px);text-transform:uppercase;letter-spacing:.12em;color:var(--cd-accent);font-weight:700}.cdgrand b{font-size:clamp(40px,10vmin,140px);line-height:1;font-weight:800;letter-spacing:-.02em;animation:cdPop .5s ease both}.cdpaying .cdgrand{animation:cdPulse 2s ease-in-out infinite;border-radius:1.6vmin}.cdpaynote{display:flex;flex-wrap:wrap;align-items:center;gap:1.2vmin;margin-top:1vmin;font-size:clamp(16px,2.8vmin,36px);font-weight:700;color:#fff}.cdmethod{background:#ffffff29;border-radius:99px;padding:.6vmin 1.8vmin;font-weight:800}.cdview-thanks{background:radial-gradient(120% 120% at 50% 0%,#2b7a54 0%,var(--cd-green) 42%,var(--cd-green-deep) 100%);color:#fff}.cdthanks{margin:auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2.4vmin;padding:4vmin;animation:cdIn .5s ease both}.cdcheck{width:min(24vmin,260px);height:auto}.cdcheckring{fill:#ffffff1a;stroke:var(--cd-accent);stroke-width:5;animation:cdPop .6s ease both;transform-origin:center}.cdcheckmark{fill:none;stroke:#fff;stroke-width:9;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:90;stroke-dashoffset:90;animation:cdDraw .55s .35s ease forwards}.cdthanksinfo{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:1.6vmin;font-size:clamp(22px,4vmin,54px)}.cdthanksinfo b{font-size:clamp(34px,7vmin,96px);font-weight:800}.cdchange{margin-top:1vmin;background:#fff;color:var(--cd-green);border-radius:2.2vmin;padding:2.4vmin 7vmin;display:flex;flex-direction:column;gap:.6vmin;font-size:clamp(20px,3.6vmin,46px);font-weight:700;box-shadow:0 1vmin 3vmin #00000040;animation:cdPop .6s .4s ease both}.cdchange b{font-size:clamp(40px,9.5vmin,130px);line-height:1;font-weight:800}.cdbye{margin:1vmin 0 0;font-size:clamp(18px,3.2vmin,42px);color:var(--cd-accent);font-weight:600}@media(orientation:portrait){.cdorder{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}.cdtotals{gap:1.6vmin}}:root{--blue:#1d4fbf;--blue-bg:#e8f0fe;--blue-bd:#bcd0f7;--blue-hv:#d6e4fd;--green-bg:#e3f4ea;--green-bd:#b7e0c7;--green-hv:#cfeadb;--green-tx:#14673f;--amber-bg:#fff1d6;--amber-bd:#f1d49a;--amber-hv:#fde6b3;--amber-tx:#8a5200;--teal-bg:#dcf3f1;--teal-bd:#a9dcd8;--teal-hv:#c6ebe8;--teal-tx:#0d6b68}:is(.page,.modal,.panel,.reportpanel,.filters,.reporttoolbar,.toolbar,.dangerzone) button:not([class]):not(.shiftmenu-dropdown button){background:#fff;border:1px solid #d3d8e0;color:#2b3038;box-shadow:0 1px #1018280d}:is(.page,.modal,.panel,.reportpanel,.filters,.reporttoolbar,.toolbar,.dangerzone) button:not([class]):not(.shiftmenu-dropdown button):hover:not(:disabled){background:#f3f6fa;border-color:#bfc7d3}.btn-blue,.btn-green,.btn-amber,.btn-teal{border:1px solid transparent;font-weight:700}.btn-blue{background:var(--blue-bg);color:var(--blue);border-color:var(--blue-bd)}.btn-blue:hover:not(:disabled){background:var(--blue-hv)}.btn-green{background:var(--green-bg);color:var(--green-tx);border-color:var(--green-bd)}.btn-green:hover:not(:disabled){background:var(--green-hv)}.btn-amber{background:var(--amber-bg);color:var(--amber-tx);border-color:var(--amber-bd)}.btn-amber:hover:not(:disabled){background:var(--amber-hv)}.btn-teal{background:var(--teal-bg);color:var(--teal-tx);border-color:var(--teal-bd)}.btn-teal:hover:not(:disabled){background:var(--teal-hv)}.danger{border:1px solid #f4c7c3!important}.shiftmenu-dropdown .btn-blue{background:transparent;color:var(--blue);border-color:transparent}.shiftmenu-dropdown .btn-blue:hover:not(:disabled){background:var(--blue-bg)}.shiftmenu-dropdown .btn-amber{background:transparent;color:var(--amber-tx);border-color:transparent}.shiftmenu-dropdown .btn-amber:hover:not(:disabled){background:var(--amber-bg)}.shiftmenu-dropdown .btn-green,.shiftmenu-dropdown .btn-teal{background:transparent;border-color:transparent}.syncbtn{border:1px solid var(--blue-bd)!important;color:var(--blue)!important;background:var(--blue-bg)!important}.syncbtn:hover:not(:disabled){background:var(--blue-hv)!important}.syncbtn .synctime{color:#5a78c8;border-left-color:var(--blue-bd)}.modal-actions .btn-green,.modal-actions .btn-blue{min-width:110px}.qtystepper{display:flex;align-items:center;gap:10px}.qtystepper .qtybtn{width:38px;height:38px;padding:0;border-radius:50%;display:grid;place-items:center;font-size:20px;font-weight:800;line-height:1;border:2px solid transparent;box-shadow:none;transition:transform .08s,background .15s}.qtystepper .qtybtn:active:not(:disabled){transform:scale(.92)}.qtystepper .qtyminus{background:#fff;color:var(--red);border-color:#f0c4c0}.qtystepper .qtyminus:hover:not(:disabled){background:#fdeceb}.qtystepper .qtyplus{background:var(--green);color:#fff;border-color:var(--green)}.qtystepper .qtyplus:hover:not(:disabled){background:#12613d}.qtystepper .qtytap{min-width:38px;padding:5px 8px;text-align:center;font-weight:800;font-size:16px;color:var(--text);background:#f4f6f9;border:1px solid var(--border);border-radius:10px;text-decoration:none;cursor:pointer}.qtystepper.large{gap:16px;justify-content:center;margin:8px 0 6px}.qtystepper.large .qtybtn{width:54px;height:54px;font-size:28px}.qtystepper.large .qtytap{min-width:64px;font-size:24px;padding:8px 12px}.cartactions .primary{background:var(--green)!important;color:#fff!important}.cartactions .primary:hover:not(:disabled){background:#12613d!important;opacity:1}.reporttoolbar input,.reporttoolbar select{padding:10px 12px;border:1px solid #d3d8e0;border-radius:10px;background:#fff;font-size:14px;min-height:40px}.reporttoolbar input:focus,.reporttoolbar select:focus{outline:2px solid var(--blue-bd);border-color:var(--blue)}.tables button,.segment button,.payment button,.sweetness-options button,.toolbar .categorytabs button:not(.sel){background:#fff;border:1px solid #d3d8e0;color:#2b3038;box-shadow:0 1px #1018280d}.tables button:hover:not(:disabled),.segment button:hover:not(:disabled),.payment button:hover:not(:disabled),.sweetness-options button:hover:not(:disabled),.toolbar .categorytabs button:not(.sel):hover:not(:disabled){background:var(--blue-bg);border-color:var(--blue-bd);color:var(--blue)}.tables button.selected,.segment button.selected,.payment button.selected,.sweetness-options button.sel{background:var(--green);border-color:var(--green);color:#fff}.tables button.selected:hover,.segment button.selected:hover,.payment button.selected:hover,.sweetness-options button.sel:hover{background:#12613d;color:#fff}.qtystepper.large .qtybtn{border-radius:50%}.auditkv{display:flex;flex-direction:column;gap:6px;margin:12px 0}.auditkv div{display:flex;justify-content:space-between;gap:12px;font-size:14px}.auditkv span{color:var(--muted)}.dashboard{--series-1:#2a78d6;--series-1-soft:#9ec5f4;--series-2:#eb6834;--grid:#eceef1;--axis:#6b7280;--up:#16794c;--down:#b42318}.dashboard .dashfilters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 16px}.dashboard .dashfilters button,.dashboard .dashfilters select,.dashboard .dashfilters input{width:auto;padding:9px 12px;border:1px solid var(--border);border-radius:10px;background:#fff;font-weight:600;font-size:13px}.dashboard .dashfilters button.sel{background:var(--dark);color:#fff;border-color:var(--dark)}.dashloading .dashtiles,.dashloading .dashcard{opacity:.55;transition:opacity .2s}.dashtiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px}.dashtile{background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px}.dashtile.hero{grid-column:span 1}.dashtilelabel{font-size:13px;color:var(--muted);font-weight:600}.dashtilevalue{font-size:26px;font-weight:700;margin:6px 0;font-variant-numeric:proportional-nums}.dashtile.hero .dashtilevalue{font-size:32px}.dashdelta{font-size:12px;font-weight:700}.dashdelta.up{color:var(--up)}.dashdelta.down{color:var(--down)}.dashdelta.neutral{color:var(--muted);font-weight:600}.dashdeltalabel{color:var(--muted);font-weight:500}.dashcard{background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px 18px;margin-bottom:12px;min-width:0}.dashcard h3{margin:0 0 4px;font-size:15px}.dashcard .muted{color:var(--muted);font-size:12px;margin:0 0 10px}.dashgrid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dashgrid2 .dashcard{margin-bottom:0}.dashgrid2+.dashcard{margin-top:12px}.dashchartwrap{position:relative}.dashsvg{display:block;max-width:100%;touch-action:pan-y}.dashgrid{stroke:var(--grid);stroke-width:1}.dashaxis{fill:var(--axis);font-size:11px}.dashline{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.dashline.s1{stroke:var(--series-1)}.dashline.s2{stroke:var(--series-2)}.dashdot.s1{fill:var(--series-1);stroke:#fff;stroke-width:2}.dashcrosshair{stroke:#9ca3af;stroke-width:1}.dashbar.s1{fill:var(--series-1)}.dashbar.s1soft{fill:var(--series-1-soft)}.dashbar.hover{opacity:.8}.dashlegend{display:flex;gap:16px;font-size:12px;color:var(--muted);margin-bottom:6px}.dashkey{display:inline-block;vertical-align:middle}.dashkey.line{width:14px;height:2px;border-radius:2px}.dashkey.s1{background:var(--series-1)}.dashkey.s2{background:var(--series-2)}.dashtooltip{position:absolute;top:28px;transform:translate(-50%);background:#fff;border:1px solid var(--border);border-radius:10px;padding:8px 10px;font-size:12px;box-shadow:0 4px 14px #1018281f;pointer-events:none;white-space:nowrap;color:var(--muted)}.dashtooltip b{color:var(--text)}.dashtooltiptitle{font-weight:700;color:var(--text);margin-bottom:4px}.dashhbars{display:flex;flex-direction:column;gap:10px}.dashhbar{display:grid;grid-template-columns:minmax(90px,38%) 1fr;gap:10px;align-items:center}.dashhbarlabel{display:flex;flex-direction:column;font-size:13px;font-weight:600;min-width:0}.dashhbarlabel span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashhbarlabel small{color:var(--muted);font-weight:500;font-size:11px}.dashhbartrack{display:flex;align-items:center;gap:6px;min-width:0}.dashhbarfill{height:16px;background:var(--series-1);border-radius:0 4px 4px 0;min-width:2px}.dashhbarvalue{font-size:12px;font-weight:600;white-space:nowrap}.dashtablewrap{overflow-x:auto}.dashtablewrap table{width:100%}.dashtablewrap .num{text-align:right;font-variant-numeric:tabular-nums}@media(max-width:900px){.dashtiles{grid-template-columns:repeat(2,minmax(0,1fr))}.dashtile.hero,.dashtile:last-child{grid-column:span 2}.dashgrid2{grid-template-columns:1fr}}@media(max-width:520px){.page.dashboard{padding:12px}.dashtilevalue{font-size:20px}.dashtile.hero .dashtilevalue{font-size:28px}.dashcard{padding:14px}}.page h2.pagetitle{margin:4px 0 18px}.dasharea.s1{fill:var(--series-1);opacity:.1}.dashdot.s2{fill:var(--series-2);stroke:#fff;stroke-width:2}.dashendlabel{fill:var(--text);font-size:12px;font-weight:700}.dashbarlabel{fill:var(--text);font-size:11px;font-weight:700}.varneg{color:var(--red);font-weight:600}.varpos{color:var(--green);font-weight:600}.dashboard .dashrange{display:inline-flex;align-items:center;gap:6px;color:var(--muted)}.dashlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.dashlist li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #f0f0f0;font-size:13px}.dashlist li:last-child{border-bottom:none}.dashlist small{color:var(--muted);text-align:right}.dashgrid2{margin-bottom:12px}.daterange{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 16px}.daterange button{width:auto;padding:9px 12px;border:1px solid var(--border);border-radius:10px;background:#fff;font-weight:600;font-size:13px}.daterange button.sel{background:var(--dark);color:#fff;border-color:var(--dark)}.daterangeinputs{display:inline-flex;align-items:center;gap:6px;color:var(--muted)}.daterangeinputs input{width:auto;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:#fff}@media(max-width:480px){.page{padding:10px}.page h2{font-size:18px;margin-bottom:12px}.page h2.pagetitle{margin:2px 0 12px}.dashtilevalue{font-size:19px}.dashtile.hero .dashtilevalue{font-size:24px}.dashtile,.dashcard{padding:12px}.daterange button{flex:1 1 calc(33% - 6px)}.headerwho b{font-size:12px}.appheader .headericonbtn,.appheader .logoutbtn{padding:7px 10px;font-size:12px}}.auditpage{display:flex;flex-direction:column;gap:14px}.audithead{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px}.audithead p{max-width:78ch;font-size:13px;margin:4px 0 0}.auditactions{display:flex;flex-wrap:wrap;gap:8px}.auditactions button{width:auto;padding:8px 12px;font-size:13px}.auditfilters{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid #e6e8ec;border-radius:12px;padding:12px}.auditsearch{width:100%;max-width:520px}.auditchips{display:flex;flex-wrap:wrap;gap:6px}.auditchip{width:auto;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid #e1e4e8;background:#fff;font-size:13px;color:#3c4048;cursor:pointer}.auditchip b{font-weight:600;color:#6a707a;font-variant-numeric:tabular-nums}.auditchip i{width:8px;height:8px;border-radius:50%;background:#9aa1ac}.auditchip.sel{background:#17191d;border-color:#17191d;color:#fff}.auditchip.sel b{color:#d0d3d8}.auditnote{margin:0;font-size:12px;color:#8a5a12}.tone-bad i{background:#c0392b}.tone-warn i{background:#c98a1e}.tone-violet i{background:#7b5cc4}.tone-teal i{background:#1f8a82}.tone-info i{background:#2f6fb0}.tone-muted i{background:#9aa1ac}.auditempty{padding:28px;text-align:center;color:#6a707a;background:#fff;border:1px dashed #d9dce1;border-radius:12px}.auditdays{display:flex;flex-direction:column;gap:16px}.auditday h3{display:flex;align-items:baseline;gap:8px;margin:0 0 6px;font-size:14px;text-transform:capitalize}.auditday h3 span{font-size:12px;font-weight:400;color:#6a707a;text-transform:none}.auditday ul{list-style:none;margin:0;padding:0;background:#fff;border:1px solid #e6e8ec;border-radius:12px;overflow:hidden}.auditday li+li{border-top:1px solid #eef0f2}.auditday li.open{background:#fafbfc}button.auditrow{width:100%;display:grid;grid-template-columns:52px minmax(150px,190px) minmax(0,1fr) minmax(90px,150px) 18px;align-items:center;gap:12px;padding:10px 14px;background:transparent;border:0;border-radius:0;text-align:left;color:inherit;font-size:13px;cursor:pointer}button.auditrow:hover{background:#f6f7f9}.audittime{font-variant-numeric:tabular-nums;color:#6a707a}.auditbadge{display:inline-flex;align-items:center;gap:5px;justify-self:start;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:600;line-height:1.3}.auditbadge.tone-bad{background:#fbe9e7;color:#a93a2e}.auditbadge.tone-warn{background:#fbf1df;color:#8a5a12}.auditbadge.tone-violet{background:#efeafb;color:#5b3fa6}.auditbadge.tone-teal{background:#e3f4f2;color:#16706a}.auditbadge.tone-info{background:#e6eef7;color:#245a91}.auditbadge.tone-muted{background:#eef0f2;color:#4f555d}.auditflag{display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#c0392b;color:#fff;font-size:10px;font-weight:700}.auditmain{display:flex;flex-direction:column;gap:2px;min-width:0}.auditref{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auditheadline{font-weight:400;color:#4f555d}.auditreason{color:#6a707a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auditactor{color:#3c4048;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auditchevron{color:#9aa1ac}.auditdetail{padding:4px 14px 14px 78px;display:flex;flex-direction:column;gap:8px;font-size:13px}.auditdetail .auditkv{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}.auditdetail .auditkv div{display:flex;flex-direction:column;background:#fff;border:1px solid #eef0f2;border-radius:8px;padding:8px 10px}.auditdetail .auditkv span{font-size:11px;color:#6a707a;text-transform:uppercase;letter-spacing:.04em}.auditdiff{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.auditdiff ul{margin:4px 0;padding-left:18px}.auditraw{white-space:pre-wrap;font-size:12px;background:#fff;border:1px solid #eef0f2;border-radius:8px;padding:8px}.auditpager{display:flex;align-items:center;justify-content:center;gap:12px}.auditpager button{width:auto}@media(max-width:760px){button.auditrow{grid-template-columns:44px minmax(0,1fr) 16px;grid-template-areas:"time badge chev" "main main main" "actor actor actor";row-gap:4px}.audittime{grid-area:time}.auditbadge{grid-area:badge}.auditmain{grid-area:main}.auditactor{grid-area:actor;font-size:12px;color:#6a707a}.auditchevron{grid-area:chev}.auditdetail{padding:4px 14px 14px}.auditref,.auditreason{white-space:normal}}.onlinetile.tone-ok strong{color:#1f7a47}.onlinetile.tone-warn strong{color:#9a6412}.onlinetile.tone-bad{border-color:#f3c2bb;background:#fff7f6}.onlinetile.tone-bad strong{color:#b0322a}.onlinetile.tone-muted strong{color:#9aa1ac}.onlinepill.tone-ok{background:#e5f3ea;color:#1f7a47}.onlinepill.tone-warn{background:#fbf1df;color:#8a5a12}.onlinepill.tone-bad{background:#fbe9e7;color:#a93a2e}.onlinepill.tone-muted{background:#eef0f2;color:#5c6168}.modal.large.opnamemodal{width:min(1000px,96vw)}.opnametablewrap{max-height:55vh;overflow:auto;border:1px solid var(--border);border-radius:10px}.opnametablewrap table{width:100%}.opnametablewrap th{position:sticky;top:0;z-index:1}.modal .opnameinput,.opnameinput{width:110px;padding:6px 8px;border:1px solid var(--border);border-radius:8px;text-align:right}.modal label.opnamefilter{display:flex;gap:6px;align-items:center;margin:0;font-size:13px;font-weight:500;text-transform:none;letter-spacing:0;color:var(--text)}.modal label.opnamefilter input{width:auto}.modal .opnamesearch{max-width:240px}.warehousetabs{max-width:820px;margin:4px 0 16px}.receiptline{display:grid;grid-template-columns:minmax(0,1fr) 110px 40px auto;gap:8px;align-items:center;margin-bottom:6px}.modal .receiptline input,.modal .receiptline select{width:100%}.receiptline button{width:auto;padding:8px 10px}@media(max-width:700px){.modal.large.opnamemodal{width:100%;max-width:100%}.opnametablewrap{max-height:50vh}.receiptline{grid-template-columns:minmax(0,1fr) 80px auto}.receiptline>span{display:none}.warehousetabs{max-width:100%}}.invbadge{display:inline-block;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}.invlewat{background:#fdeceb;color:var(--red)}.invsegera{background:#fff4e5;color:var(--orange)}.invbelum{background:#f1f2f4;color:#555}.invlunas{background:#e9f7ef;color:var(--green)}header .hbl{display:inline}@media(max-width:1560px){header{padding:10px 16px;gap:8px 12px}header .hbl{display:none}header span button{padding:8px 11px}.headerleft{gap:12px}.headernav{gap:4px}.headernav button{padding:9px 11px;font-size:12.5px}}@media(max-width:1180px){.headernav button{padding:8px 9px;font-size:12px}header span{gap:6px}}.clockbanner{padding:10px 20px;background:#fdeceb;color:#8a1c14;font-size:13px;font-weight:600;text-align:center;border-bottom:1px solid #f3cfc9}.tablescroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.tablescroll table{margin:0}