: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}.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}.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}.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{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}.bottom-nav a i{font-size:1.3rem;line-height:1}.bottom-nav a.active{color:var(--navy)}.bottom-nav a.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)}.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}.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}.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)}