:root,[data-theme=dark]{--surface: #0b1326;--container-lowest: #060e20;--container-low: #131b2e;--container: #171f33;--container-high: #222a3d;--container-highest: #2d3449;--on-surface: #dae2fd;--on-variant: #cbc3d7;--outline: #494454;--outline-variant: #3a4257;--primary: #a078ff;--primary-2: #f4b8e4;--primary-soft: #d0bcff;--on-primary: #23005c;--secondary: #03c6b2;--secondary-soft: #44e2cd;--on-secondary: #003731;--tertiary: #e364a7;--error: #ffb4ab;--error-container: #93000a;--sidebar-2: #0a0f22;--warn-bg: #4a3a12;--warn-fg: #ffd479;--ok-dot: #5fd6a4;--bar-ink: #10131a;--shadow-primary: rgba(160, 120, 255, .3);--overlay: rgba(4, 8, 20, .7);--modal-shadow: rgba(0, 0, 0, .5);--st-paid: rgba(3, 198, 178, .18);--st-refunded: rgba(227, 100, 167, .2);--st-cancelled: rgba(147, 0, 10, .35)}[data-theme=light]{--surface: #f6f4fb;--container-lowest: #ffffff;--container-low: #efecf7;--container: #ffffff;--container-high: #e3ddf0;--container-highest: #d6cee8;--on-surface: #1b1a22;--on-variant: #4b4458;--outline: #b9b1c8;--outline-variant: #d3cbe2;--primary: #6b39d6;--primary-2: #b45ec4;--primary-soft: #55299f;--on-primary: #ffffff;--secondary: #00897b;--secondary-soft: #00655a;--on-secondary: #ffffff;--tertiary: #c2427f;--error: #b3261e;--error-container: #f9dedc;--sidebar-2: #e7e2f3;--warn-bg: #fff2cc;--warn-fg: #8a5a00;--ok-dot: #12a06f;--bar-ink: #10131a;--shadow-primary: rgba(107, 57, 214, .22);--overlay: rgba(30, 25, 45, .38);--modal-shadow: rgba(60, 50, 90, .22);--st-paid: rgba(0, 137, 123, .16);--st-refunded: rgba(194, 66, 127, .16);--st-cancelled: rgba(179, 38, 30, .14)}*{box-sizing:border-box;margin:0}body{font-family:Segoe UI,system-ui,sans-serif;background:var(--surface);color:var(--on-surface)}button{cursor:pointer;font:inherit;border:none}input,select{font:inherit}.center{display:grid;place-items:center;height:100vh}.card{background:var(--container);padding:32px;border-radius:24px;width:360px;display:flex;flex-direction:column;gap:12px}.card h1,.card h2{text-align:center;font-weight:700}.card h1{color:var(--primary-soft)}.card input{padding:13px 16px;border-radius:14px;border:1px solid var(--outline);background:var(--container-lowest);color:inherit}.wide-card{width:520px;max-height:92vh;overflow-y:auto}.btn{padding:12px 18px;border-radius:999px;background:var(--container-high);color:var(--on-surface)}.btn.primary{background:linear-gradient(90deg,var(--primary),var(--primary-2));color:var(--on-primary);font-weight:600}.btn.teal{background:transparent;color:var(--secondary-soft);outline:1.5px solid var(--secondary)}.btn.danger{background:var(--error-container);color:var(--error)}.btn.warn{background:var(--warn-bg);color:var(--warn-fg);font-weight:600;outline:1.5px solid var(--warn-fg)}.btn.wide{width:100%}.btn:disabled{opacity:.45;cursor:default}.err{color:var(--error);text-align:center}.dim{color:var(--on-variant);opacity:.7}.msg{padding:8px 0;color:var(--secondary-soft)}.app{display:flex;height:100vh}.sidebar{width:232px;background:linear-gradient(180deg,var(--container-lowest),var(--sidebar-2) 70%);display:flex;flex-direction:column;padding:22px 14px;gap:8px;border-right:1px solid var(--container-high)}.brand{display:flex;align-items:center;gap:12px;padding:2px 8px 18px;width:100%;background:transparent;border:0;cursor:pointer;text-align:left;border-radius:16px}.brand:hover{background:var(--container-low)}.numpad{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:16px;background:var(--container-low);border:1px solid var(--container-high)}.npval{text-align:right;font-size:26px;font-weight:700;padding:6px 10px;border-radius:10px;background:var(--container-lowest);font-variant-numeric:tabular-nums}.npval small{font-size:13px;color:var(--on-variant);font-weight:500}.npgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.npkey{padding:14px 0;font-size:19px;font-weight:600;border-radius:12px;background:var(--container-high);color:var(--on-surface);cursor:pointer}.npkey:active{background:var(--primary);color:var(--on-primary)}.npbtns{display:grid;grid-template-columns:1fr 1fr;gap:6px}.npbtn{padding:10px 6px;border-radius:12px;font-size:13px;font-weight:600;min-width:0;background:var(--container-high);color:var(--on-surface);cursor:pointer}.npbtn.primary{background:linear-gradient(90deg,var(--primary),var(--primary-2));color:var(--on-primary)}.npbtn.wide{width:100%;margin-top:6px;font-weight:500;color:var(--on-variant)}.npbtn:disabled{opacity:.45;cursor:default}.branchpick{display:flex;align-items:center;gap:8px}.branchpick .card-input{min-width:190px;max-width:220px}.branchpick small{font-size:12px}.floorblock{margin-bottom:22px}.floorhead{display:flex;align-items:baseline;gap:12px;margin:0 2px 10px;padding-bottom:8px;border-bottom:1px solid var(--container-high)}.floorhead h3{margin:0;font-size:17px}.floorhead .dim{font-size:12px}.picker{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:32px 20px;text-align:center}.picker h1{margin:0;font-size:34px;letter-spacing:-.5px}.picker>p{margin:0}.pickbranch{display:flex;align-items:center;gap:10px;margin:4px 0}.pickbranch .card-input{min-width:200px}.modgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin:18px 0 8px;width:min(100%,780px)}.modcard{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:20px;border-radius:20px;cursor:pointer;color:var(--on-surface);background:var(--container-low);border:1.5px solid var(--container-high);transition:.15s}.modcard:hover{border-color:var(--primary);background:var(--container-high);transform:translateY(-2px)}.modcard b{font-size:17px}.modcard small{font-size:12px}.modico{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;margin-bottom:6px;background:linear-gradient(135deg,var(--primary),var(--tertiary));color:var(--on-primary)}.modico svg{width:22px;height:22px}.pickfoot{display:flex;gap:10px;margin-top:6px}.pickfoot .btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;font-size:14px}.pickfoot .btn .ico{width:18px;height:18px;display:grid;place-items:center}.pickfoot .btn .ico svg{width:17px;height:17px}.themelink{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:transparent;color:var(--on-variant);font-size:13px;padding:4px}.themelink:hover{color:var(--on-surface)}.themelink .ico svg{width:15px;height:15px;display:block}.loginlogo{width:96px;height:96px;object-fit:contain;margin:0 auto 6px;display:block;filter:drop-shadow(0 6px 22px var(--shadow-primary))}.brand .logo{width:42px;height:42px;flex-shrink:0;object-fit:contain;filter:drop-shadow(0 4px 14px var(--shadow-primary))}.brand .t{font-size:20px;font-weight:800;color:var(--on-surface);line-height:1.1}.brand .t small{display:block;font-size:11px;font-weight:500;color:var(--on-variant);opacity:.7}.nav{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:transparent;color:var(--on-variant);text-align:left;font-size:15px;transition:background .15s,color .15s}.nav:hover{background:var(--container);color:var(--on-surface)}.nav.on{background:linear-gradient(90deg,var(--primary),var(--primary-2));color:var(--on-primary);font-weight:700;box-shadow:0 4px 16px var(--shadow-primary)}.nav .ico{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--container-high);flex-shrink:0}.nav.on .ico{background:#ffffff38}.nav svg{width:18px;height:18px}.sidebar .spacer{flex:1}.sidebar .foot{padding:12px 8px 0;border-top:1px solid var(--container-high);font-size:12px;color:var(--on-variant);opacity:.7}.backbtn{display:inline-flex;align-items:center;gap:8px;padding:9px 18px 9px 12px;border-radius:999px;background:var(--container-high);color:var(--on-surface);font-size:14px;margin-bottom:12px;width:fit-content}.backbtn:hover{background:var(--container-highest)}.main{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;gap:14px;padding:14px 22px;border-bottom:1px solid var(--container-high)}.topbar h2{font-size:20px;flex:1}.content{flex:1;overflow-y:auto;padding:18px 22px}.orderlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.ordercard{text-align:left;border-radius:20px;background:var(--container);color:inherit;padding:16px;display:flex;flex-direction:column;gap:8px}.ordercard:hover{background:var(--container-high)}.oc-top,.oc-bottom{display:flex;justify-content:space-between;align-items:center}.oc-bottom b{color:var(--secondary-soft);font-size:17px}.chip{font-size:11px;padding:3px 12px;border-radius:999px;background:var(--container-highest)}.chip.delivery{background:#7c3aed}.chip.self{background:#b45309}.chip.table{background:#2563eb}.chip.takeaway{background:#059669}.editor{display:grid;grid-template-columns:1fr 380px;flex:1;min-height:0;height:100%}.left{padding:16px;display:flex;flex-direction:column;min-height:0}.gridwrap{flex:1;overflow-y:auto;min-height:0}.vkb{margin-top:12px;background:var(--container-lowest);border:1px solid var(--container-high);border-radius:20px;padding:10px;display:flex;flex-direction:column;gap:8px;animation:kbup .15s ease-out}@keyframes kbup{0%{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}.vkb-row{display:flex;gap:8px;justify-content:center}.vkb-key{flex:1;max-width:72px;padding:13px 0;border-radius:12px;background:var(--container-high);color:var(--on-surface);font-size:17px;text-transform:uppercase}.vkb-key:active{background:var(--primary);color:var(--on-primary)}.vkb-key.wide2{max-width:130px;flex:1.6;font-size:14px;text-transform:none}.vkb-key.space{max-width:none;flex:4;font-size:14px;text-transform:none}.vkb-key.enter{background:var(--primary);color:var(--on-primary);font-weight:700}.barcode{width:100%;padding:14px 18px;font-size:16px;border-radius:14px;border:1.5px dashed var(--outline);background:var(--container-low);color:inherit}.barcode:focus{border-color:var(--primary);outline:none}.tabs{display:flex;gap:8px;margin:14px 0;flex-wrap:wrap}.tab{padding:10px 22px;border-radius:999px;background:var(--container);color:inherit}.tab.on{background:var(--primary);color:var(--on-primary);font-weight:600}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.tile{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;min-height:92px;border-radius:18px;background:var(--container);color:inherit;padding:10px}.tile b{color:var(--secondary-soft)}.tile:hover{background:var(--container-high)}.tile.busy{outline:2px solid var(--tertiary)}.panel{background:var(--container-low);border-left:1px solid var(--container-high);padding:16px;display:flex;flex-direction:column;min-height:0}.panel h3{margin-bottom:4px}.panel .sub{font-size:13px;color:var(--on-variant);margin-bottom:10px}.cart{flex:1;overflow-y:auto;min-height:60px}.line{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:14px;background:var(--container);margin-bottom:8px}.line span:first-child{flex:1}.line .x{background:none;color:var(--error);font-size:15px;padding:2px 6px}.line.pending{outline:1px dashed var(--secondary)}.totalrow{display:flex;justify-content:space-between;font-size:21px;padding:12px 4px}.totalrow b{color:var(--secondary-soft)}.paybtns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.actions{display:flex;flex-direction:column;gap:10px;margin-top:8px}.amount{padding:12px 16px;font-size:20px;text-align:right;border-radius:14px;border:1px solid var(--outline);background:var(--container-lowest);color:inherit}.paypanel{display:flex;flex-direction:column;gap:10px}.amountrow{display:flex;gap:8px}.amountrow .amount{flex:1;min-width:0}.paidlist{border-radius:14px;background:var(--container-lowest);padding:6px 10px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:14px}.stat{background:var(--container);border-radius:20px;padding:18px 20px;display:flex;flex-direction:column;gap:6px}.stat small{color:var(--on-variant);font-size:11px;letter-spacing:.8px}.stat b{font-size:26px}.panelbox{background:var(--container);border-radius:20px;padding:16px 18px;margin-bottom:14px}.panelbox h3{margin-bottom:10px}.bars{display:flex;align-items:flex-end;gap:10px;height:120px}.barcol{display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;justify-content:flex-end}.bar{width:30px;border-radius:8px 8px 4px 4px;background:linear-gradient(180deg,var(--tertiary),var(--primary))}.barcol small{color:var(--on-variant);font-size:11px}.cols{display:grid;grid-template-columns:1fr 1.4fr;gap:14px}.scrolllist{max-height:225px;overflow-y:auto}.st{font-size:10px;padding:3px 10px;border-radius:999px;letter-spacing:.5px}.st.paid{background:var(--st-paid);color:var(--secondary-soft)}.st.refunded{background:var(--st-refunded);color:var(--tertiary)}.st.cancelled{background:var(--st-cancelled);color:var(--error)}.line.gift{outline:1px solid var(--tertiary)}.x.gifty{color:var(--tertiary)}.line.removedline span{text-decoration:line-through;opacity:.5}.notetxt{color:var(--secondary-soft);display:block;font-size:12px}.paybtns.three{grid-template-columns:1fr 1fr 1fr}.line.splitbtn,.line.splitsel{width:100%;text-align:left;cursor:pointer;border:none;color:inherit}.line.splitsel{outline:2px solid var(--secondary);background:var(--container-high)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;z-index:50}.modal{background:var(--container);border:1px solid var(--container-highest);border-radius:24px;padding:22px;width:400px;max-width:92vw;display:flex;flex-direction:column;gap:14px;box-shadow:0 20px 60px var(--modal-shadow);animation:pop .15s ease-out}@keyframes pop{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-head .x{background:none;color:var(--on-variant);font-size:16px}.modal-text{color:var(--on-variant);line-height:1.5}.seg{display:grid;grid-template-columns:1fr 1fr;background:var(--container-lowest);border-radius:14px;padding:4px;gap:4px}.seg-btn{padding:10px;border-radius:11px;background:transparent;color:var(--on-variant)}.seg-btn.on{background:var(--primary);color:var(--on-primary);font-weight:600}.filterbar{display:flex;gap:14px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.datepick{padding:10px 14px;border-radius:12px;border:1px solid var(--outline);background:var(--container-lowest);color:var(--on-surface);color-scheme:dark}.salerow{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 14px;border-radius:14px;background:var(--container-low);color:inherit;margin-bottom:8px}.salerow:hover{background:var(--container-high)}.salerow .grow{flex:1}.salerow .amt{color:var(--secondary-soft);min-width:90px;text-align:right}.customer-bar{display:flex;gap:12px;align-items:center;padding:12px 22px;background:var(--container-low);border-bottom:1px solid var(--container-high)}.customer-bar select{padding:8px 12px;border-radius:10px;background:var(--container-lowest);color:inherit;border:1px solid var(--outline)}hr{border:none;border-top:1px solid var(--container-high);width:100%}.wpanel{background:var(--container);border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:4px;text-align:center}.wpanel small{color:var(--on-variant);letter-spacing:1px;font-size:10px}.wg{font-size:30px;color:var(--on-variant)}.wg.on{color:var(--secondary-soft)}.rawlog{font-family:monospace;font-size:10px;color:var(--on-variant);opacity:.6;overflow:hidden}.card-input{padding:10px 12px;border-radius:12px;border:1px solid var(--outline);background:var(--container-lowest);color:var(--on-surface);width:100%}.selbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--container);border-radius:16px;padding:12px 16px;margin-top:12px}.selbar .amt{color:var(--secondary-soft)}label.dim{font-size:12px}.scalest{color:var(--error);font-size:11px}.scalest.on{color:var(--secondary-soft)}.wide-modal{width:min(960px,94vw);max-height:90vh;overflow:auto}.dtable{width:100%;border-collapse:collapse;font-size:14px}.dtable th{text-align:left;color:var(--on-variant);font-weight:500;font-size:12px;padding:8px 10px;border-bottom:1px solid var(--container-high)}.dtable td{padding:10px;border-bottom:1px solid var(--container-high)}.dtable tr:last-child td{border-bottom:none}.dtable tr.passive{opacity:.5}.dtable .btn{padding:6px 14px;font-size:13px}.frow{display:flex;gap:12px;align-items:flex-end;margin-bottom:4px}.frow.wrap{flex-wrap:wrap;align-items:center}.fcol{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.chk{display:inline-flex;align-items:center;gap:8px;color:var(--on-surface);font-size:14px}.chk input{width:18px;height:18px;accent-color:var(--primary)}textarea.card-input{resize:vertical;font-family:inherit}.areachip{display:inline-flex;align-items:center;gap:8px;padding:8px 8px 8px 16px;border-radius:999px;background:var(--container-high);font-size:14px}.catbar{display:flex;align-items:center;gap:8px;margin:12px 0;flex-shrink:0}.catscroll{display:flex;gap:8px;overflow-x:auto;flex:1;scrollbar-width:none;padding-bottom:2px}.catscroll::-webkit-scrollbar{display:none}.catscroll .tab{white-space:nowrap;flex-shrink:0}.catarrow{width:38px;height:38px;border-radius:12px;background:var(--container-high);color:var(--on-surface);font-size:20px;line-height:1;flex-shrink:0}.catarrow:hover{background:var(--container-highest)}html,body{overflow-x:hidden;max-width:100vw}.app,.main,.content{min-width:0;max-width:100%}.editor{max-width:100%;grid-template-columns:minmax(0,1fr) 380px}.editor>*{min-width:0;overflow:hidden}.left{min-width:0;overflow:hidden}.catbar,.catscroll{min-width:0;max-width:100%}.gridwrap,.grid,.panel{min-width:0}.dtable{table-layout:auto;word-break:break-word}.panelbox{overflow-x:auto}.reasongrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.reasongrid .tab{text-align:center;font-size:14px;padding:12px 10px}.guestgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.guestgrid .tab{text-align:center;padding:14px 0;font-size:17px}.shifthead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}.shifthead h3{margin:0 0 2px}.shifthead p{margin:0;font-size:13px}.weekchips{display:flex;gap:8px;overflow-x:auto;padding:6px 0 12px;scrollbar-width:thin}.wchip{flex:0 0 auto;padding:8px 14px;border-radius:999px;font-size:13px;cursor:pointer;background:var(--container-low);color:var(--on-variant);border:1.5px solid transparent}.wchip.on{background:var(--container-highest);color:var(--on-surface);border-color:var(--primary);font-weight:600}.emptybox{padding:40px;text-align:center;color:var(--on-variant)}.shiftgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,460px),1fr));gap:14px}.shiftcard{padding:16px;overflow:visible}.shiftcard-head{display:flex;align-items:center;gap:10px}.shiftico{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--container-highest);font-size:19px}.shiftname{font-weight:600;font-size:16px}.grow{flex:1;min-width:0}.mono{font-variant-numeric:tabular-nums;font-size:13px}.teal{color:var(--secondary-soft)}.seclabel{margin:14px 0 6px;font-size:11px;letter-spacing:.06em;color:var(--on-variant)}.asglist{display:flex;flex-direction:column;gap:6px}.asgrow{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:10px;background:var(--container-low);font-size:14px}.sdot{width:10px;height:10px;border-radius:50%;flex-shrink:0;background:var(--outline-variant)}.sdot.ok{background:var(--ok-dot)}.sdot.late{background:var(--error)}.sdot.idle{background:var(--outline-variant)}.x.danger{color:var(--error)}.shiftcard .btn.wide,.tl{margin-top:12px}.tlticks{position:relative;height:15px;font-size:10px;color:var(--on-variant)}.tlticks span{position:absolute;transform:translate(-50%);white-space:nowrap}.tlbody{position:relative;border-radius:10px;background:var(--container-low);border:1px solid var(--outline-variant)}.tlgrid{position:absolute;top:0;bottom:0;border-left:1px solid var(--outline-variant);opacity:.5}.tlbar{position:absolute;display:flex;align-items:center;padding:0 8px;border-radius:7px;font-size:11px;font-weight:600;color:var(--bar-ink);overflow:hidden;white-space:nowrap}.tlbar:hover{filter:brightness(1.12)}.tlbar span{overflow:hidden;text-overflow:ellipsis}.picklist{max-height:260px;overflow-y:auto;margin-top:8px;display:flex;flex-direction:column;gap:2px}.pickrow{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;background:var(--container-low);cursor:pointer;font-size:14px}.pickrow:hover{background:var(--container-highest)}.dayrow{display:flex;align-items:flex-end;gap:10px;margin-bottom:8px}.dayname{width:92px;flex-shrink:0;padding-bottom:10px;font-size:13px}.dayrow .fcol{flex:1}.dayrow .chk{padding-bottom:10px;white-space:nowrap}.chartrow{display:flex;align-items:flex-start;gap:10px;margin-bottom:6px}.chartday{width:70px;flex-shrink:0;padding-top:4px;font-size:13px}.chartlanes{flex:1;min-width:0;position:relative}.chartlane{position:relative;height:26px;margin-bottom:3px;background:repeating-linear-gradient(90deg,var(--container-lowest) 0 1px,transparent 1px 3.333%)}.chartbar{position:absolute;top:0;height:24px;border-radius:8px;overflow:hidden;background:linear-gradient(90deg,var(--primary),var(--tertiary));color:var(--on-primary);font-size:11px;display:flex;align-items:center;padding:0 8px;white-space:nowrap}.chartbar:hover{filter:brightness(1.15)}.chartempty{height:26px;display:flex;align-items:center;font-size:12px}.chartscale{height:18px;color:var(--on-variant);font-size:11px}.chartscale span{position:absolute;transform:translate(-50%)}.acc{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:transparent;color:var(--on-surface);padding:6px 0}.acc .dim{flex:1;font-size:13px}.usermenu{position:relative;margin-top:4px}.userback{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4}.userbtn{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:16px;background:var(--container-low);color:var(--on-surface);text-align:left;cursor:pointer}.userbtn:hover,.userbtn.on{background:var(--container-high)}.userbtn .grow{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}.userbtn b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.userbtn small{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.userbtn .caret{font-size:11px;color:var(--on-variant)}.avatar{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:12px;font-size:13px;font-weight:700;background:linear-gradient(135deg,var(--primary),var(--tertiary));color:var(--on-primary)}.userpop{position:absolute;bottom:calc(100% + 6px);left:0;right:0;z-index:5;display:flex;flex-direction:column;gap:4px;padding:6px;border-radius:16px;background:var(--container);border:1px solid var(--container-high);box-shadow:0 12px 34px var(--modal-shadow)}.userpop .nav{padding:10px 12px;font-size:14px}.ovcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:16px}.ovcard{display:flex;gap:12px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px 16px}.ovcard.primary{border-color:var(--primary)}.ovcard.warn{border-color:var(--warning,#e0a020)}.ovcard .ovico{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:11px;background:var(--surface-2);color:var(--primary)}.ovcard .ovico svg{width:19px;height:19px}.ovcard>div{display:flex;flex-direction:column;gap:2px;min-width:0}.ovcard small{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim)}.ovcard b{font-size:21px;line-height:1.15}.ovcard small.dim{text-transform:none;letter-spacing:0;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ovgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:14px;align-items:start}.ovgrid .panelbox h4{margin:0 0 10px;font-size:14px}.ovgrid .line.total{border-top:1px solid var(--border);margin-top:6px;padding-top:8px}.bars{display:flex;align-items:flex-end;gap:6px;height:150px;padding-top:8px}.bars .bar{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%}.bars .bar i{width:100%;border-radius:5px 5px 0 0;background:var(--primary);opacity:.85;transition:opacity .15s}.bars .bar:hover i{opacity:1}.bars .bar small{font-size:10px;color:var(--text-dim);margin-top:4px}.minibar{height:6px;border-radius:3px;background:var(--surface-2);overflow:hidden}.minibar i{display:block;height:100%;background:var(--primary);border-radius:3px}.chip.warn{background:var(--warning,#e0a020);color:#1a1300;padding:1px 8px;border-radius:9px;font-size:12px}.dtable tr.row-warn td{background:color-mix(in srgb,var(--error) 8%,transparent)}.findlist{display:flex;flex-direction:column;gap:2px;max-height:220px;overflow:auto;border:1px solid var(--border);border-radius:10px;padding:4px;margin-top:6px}.findrow{text-align:left;background:none;border:0;color:var(--on-surface);padding:8px 10px;border-radius:8px;cursor:pointer;font-size:14px}.findrow:hover{background:var(--surface-2)}.stat.on,.stat.off{cursor:pointer;text-align:left;font:inherit;border:1px solid var(--border)}.stat.off{opacity:.45}.stat.on{border-color:var(--primary)}.dtable tr.row-total td{border-top:2px solid var(--border);background:var(--surface-2)}.thumb{width:40px;height:40px;object-fit:cover;border-radius:8px;display:block}.thumb.empty{display:grid;place-items:center;background:var(--surface-2);color:var(--text-dim);font-size:11px}.dtable tr.row-group td{background:var(--surface-2);font-size:13px;padding-top:10px}.btn.tiny{padding:2px 8px;font-size:12px;line-height:1.4}.picklist{display:flex;flex-direction:column;gap:2px;max-height:52vh;overflow:auto;border:1px solid var(--border);border-radius:12px;padding:6px;margin-top:8px}.pickrow{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:9px;cursor:pointer}.pickrow:hover{background:var(--surface-2)}.pickrow.on{background:color-mix(in srgb,var(--primary) 14%,transparent)}.pickrow input{width:17px;height:17px;accent-color:var(--primary)}.imgpick{display:flex;gap:14px;align-items:flex-start;margin:6px 0 10px}.imgpick .preview{width:110px;height:110px;object-fit:cover;border-radius:12px;border:1px solid var(--border)}.imgpick .preview.faded{opacity:.55}.imgpick .preview.empty{display:grid;place-items:center;background:var(--surface-2);color:var(--text-dim);font-size:12px;text-align:center;padding:8px}.imgpick .fcol{flex:1;gap:8px}.qrcard{text-align:center;padding:10px 0}.qrcard img{width:260px;height:260px;image-rendering:pixelated}.qrcard h3{margin:10px 0 2px}.a3wrap{background:#fff;color:#111;padding:16px;border-radius:12px;max-height:60vh;overflow:auto}.a3page h1{text-align:center;font-size:24px;margin:0 0 4px;font-family:Georgia,serif;color:#111}.a3page .alt{text-align:center;font-size:12px;color:#666;margin-bottom:14px}.a3page .kolonlar{column-gap:22px}.a3page .grup{break-inside:avoid;margin-bottom:14px}.a3page .grup h2{font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:#111;border-bottom:1.5px solid #111;padding-bottom:3px;margin:0 0 6px}.a3page .satir{display:flex;align-items:baseline;gap:6px;font-size:13px;margin-bottom:3px;color:#111}.a3page .satir .nokta{flex:1;border-bottom:1px dotted #aaa;transform:translateY(-3px)}.a3page .acik{font-size:11px;color:#666;font-style:italic;margin:-2px 0 5px}.qronay{padding:4px}.callrow{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border)}.callrow:last-child{border-bottom:0}.callbadge{background:var(--primary);color:#fff;padding:2px 10px;border-radius:9px;font-size:12px}.callbadge.bill{background:var(--warn-fg)}.callrow .btn{margin-left:auto}.qrrow{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.qrrow:last-child{border-bottom:0}.qrrow>div:first-child{flex:1;min-width:0}.navbadge{margin-left:auto;background:var(--error);color:#fff;border-radius:9px;padding:1px 8px;font-size:12px;font-weight:700}.qrline{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--border)}.qrlname{flex:1;min-width:0}.qrltot{white-space:nowrap}.qrqty{display:inline-flex;align-items:center;gap:10px}.qrqty button{width:30px;height:30px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--on-surface);font-size:17px;cursor:pointer}@media (max-width: 720px){.app.garson{flex-direction:column}.app.garson .sidebar{flex-direction:row;width:auto;height:auto;overflow-x:auto;order:2;padding:6px;gap:6px;border-right:0;border-top:1px solid var(--border)}.app.garson .sidebar .brand,.app.garson .sidebar .spacer{display:none}.app.garson .sidebar .nav{flex:0 0 auto;padding:8px 12px;font-size:13px}.app.garson .main{order:1;flex:1;min-height:0}}.qrpage{min-height:100vh;background:var(--bg);color:var(--on-surface);padding-bottom:88px;max-width:720px;margin:0 auto}.qrhead{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 16px 10px}.qrhead h1{margin:0;font-size:21px}.qrhead p{margin:3px 0 0;color:var(--text-dim);font-size:13px}.qrcalls{display:flex;flex-direction:column;gap:6px}.qrcalls button{background:var(--surface-2);color:var(--on-surface);border:1px solid var(--border);border-radius:10px;padding:7px 12px;font-size:12.5px;cursor:pointer;white-space:nowrap}.qrinfo{margin:0 16px 8px;padding:9px 12px;border-radius:10px;background:color-mix(in srgb,var(--primary) 16%,transparent);font-size:13.5px}.qrok{margin:0 16px 10px;padding:14px;border-radius:12px;background:var(--surface);border:1px solid var(--secondary-soft)}.qrok p{margin:4px 0 10px;color:var(--text-dim);font-size:13px}.qrok button{background:var(--primary);color:#fff;border:0;border-radius:9px;padding:8px 14px;cursor:pointer}.qrerr,.qrload{padding:40px 20px;text-align:center;color:var(--text-dim)}.qrsearch{padding:0 16px 8px}.qrsearch input{width:100%;box-sizing:border-box;padding:11px 14px;border-radius:11px;border:1px solid var(--border);background:var(--surface);color:var(--on-surface);font-size:15px}.qrtabs{display:flex;gap:8px;overflow-x:auto;padding:4px 16px 12px;scrollbar-width:none}.qrtabs::-webkit-scrollbar{display:none}.qrtabs button{flex:0 0 auto;padding:8px 15px;border-radius:20px;border:1px solid var(--border);background:var(--surface);color:var(--on-surface);font-size:13.5px;cursor:pointer;white-space:nowrap}.qrtabs button.on{background:var(--primary);color:#fff;border-color:var(--primary)}.qrlist{display:flex;flex-direction:column;gap:10px;padding:0 16px}.qritem{display:flex;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden}.qritem img,.qrnoimg{width:96px;height:96px;object-fit:cover;flex:0 0 96px;background:var(--surface-2)}.qrbody{flex:1;min-width:0;padding:10px 12px 10px 0;display:flex;flex-direction:column;gap:4px}.qrbody h3{margin:0;font-size:15.5px;display:flex;align-items:center;gap:7px}.qrbadge{background:var(--primary);color:#fff;font-size:10.5px;padding:1px 7px;border-radius:8px;font-weight:600}.qrbody p{margin:0;font-size:12.5px;color:var(--text-dim);line-height:1.35}.qrfoot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px}.qrfoot b{font-size:15px}.qradd{background:var(--primary);color:#fff;border:0;border-radius:9px;padding:7px 16px;font-size:13.5px;cursor:pointer}.qrempty{text-align:center;color:var(--text-dim);padding:30px}.qrcart{position:fixed;left:50%;transform:translate(-50%);bottom:14px;width:min(92%,660px);display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--primary);color:#fff;border:0;border-radius:14px;padding:14px 18px;font-size:15px;cursor:pointer;box-shadow:0 8px 24px #00000047}.qrsheet{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:flex-end;z-index:50}.qrsheetin{background:var(--surface);width:100%;max-width:720px;margin:0 auto;border-radius:18px 18px 0 0;padding:16px;max-height:86vh;overflow:auto}.qrsheethead{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.qrsheethead h2{margin:0;font-size:18px}.qrsheethead button{background:none;border:0;color:var(--on-surface);font-size:20px;cursor:pointer}.qrinput{width:100%;box-sizing:border-box;margin-top:8px;padding:11px 13px;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--on-surface);font-size:14.5px}.qrtotal{display:flex;justify-content:space-between;align-items:center;margin:14px 0 10px;font-size:17px}.qrsend{width:100%;background:var(--primary);color:#fff;border:0;border-radius:12px;padding:15px;font-size:16px;cursor:pointer}.qrsend:disabled{opacity:.6}.qrnote{text-align:center;color:var(--text-dim);font-size:12px;margin:10px 0 4px}.misec{margin-bottom:14px}.misec-head{padding:8px 4px 6px;border-bottom:2px solid var(--border);margin-bottom:4px;font-size:13px;text-transform:uppercase;letter-spacing:.3px;position:sticky;top:0;background:var(--surface);z-index:1}.mirow{display:flex;align-items:center;gap:12px;padding:8px 4px;border-bottom:1px solid var(--border)}.mirow.passive{opacity:.5}.mithumb{width:52px;height:52px;flex:0 0 52px;object-fit:cover;border-radius:10px;background:var(--surface-2)}.mithumb.empty{display:grid;place-items:center;color:var(--text-dim);font-size:12px}.miinfo{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.mitop{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mitop b{font-size:14.5px}.mibadge{background:var(--primary);color:#fff;font-size:10.5px;padding:1px 7px;border-radius:8px;font-weight:600}.miaciklama{color:var(--text-dim);font-size:12px;line-height:1.35;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mifiyat{flex:0 0 auto;text-align:right;display:flex;flex-direction:column;min-width:90px}.mifiyat b{font-size:15px;white-space:nowrap}.mifiyat small{font-size:10.5px}.misira{flex:0 0 auto;display:flex;flex-direction:column;gap:3px}.misira .btn.tiny{padding:1px 9px;font-size:12px}.miact{flex:0 0 auto;display:flex;gap:6px}.miact .btn{white-space:nowrap}@media (max-width: 640px){.mirow{flex-wrap:wrap}.miinfo{flex-basis:calc(100% - 64px)}.mifiyat{min-width:0;flex-direction:row;gap:6px;align-items:baseline}.miact,.misira{margin-left:64px}}