:root{--navy: #16264A;--navy2: #1F3864;--blue: #2E75B6;--gold: #FFC000;--bg: #F3F5FA;--ink: #1A2233;--muted: #6A7390;--green: #0E7C56;--green-bg: #DCF3EA;--blue-bg: #DFECFF;--amber: #8F6400;--amber-bg: #FFF1C6;--line: #E7EAF3;--radius: 18px;--shadow: 0 1px 2px rgba(22,38,74,.05), 0 8px 24px rgba(22,38,74,.07)}*{-webkit-tap-highlight-color:transparent}body{background:var(--bg);color:var(--ink);font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;font-size:15px;padding-bottom:96px}h1,h2,h3,h4,h5,strong,.fw-bold,.fw-semibold{letter-spacing:-.01em}.navbar{background:linear-gradient(115deg,var(--navy) 20%,#27498A)!important;padding:.7rem 1rem}.navbar-brand{font-weight:800;color:#fff!important;letter-spacing:.2px;font-size:1.05rem}.brand-mark{height:1.15em;width:auto;vertical-align:-.2em;margin-right:.3em}.navbar .btn{--bs-btn-color: rgba(255,255,255,.85);--bs-btn-border-color: rgba(255,255,255,.35);--bs-btn-hover-bg: rgba(255,255,255,.12);--bs-btn-hover-color: #fff;--bs-btn-hover-border-color: rgba(255,255,255,.5);border-radius:999px;font-size:.8rem;font-weight:600}.topmenu{position:relative}.topmenu-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:1200;background:#fff;border-radius:12px;box-shadow:0 10px 30px #16264a3d;padding:6px;min-width:192px}.topmenu-item{display:flex;align-items:center;gap:11px;width:100%;padding:10px 12px;border:0;background:none;text-align:left;color:var(--ink);text-decoration:none;font-size:.92rem;font-weight:600;border-radius:8px}.topmenu-item:hover{background:var(--bg)}.topmenu-item i{font-size:1.05rem;color:var(--muted);width:18px;text-align:center}.topmenu-item.danger,.topmenu-item.danger i{color:#c0392b}.topmenu-sep{height:1px;background:var(--line);margin:5px 6px}.card{border:none;border-radius:var(--radius);box-shadow:var(--shadow)}.card-header{background:transparent;border-bottom:1px solid var(--line);font-weight:700;border-radius:var(--radius) var(--radius) 0 0!important}.hero{background:linear-gradient(130deg,var(--navy) 10%,#27498A 70%,#2E75B6);color:#fff;overflow:hidden;position:relative}.hero:before{content:"🌸";position:absolute;right:-14px;top:-22px;font-size:6.5rem;opacity:.12;transform:rotate(12deg)}.hero-label{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ffffffa6}.hero-total{font-size:2.1rem;font-weight:800;line-height:1.15;font-variant-numeric:tabular-nums;color:var(--gold)}.hero-sub{font-size:.8rem;color:#ffffffb3;font-weight:600}.chip{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.32rem .7rem;font-size:.8rem;font-weight:700;font-variant-numeric:tabular-nums}.chip-cash{background:var(--green-bg);color:var(--green)}.chip-till{background:var(--blue-bg);color:#1d5a96}.chip-credit{background:var(--amber-bg);color:var(--amber)}.hero .chip-cash{background:#2ed69629;color:#7bedc3}.hero .chip-till{background:#78b4ff29;color:#a9cfff}.hero .chip-credit{background:#ffc00024;color:#ffd75e}.stat-card{padding:.85rem 1rem;border-radius:14px;background:#fff}.stat-val{font-size:1.25rem;font-weight:800;color:var(--navy);font-variant-numeric:tabular-nums}.stat-lbl{font-size:.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:700}.stat-sub{font-size:.66rem;color:var(--muted);margin-top:1px}.mom{display:inline-flex;align-items:center;gap:2px;font-size:.72rem;font-weight:800;padding:2px 7px;border-radius:999px}.mom-up{background:#2ed6962e;color:#7bedc3}.mom-down{background:#ff5a5a33;color:#ff9a9a}.form-control,.form-select{font-size:16px;padding:.68rem .9rem;border-radius:12px;border:1.5px solid var(--line)}.form-control:focus,.form-select:focus{border-color:var(--blue);box-shadow:0 0 0 .2rem #2e75b61f}.form-label{margin-bottom:.35rem}.btn-primary{background:var(--blue);border:none;border-radius:10px}.btn-gold{background:linear-gradient(135deg,#FFD34D,var(--gold));border:none;color:var(--navy);font-weight:800;border-radius:999px;box-shadow:0 6px 18px #ffc00059}.btn-gold:active{transform:scale(.985)}.btn-outline-primary,.btn-outline-secondary{border-radius:999px;font-weight:600}.skel{display:inline-block;vertical-align:middle;background:linear-gradient(90deg,#e7eaf1 25%,#f2f4f9 37%,#e7eaf1 63%);background-size:400% 100%;animation:skel-shimmer 1.4s ease infinite}.skel-on-dark{background:linear-gradient(90deg,#ffffff1a 25%,#ffffff38 37%,#ffffff1a 63%);background-size:400% 100%}@keyframes skel-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}@media(prefers-reduced-motion:reduce){.skel{animation:none}}.sale-row{border-left:3px solid transparent}.sale-row.cash{border-color:#18b47f}.sale-row.till{border-color:var(--blue)}.sale-row.credit{border-color:var(--gold)}.sale-row.split{border-color:#7c4dff}.badge-cash{background:var(--green-bg);color:var(--green)}.badge-till{background:var(--blue-bg);color:#1d5a96}.badge-credit{background:var(--amber-bg);color:var(--amber)}.badge-split{background:#ede7ff;color:#6b3fd4}.badge{font-weight:700;border-radius:999px;padding:.3em .65em}.day-head{display:flex;justify-content:space-between;align-items:center;background:#f8f9fd;border-bottom:1px solid var(--line);padding:.45rem 1rem;font-size:.8rem;font-weight:700;color:var(--muted)}.day-head .day-total{color:var(--navy);font-variant-numeric:tabular-nums}.day-head-btn{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;width:100%;font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.day-head-btn:hover:not(.static){background:#eef1f8}.day-head-btn.static{cursor:default}.day-chev{font-size:.7rem;opacity:.5}.log-day{border:1.5px solid var(--line);border-radius:14px;background:#fff;margin-bottom:.6rem;overflow:hidden}.log-day-head{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;background:none;width:100%;display:flex;align-items:center;justify-content:space-between;padding:.7rem .9rem;font:inherit;color:inherit;cursor:pointer}.log-day-head:hover:not(.static){background:#f8f9fd}.log-day-head.static{cursor:default}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px;vertical-align:middle}.exp-head{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer}.exp-chev{font-size:.75rem;opacity:.55}.day-picker-wrap{position:relative;display:inline-flex;overflow:hidden}.day-picker-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-width:0;opacity:0;margin:0;padding:0;border:0;cursor:pointer}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fffffff0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);display:flex;z-index:1000;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a,.bottom-nav .nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;padding:.5rem .25rem .45rem;color:#9aa1b5;text-decoration:none;font-size:.66rem;font-weight:700;gap:2px;background:none;border:0}.bottom-nav a i,.bottom-nav .nav-btn i{font-size:1.3rem;line-height:1}.bottom-nav a.active{color:var(--navy)}.bottom-nav .nav-add i{width:54px;height:54px;margin-top:-26px;border-radius:50%;background:linear-gradient(135deg,#FFD34D,var(--gold));color:var(--navy);display:flex;align-items:center;justify-content:center;font-size:1.7rem;border:4px solid var(--bg);box-shadow:0 8px 20px #ffc00073}.nav-dot{position:absolute;top:-5px;right:-11px;background:#dc3545;color:#fff;font-size:.58rem;line-height:1.5;border-radius:999px;padding:0 5px;font-weight:800}.alert{border:none;border-radius:14px;box-shadow:var(--shadow)}.toast-float{position:fixed;left:12px;right:12px;bottom:calc(80px + env(safe-area-inset-bottom));max-width:576px;margin:0 auto;z-index:1095;box-shadow:0 8px 30px #16264a47}.progress{border-radius:999px}.list-group-item{border-color:var(--line)}.quick-label{font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.quick-row{display:flex;gap:.5rem;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:none}.quick-row::-webkit-scrollbar{display:none}.chip-btn{flex:0 0 auto;border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:.5rem .9rem;font-size:.85rem;font-weight:700;color:var(--navy);box-shadow:var(--shadow)}.chip-btn:active{background:var(--amber-bg);border-color:var(--gold);transform:scale(.97)}.item-row{background:#fafbfe;border:1.5px solid var(--line);border-radius:14px;padding:.75rem}.prod-menu{position:absolute;top:100%;left:0;right:0;z-index:1050;max-height:250px;overflow-y:auto;border-radius:12px;background:#fff;border:1px solid var(--line)}.prod-search.is-invalid{border-color:#dc3545}.stepper{display:flex;align-items:center;border:1.5px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}.stepper button{border:none;background:transparent;width:38px;height:44px;font-size:1.25rem;font-weight:700;color:var(--blue);line-height:1}.stepper button:active{background:var(--blue-bg)}.stepper input{border:none;width:40px;text-align:center;font-size:16px;font-weight:700;-moz-appearance:textfield;outline:none}.stepper input::-webkit-outer-spin-button,.stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pay-seg{display:flex;flex-wrap:wrap;gap:.5rem}.pay-seg input{position:absolute;opacity:0;pointer-events:none}.pay-seg label{flex:1 1 4.5rem;text-align:center;padding:.7rem .25rem;border:1.5px solid var(--line);border-radius:12px;font-weight:700;background:#fff;font-size:.85rem;transition:.15s}.pay-seg input[value=Cash]:checked+label{background:var(--green-bg);border-color:var(--green);color:var(--green)}.pay-seg input[value=Till]:checked+label{background:var(--blue-bg);border-color:var(--blue);color:#1d5a96}.pay-seg input[value="Credit/Pending"]:checked+label{background:var(--amber-bg);border-color:var(--gold);color:var(--amber)}.pay-seg input[value=Split]:checked+label{background:#ede7ff;border-color:#7c4dff;color:#6b3fd4}.pay-seg input[value=sales]:checked+label{background:var(--blue-bg);border-color:var(--blue);color:#1d5a96}.pay-seg input[value=admin]:checked+label{background:var(--amber-bg);border-color:var(--gold);color:var(--amber)}.customer-wrap{background:var(--amber-bg);border-radius:14px;padding:.75rem}.split-wrap{background:#f3f0ff;border-radius:14px;padding:.75rem}details summary{cursor:pointer;list-style:none}details summary:before{content:"▸ "}details[open] summary:before{content:"▾ "}.act-ic{width:36px;height:36px;border-radius:12px;background:#f3f5fa;display:flex;align-items:center;justify-content:center;font-size:1.05rem;flex:0 0 auto}.help-tip{display:inline-flex;align-items:center}.help-btn{border:none;background:none;color:var(--blue);padding:0 0 0 .3rem;font-size:.95rem;line-height:1;display:inline-flex}.help-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#16264a47;z-index:1090}.help-pop{position:fixed;left:12px;right:12px;bottom:12px;z-index:1091;max-width:560px;margin:0 auto;background:#fff;border-radius:18px;box-shadow:0 -6px 30px #16264a47;padding:1rem 1.1rem 1.15rem}.help-pop-title{font-weight:800;font-size:1rem;color:var(--navy)}.help-pop-body{font-size:.92rem;line-height:1.5;color:var(--ink)}.help-pop-body p{margin-bottom:.5rem}.help-pop-body p:last-child{margin-bottom:0}.help-guide details{border:1px solid var(--line);border-radius:14px;padding:.75rem .9rem;margin-bottom:.6rem;background:#fff;box-shadow:var(--shadow)}.help-guide summary{font-weight:700;color:var(--navy)}.help-guide details[open] summary{margin-bottom:.5rem}.help-guide .g-body{font-size:.9rem;line-height:1.5;color:var(--ink)}.help-guide .g-body p{margin-bottom:.5rem}.help-guide .g-body p:last-child{margin-bottom:0}.seg-toggle{display:flex;background:#e9edf5;border-radius:12px;padding:4px;gap:4px}.seg-toggle button{flex:1;border:none;background:transparent;border-radius:9px;padding:.5rem;font-weight:700;font-size:.88rem;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.seg-toggle button.active{background:#fff;color:var(--navy);box-shadow:0 1px 3px #16264a24}.filter-pill{border:1.5px solid transparent;border-radius:999px;padding:.35rem .85rem;font-size:.8rem;font-weight:700;background:#e9edf5;color:var(--muted)}.filter-pill.active.all{background:var(--navy);color:#fff}.filter-pill.active.low{background:var(--amber-bg);color:var(--amber);border-color:var(--gold)}.filter-pill.active.out{background:#f8d7da;color:#b02a37;border-color:#e9b8bd}.perf-card{background:#fff;border-radius:16px;box-shadow:var(--shadow);padding:.8rem 1rem;margin-bottom:.7rem;cursor:pointer;border:1.5px solid transparent;transition:border-color .15s}.perf-card:hover,.perf-card:focus-visible{border-color:var(--gold);outline:none}.v-chip{display:inline-flex;align-items:center;gap:.4rem;border:1.5px solid var(--line);border-radius:12px;padding:.38rem .6rem;font-size:.82rem}.v-chip .v-meta{color:var(--muted);font-size:.75rem}.v-chip.v-low{border-color:#f1d48a}.v-chip.v-low .v-meta{color:var(--amber)}.v-chip.v-out{border-color:#e9b8bd}.v-chip.v-out .v-meta{color:#b02a37}.v-chip.v-add{border-style:dashed;color:var(--muted);font-weight:600}.v-dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto}.v-dot.v-ok{background:#18b47f}.v-dot.v-low{background:#e0a100}.v-dot.v-out{background:#dc3545}.stock-grid{display:grid;grid-template-columns:1fr 1fr 84px;gap:.5rem;align-items:center}.stock-head{padding:.6rem 1rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border-bottom:1px solid var(--line)}.stock-group{padding:0 1rem}.stock-title{display:flex;justify-content:space-between;align-items:baseline;padding:.7rem 0 .25rem}.stock-row{padding:.3rem 0;border-top:1px solid var(--line)}.stock-row .v-size{font-weight:700;font-size:.85rem}.stock-input{text-align:center;font-weight:700;padding:.4rem;border-radius:10px;border:1.5px solid var(--line);font-size:15px;width:100%;-moz-appearance:textfield}.stock-input::-webkit-outer-spin-button,.stock-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stock-input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 .2rem #2e75b61f}.stock-input.v-low{border-color:var(--gold);background:var(--amber-bg);color:var(--amber)}.stock-input.v-out{border-color:#e9b8bd;background:#f8d7da;color:#b02a37}.stk-single{display:flex;align-items:center;gap:11px;padding:11px 6px;border-bottom:1px solid var(--line)}.stk-single .stk-name{flex:1;min-width:0;font-weight:700;font-size:.98rem}.stk-price{color:var(--muted);font-weight:400;font-size:.85rem}.stk-group{margin:.55rem 0}.stk-head{position:sticky;top:0;z-index:5;display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:8px 12px;background:#e9edf5;border-radius:8px}.stk-head .fw-bold{min-width:0;font-size:.95rem}.stk-var{display:flex;align-items:center;gap:11px;padding:9px 12px 9px 16px;margin-left:12px;border-left:2px solid var(--line)}.badge-size{flex:0 0 auto;background:var(--navy);color:#fff;border-radius:7px;padding:4px 10px;font-size:.78rem;font-weight:700;min-width:56px;text-align:center}.stk-single .stock-input,.stk-var .stock-input{width:62px;flex:0 0 62px}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#16264a66;z-index:1090}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:1091;max-width:600px;margin:0 auto;background:#fff;border-radius:22px 22px 0 0;box-shadow:0 -8px 40px #16264a4d;padding:.4rem 1.1rem 1.4rem;max-height:92vh;overflow-y:auto}.sheet-grip{width:40px;height:4px;border-radius:2px;background:#cbd2e1;margin:.4rem auto .7rem}.v-block{border:1.5px solid var(--line);border-radius:14px;padding:.7rem}.v-size-input{flex:1;font-weight:700}.v-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem}.v-grid .v-lbl{font-size:.66rem;color:var(--muted);font-weight:700;margin-bottom:.12rem;display:block}.v-grid input{width:100%;font-size:14px;padding:.4rem .3rem;text-align:center;font-weight:700;border-radius:9px;border:1.5px solid var(--line);-moz-appearance:textfield}.v-grid input::-webkit-outer-spin-button,.v-grid input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.v-grid input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 .2rem #2e75b61f}.btn-add-size{border:1.5px dashed #C9D2E4;background:#fafbfe;border-radius:12px;padding:.6rem;font-weight:700;color:var(--blue)}.btn-add-size:hover{border-color:var(--blue)}.prod-group{border-bottom:1px solid var(--line);padding:.5rem .75rem .6rem}.prod-group:last-child{border-bottom:none}.prod-group-name{font-weight:700;font-size:.82rem;color:var(--navy);margin-bottom:.35rem}.prod-sizes{display:flex;flex-wrap:wrap;gap:.35rem}.size-pick{border:1.5px solid var(--line);background:#fff;border-radius:10px;padding:.3rem .55rem;font-size:.8rem;font-weight:700;color:var(--navy);display:inline-flex;align-items:center;gap:.35rem}.size-pick:active{background:var(--amber-bg);border-color:var(--gold)}.size-pick .size-meta{color:var(--muted);font-weight:600;font-size:.74rem}.sale-sheet{padding:0;display:flex;flex-direction:column;overflow:hidden}.sheet-head{padding:.5rem 1.1rem .35rem;flex:0 0 auto}.sheet-scroll{flex:1 1 auto;overflow-y:auto;padding:.35rem 1.1rem .5rem}.sheet-foot{flex:0 0 auto;display:flex;align-items:center;gap:.8rem;border-top:1px solid var(--line);background:#fff;padding:.7rem 1.1rem;padding-bottom:calc(.8rem + env(safe-area-inset-bottom))}.sale-card{background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:.75rem .8rem;margin-bottom:.7rem}.sale-card:last-child{margin-bottom:.2rem}.sale-card-lbl{display:flex;align-items:center;justify-content:space-between;margin-bottom:.55rem}.sale-card-lbl>span:first-child{font-size:.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:700}.detail-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem 0;font-size:.92rem}.detail-btn{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;background:none;width:100%;font:inherit;color:inherit;cursor:pointer;text-align:left}.foot-total-lbl{font-size:.64rem;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.06em}.foot-total-val{font-size:1.4rem;font-weight:800;color:var(--navy);font-variant-numeric:tabular-nums;line-height:1.1}.exp-chip{border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:6px 13px;font-size:13px;font-weight:700;color:var(--muted)}.exp-chip.active{background:#fef6f6;border-color:#e7b0ab;color:#c0392b}.exp-amount{display:flex;align-items:center;gap:10px;border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;background:#fff}.exp-amount input{border:0;outline:0;font-size:24px;font-weight:800;width:100%;background:transparent;color:var(--navy);-moz-appearance:textfield}.exp-amount input::-webkit-outer-spin-button,.exp-amount input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.spend-strip{display:flex;align-items:center;justify-content:space-between;border:1.5px dashed #E7B0AB;background:#fef6f6;border-radius:12px;padding:9px 13px}.spend-amt{font-size:1rem;font-weight:800;color:#c0392b;font-variant-numeric:tabular-nums}.spend-add{border:1.5px solid #E7B0AB;background:#fff;color:#c0392b;border-radius:999px;padding:7px 13px;font-size:.85rem;font-weight:700;display:inline-flex;align-items:center;gap:4px}.spend-add:active{background:#fef0f0}.exp-chips-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.exp-chips-row::-webkit-scrollbar{display:none}.exp-chips-row .exp-chip,.exp-chips-row .exp-chip-input{flex:0 0 auto;white-space:nowrap}.exp-chip.editing{border-color:#e7b0ab;color:#c0392b;background:#fef6f6}.exp-chip-add{color:var(--blue);display:inline-flex;align-items:center;gap:3px}.exp-chip-input{border:1.5px solid var(--blue);border-radius:999px;padding:6px 13px;font-size:13px;font-weight:700;outline:none;width:130px}.login-body{background:linear-gradient(150deg,#16264a 20%,#27498a 75%,#2e75b6);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.login-card{border:none;border-radius:22px;overflow:hidden;max-width:380px;width:100%;box-shadow:0 24px 60px #00000059}.login-head{background:linear-gradient(135deg,#1f3864,#2e75b6);color:#fff;text-align:center;padding:2.2rem 2rem;position:relative;overflow:hidden}.login-head:before{content:"🌸";position:absolute;right:-12px;top:-20px;font-size:6rem;opacity:.14;transform:rotate(12deg)}