:root{color:#24143a;background:linear-gradient(135deg,#ff7db83d,#76daff38),#fff6fb;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:320px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.appShell{min-height:100vh;padding:24px}.quickModeShell{padding-bottom:128px}.titleLine{align-items:center;display:flex;gap:10px}.titleLine h1{margin-bottom:8px}.topBar{align-items:center;display:flex;gap:18px;justify-content:space-between;margin:0 auto 16px;max-width:1180px}.eyebrow{color:#e33f8f;font-size:.76rem;font-weight:800;letter-spacing:0;margin:0 0 4px;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.8rem,4vw,3.4rem);line-height:1;margin-bottom:8px}h2{font-size:1.55rem;margin-bottom:6px}h3{font-size:1.05rem;margin-bottom:14px}.subtle,.sectionHeader p,td span,.listItem span{color:#71628a}.topActions,.summaryActions,.presetList{display:flex;flex-wrap:wrap;gap:8px}.quickHeaderActions{align-items:center;display:flex;gap:10px}.iconButton,.primaryButton,.secondaryButton,.chip,.textButton,.segmentedControl button{align-items:center;border:1px solid transparent;border-radius:8px;display:inline-flex;gap:8px;justify-content:center;min-height:40px;padding:9px 12px}.eventSelect{background:#fff;border-color:#ffc2dd;color:#34204f;max-width:260px;min-height:40px}.languageSelect{background:#fff;border-color:#bfe8ff;color:#34204f;max-width:145px;min-height:40px}.iconButton,.secondaryButton,.chip{background:#ffffffd6;border-color:#ffc2dd;color:#34204f}.primaryButton{background:#ff5aae;color:#fff;font-weight:750;box-shadow:0 8px 20px #ff5aae3d}.textButton{background:transparent;color:#2f8fe8;padding-inline:4px}.danger{color:#db3e61}.notice,.warningBox{border-radius:8px;margin:0 auto 14px;max-width:1180px;padding:12px 14px}.notice{background:#d8fff0;border:1px solid #8be8d1}.syncBadge{align-items:center;background:#e8e2ff;border:1px solid #c8bfff;border-radius:999px;color:#4a3470;display:inline-flex;font-size:.86rem;font-weight:750;min-height:36px;padding:7px 12px}.syncDot{border:3px solid #ffffff;border-radius:999px;box-shadow:0 0 0 2px #4d327229;display:inline-flex;height:18px;width:18px}.syncDot.synced{background:#19b889}.syncDot.syncing{background:#2f8fe8}.syncDot.idle{background:#ffd36e}.syncDot.error{background:#db3e61}.warningBox{background:#fff0c9;border:1px solid #ffb76f}.warningBox p{margin:6px 0 0}.tabBar{display:grid;gap:8px;grid-template-columns:repeat(8,minmax(0,1fr));margin:0 auto 18px;max-width:1180px}.tabBar button{align-items:center;background:#ffffffd1;border:1px solid #ffc2dd;border-radius:8px;color:#4d3272;display:flex;gap:8px;justify-content:center;min-height:46px;padding:10px}.tabBar button.active{background:#7b7cff;border-color:#7b7cff;color:#fff}.screen{margin:0 auto;max-width:1180px}.sectionHeader{align-items:end;display:flex;gap:16px;justify-content:space-between;margin-bottom:14px}.sectionHeader p{margin-bottom:0;max-width:620px}.quickModeShell .screen>.sectionHeader:first-child{margin-bottom:8px}.quickModeShell .screen>.sectionHeader:first-child h2:only-child,.quickModeShell .quickHiddenHeader{display:none}.compactHeader{margin-bottom:8px}.compactHeader h3{margin-bottom:0}.materialPools{margin-bottom:16px}.materialPools summary{background:#ffffffdb;border:1px solid #b9e9ff;border-radius:8px;color:#4d3272;cursor:pointer;font-weight:800;margin-bottom:10px;padding:12px 14px}.poolBand{grid-template-columns:minmax(150px,1fr) minmax(150px,1fr) minmax(150px,1fr) auto}.poolGrid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.poolItem{align-items:end;background:#ffffffdb;border:1px solid #b9e9ff;border-radius:8px;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(120px,1fr)) minmax(110px,auto) auto;padding:12px}.poolAuto{background:#dcfff5;border:1px solid #93ebd7;border-radius:8px;min-height:38px;padding:6px 10px}.poolAuto span,.costCell span{color:#6f5a8d;display:block;font-size:.78rem}.poolAuto strong{display:block;font-size:.95rem}.restockList{display:grid;gap:8px;grid-column:1 / -1}.restockRow,.bundleAdder{align-items:end;display:grid;gap:8px;grid-template-columns:minmax(130px,1fr) minmax(120px,1fr) auto}.bundleAdder{grid-template-columns:minmax(180px,1fr) auto}.productName{align-items:center;display:flex;gap:10px;min-width:180px}.bracketedProductName strong{margin-right:4px}.productThumb{background:#e5f7ff;border:2px solid #ffffff;border-radius:8px;box-shadow:0 6px 14px #6350a029;flex:0 0 auto;height:46px;object-fit:cover;width:46px}.emptyThumb{align-items:center;color:#9a83d8;display:flex;justify-content:center}.imageCell{align-items:center;display:flex;gap:8px;min-width:108px}.quickSaleLayout{align-items:start;display:grid;gap:16px;grid-template-columns:minmax(0,1fr) minmax(300px,360px)}.quickMenu,.quickCart,.lastSaleBox{background:#ffffffe0;border:1px solid #ffd0e3;border-radius:8px;padding:14px}.quickCart{position:sticky;top:12px}.quickFilters{display:grid;gap:10px;grid-template-columns:minmax(0,1fr);margin-bottom:12px}.categoryButtonBar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.categoryButtonBar button{background:#fff;border:1px solid #bfe8ff;border-radius:999px;color:#4d3272;min-height:38px;padding:7px 12px}.categoryButtonBar button.active{background:#34d6bc;border-color:#34d6bc;color:#fff;font-weight:800}.quickBundles{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.bundlePill{align-items:center;background:#e8e2ff;border:1px solid #c8bfff;border-radius:999px;color:#4a3470;display:inline-flex;gap:8px;min-height:38px;padding:7px 12px}.quickProductGrid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.quickCategoryGroups{display:grid;gap:16px}.quickCategoryGroup h3{color:#4d3272;margin-bottom:8px}.quickProductTile{align-items:stretch;background:#fff3fb;border:1px solid #ffc2dd;border-radius:8px;color:#34204f;display:grid;gap:8px;justify-items:start;min-height:154px;padding:10px;text-align:left}.quickProductTile .productThumb{height:72px;width:72px}.quickProductTile span{font-weight:750;line-height:1.2}.quickProductTile small{color:#71628a;line-height:1.2}.quickProductTile strong{align-self:end;color:#e33f8f}.quickProductTile.tileFlash{animation:tileFlashBlue .36s ease-out}@keyframes tileFlashBlue{0%{background:#66d9ff;border-color:#2f8fe8;box-shadow:0 0 0 4px #2f8fe83d}to{background:#fff3fb;border-color:#ffc2dd;box-shadow:none}}.cartHeader,.cartItem,.quantityStepper,.quickPayActions{align-items:center;display:flex;gap:10px}.cartHeader,.cartItem{justify-content:space-between}.cartHeader h3{margin-bottom:0}.cartItem{background:#fff3fb;border:1px solid #ffd0e3;border-radius:8px;padding:10px}.quantityStepper{flex:0 0 auto}.iconOnly{align-items:center;background:#fff;border:1px solid #ffc2dd;border-radius:8px;color:#4d3272;display:inline-flex;height:34px;justify-content:center;padding:0;width:34px}.quickTotals{border-top:1px solid #f4d4ec;display:grid;gap:10px;margin-top:14px;padding-top:14px}.splitButton{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.quickTotals>div{align-items:center;display:flex;justify-content:space-between}.quickTotals .bundleSavings{align-items:start;background:#e5f7ff;border:1px solid #bfe8ff;border-radius:8px;display:grid;grid-template-columns:1fr auto;padding:10px}.bundleSavings small{color:#5c4777;grid-column:1 / -1}.quickTotals span{color:#71628a}.quickPayActions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px}.quickModeShell .quickPayActions{grid-template-columns:repeat(2,minmax(0,1fr))}.altPay{background:#2f8fe8;box-shadow:0 8px 20px #2f8fe838}.lastSaleBox{margin-top:12px}.lastSaleBox span{color:#5c4777;display:block;font-weight:750;margin-bottom:8px}.modalBackdrop{align-items:center;background:#24143a6b;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:16px;position:fixed;z-index:20}.cashModal{background:#fff8fd;border:1px solid #ffc2dd;border-radius:8px;box-shadow:0 24px 80px #24143a3d;max-width:520px;padding:16px;width:min(100%,520px)}.cashTotals{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin:14px 0}.cashTotals div{background:#fff;border:1px solid #f4d4ec;border-radius:8px;padding:12px}.cashTotals span{color:#71628a;display:block;font-size:.82rem;margin-bottom:6px}.cashTotals strong{font-size:1.2rem}.cashTotals .changeReady{background:#d8fff0;border-color:#8be8d1}.cashButtons{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.cashCoin,.cashBill{align-items:center;border:0;color:#34204f;display:inline-flex;font-weight:850;justify-content:center;min-height:58px;position:relative;user-select:none;-webkit-user-select:none;touch-action:manipulation}.cashCoin{aspect-ratio:1;background:radial-gradient(circle at 32% 28%,#fff7cf,#ffd36e 62%,#e3a723);border-radius:999px;box-shadow:inset 0 0 0 3px #ffffff6b,0 8px 16px #e3a72333;justify-self:center;width:68px}.cashBill{background:linear-gradient(135deg,#d8fff0,#9ff5dd);border:1px solid #76d8c5;border-radius:8px;box-shadow:inset 0 0 0 2px #ffffff70}.cashCount{align-items:center;background:#19b889;border:2px solid #ffffff;border-radius:999px;color:#fff;display:inline-flex;font-size:.74rem;font-style:normal;font-weight:900;height:24px;justify-content:center;min-width:24px;padding:0 5px;position:absolute;right:-6px;top:-6px}.cashFlash{animation:cashSelectedGreen .28s ease-out}@keyframes cashSelectedGreen{0%{background:#19b889;border-color:#19b889;box-shadow:0 0 0 5px #19b8893d;color:#fff;transform:scale(1.05)}to{transform:scale(1)}}.cashModalActions{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px}.finalizeCash{background:#19b889;box-shadow:0 8px 20px #19b8893d}.leaderControls{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.modeFooter{display:flex;justify-content:center;margin:22px auto 0;max-width:1180px}.quickModeToggle{align-items:center;background:#ffffffdb;border:1px solid #ffc2dd;border-radius:999px;display:inline-flex;flex-direction:row;gap:8px;padding:9px 13px}.quickModeToggle input{min-height:auto;width:auto}.quickBottomBar{align-items:stretch;background:#fff6fbf5;border-top:1px solid #ffc2dd;bottom:0;display:block;left:0;padding:8px 10px calc(8px + env(safe-area-inset-bottom));position:fixed;right:0;z-index:15}.bottomTabBar{display:grid;gap:6px;grid-template-columns:repeat(6,minmax(0,1fr))}.bottomTabBar button{align-items:center;background:#fff;border:1px solid #ffc2dd;border-radius:8px;color:#4d3272;display:flex;font-size:.74rem;gap:5px;justify-content:center;min-height:48px;padding:6px 5px}.bottomTabBar button.active{background:#7b7cff;border-color:#7b7cff;color:#fff}.bottomTabBar button span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.moreMenu{position:relative}.moreMenu summary{align-items:center;background:#fff;border:1px solid #ffc2dd;border-radius:8px;color:#4d3272;cursor:pointer;display:inline-flex;height:54px;justify-content:center;list-style:none;width:48px}.moreMenu summary::-webkit-details-marker{display:none}.moreMenuPanel{background:#fff;border:1px solid #ffc2dd;border-radius:8px;bottom:64px;box-shadow:0 20px 70px #24143a38;display:grid;gap:12px;min-width:min(88vw,320px);padding:14px;position:absolute;right:0}.quickSummaryLeaderboard{margin-top:16px}.quickSummaryLeaderboard h3{margin-bottom:8px}.topMoreMenu .moreMenuPanel{bottom:auto;top:62px}.miniSummary{background:#fff3fb;border:1px solid #ffd0e3;border-radius:8px;display:grid;gap:5px;padding:10px}.profitText{color:#168967;font-weight:800}.lossText{color:#db3e61;font-weight:800}.shortcutSettings{border-top:1px solid #f4d4ec;margin-top:12px;padding-top:10px}.shortcutSettings summary{color:#4d3272;cursor:pointer;font-size:.88rem;font-weight:750;margin-bottom:10px}.shortcutSettings label{margin-top:8px}.smallUpload{align-items:center;background:#ffe2f0;border:1px solid #ffadd3;border-radius:8px;color:#a52970;cursor:pointer;display:inline-flex;font-size:.74rem;justify-content:center;min-height:34px;padding:6px 8px}.smallUpload input{display:none}.costCell{display:grid;gap:5px;min-width:132px}.inlinePreview{display:block}.metricsGrid{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.segmentedControl{background:#ffffffb8;border:1px solid #ffc2dd;border-radius:8px;display:inline-flex;padding:4px}.segmentedControl button{background:transparent;color:#6a4b87;min-height:34px;padding:7px 12px}.segmentedControl button.active{background:#7b7cff;color:#fff}.leaderHero{align-items:center;background:linear-gradient(135deg,#ffe2f0,#dcfff5 54%,#e8e2ff);border:1px solid #ffc2dd;border-radius:8px;display:grid;gap:14px;grid-template-columns:minmax(220px,1fr) auto auto;margin-bottom:16px;padding:16px}.leaderHero span{color:#6f5a8d;display:block;font-size:.82rem;font-weight:750}.leaderHero strong{display:block;font-size:1.35rem}.metric,.panel{background:#ffffffe0;border:1px solid #ffd0e3;border-radius:8px;box-shadow:0 14px 34px #9f5ac91f}.metric{min-height:96px;padding:16px}.metric span{color:#765f91;display:block;font-size:.9rem;margin-bottom:10px}.metric strong{font-size:1.55rem}.metric.strong{background:#34d6bc;color:#fff}.metric.metric-profit{background:#19b889}.metric.metric-loss{background:#db3e61}.metric.strong span{color:#effffb}.formBand,.eventForm{align-items:end;background:#ffffffdb;border:1px solid #ffd0e3;border-radius:8px;display:grid;gap:10px;margin-bottom:16px;padding:14px}.formBand{grid-template-columns:repeat(8,minmax(110px,1fr))}.eventForm{grid-template-columns:repeat(3,minmax(180px,1fr))}.syncPanel{background:#ffffffc7;border:1px solid #bfe8ff;border-radius:8px;margin-top:16px;padding:14px}.syncForm{margin-bottom:8px}.syncActions{align-items:end;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.checkLine{align-items:center;align-self:center;display:flex;flex-direction:row;gap:8px}.checkLine input{min-height:auto;width:auto}.syncStatus{color:#5c4777;font-size:.92rem;margin:8px 0 0}label{color:#5c4777;display:grid;font-size:.82rem;font-weight:700;gap:6px}input,select{background:#fff;border:1px solid #efbfe7;border-radius:6px;color:#24143a;min-height:38px;padding:8px 10px;width:100%}input:focus,select:focus,button:focus-visible{outline:3px solid rgba(52,214,188,.3);outline-offset:1px}.tableWrap{overflow-x:auto}table{background:#ffffffe6;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}th,td{border-bottom:1px solid #f4d4ec;padding:10px;text-align:left;vertical-align:middle}th{background:#e8e2ff;color:#4a3470;font-size:.8rem;text-transform:uppercase}td span{display:block;font-size:.88rem;margin-top:2px}.splitLayout{display:grid;gap:16px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.panel{padding:16px}.compactGrid{align-items:end;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin:12px 0}.wideField{grid-column:1 / -1}.itemEditor{display:grid;gap:8px}.itemRow{display:grid;gap:8px;grid-template-columns:minmax(0,1fr) 90px auto}.stackList{display:grid;gap:10px}.listItem{align-items:center;background:#fff3fb;border:1px solid #ffd0e3;border-radius:8px;display:flex;gap:10px;justify-content:space-between;padding:12px}.listItem span{display:block;margin-top:3px}.listActions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}@media(max-width:900px){.appShell{padding:16px}.topBar,.sectionHeader{align-items:stretch;flex-direction:column}.quickModeShell .topBar{align-items:flex-start;flex-direction:row}.quickModeShell .topActions{flex:0 0 auto}.tabBar{grid-template-columns:repeat(4,minmax(0,1fr))}.metricsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.formBand,.eventForm,.syncActions,.splitLayout,.quickSaleLayout,.poolBand,.poolGrid,.poolItem,.leaderHero{grid-template-columns:1fr}.quickCart{position:static}}@media(max-width:560px){.tabBar{grid-template-columns:repeat(2,minmax(0,1fr))}.tabBar button{font-size:.86rem;gap:6px;min-height:44px;padding:8px 6px}.tabBar button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottomTabBar{grid-template-columns:repeat(2,minmax(0,1fr))}.bottomTabBar button{min-height:42px}.quickModeShell{padding-bottom:142px}.metricsGrid,.compactGrid,.itemRow,.restockRow,.bundleAdder,.quickFilters,.quickPayActions,.splitButton,.cashTotals,.cashModalActions{grid-template-columns:1fr}.cashButtons{grid-template-columns:repeat(3,minmax(0,1fr))}.cashCoin{width:62px}.listItem,.cartItem{align-items:flex-start;flex-direction:column}}@media print{:root,body{background:#fff}.appShell{padding:0}.topActions,.tabBar,.noPrint{display:none!important}.topBar,.screen{max-width:none}.metric,.panel,table{box-shadow:none}.metricsGrid{grid-template-columns:repeat(4,1fr)}th,td{padding:7px}}
