:root{color-scheme:light;--bg: #F3F6F8;--surf: #FFFFFF;--surf2: #F7FAFB;--text: #0E2A3B;--muted: #566673;--line: #E2E8ED;--brand: #0A6C94;--brandInk: #FFFFFF;--brandSoft: #E3F1F7;--heroSub: #D6ECF5;--good: #12784A;--bad: #B42318;--badBg: #FDECEC;--warn: #8A4B00;--warnBg: #FFF1E0;--warnDot: #E8930C;--inv: #0E2A3B;--invInk: #FFFFFF;--invMuted: #A9C1D0;--invLine: #3A5668;--cashBg: #E3F5EA;--cashFg: #12784A;--gcashBg: #E3F1F7;--gcashFg: #0A6C94;--creditBg: #FFF1E0;--creditFg: #8A4B00;--field: #7D8E9A;--scrim: rgba(14, 42, 59, .5);--shadow: 0 6px 16px rgba(14, 42, 59, .22)}@media screen{:root[data-theme=dark]{color-scheme:dark;--bg: #0B1620;--surf: #13222E;--surf2: #1A2C3A;--text: #E8F0F5;--muted: #9AAFBE;--line: #24384A;--brand: #4DB3E0;--brandInk: #06202E;--brandSoft: #12324A;--heroSub: #0E3B52;--good: #5BD68A;--bad: #F48B8B;--badBg: #3B1A1A;--warn: #FBBF77;--warnBg: #3A2A10;--warnDot: #FBBF77;--inv: #E8F0F5;--invInk: #0B1620;--invMuted: #3E5566;--invLine: #9AAFBE;--cashBg: #12301F;--cashFg: #5BD68A;--gcashBg: #12324A;--gcashFg: #7CC8EA;--creditBg: #3A2A10;--creditFg: #FBBF77;--field: #5B7387;--scrim: rgba(0, 0, 0, .6);--shadow: 0 6px 16px rgba(0, 0, 0, .45)}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Plus Jakarta Sans,system-ui,sans-serif;font-variant-numeric:tabular-nums;-webkit-tap-highlight-color:transparent}a{color:var(--brand)}a:hover{text-decoration-thickness:2px}button{font-family:inherit;cursor:pointer;color:inherit}button:disabled{opacity:.55;cursor:default}input,select,textarea{font-family:inherit;color:var(--text)}h1,h2,h3{margin:0}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.shell{height:100%;display:flex;flex-direction:column;overflow:hidden}.main{flex:1;min-height:0;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:800}.brand-mark{width:36px;height:36px;border-radius:10px;background:var(--brand);color:var(--brandInk);display:flex;align-items:center;justify-content:center;flex-shrink:0}.greet{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-title{font-size:17px;font-weight:800;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar{flex-shrink:0;display:flex;align-items:center;gap:12px;padding:calc(14px + env(safe-area-inset-top)) 16px 14px;background:var(--surf);border-bottom:1px solid var(--line)}.topbar .logo{width:40px;height:40px;border-radius:12px}.topbar .who{flex:1;min-width:0;display:flex;flex-direction:column}.topbar .time{font-size:17px;font-weight:800;color:var(--brand);white-space:nowrap}.content{flex:1;overflow-y:auto;padding:14px 16px 24px}.page-head{display:none}.stack{display:flex;flex-direction:column;gap:16px}.stack-14{display:flex;flex-direction:column;gap:14px}.stack-12{display:flex;flex-direction:column;gap:12px}.stack-10{display:flex;flex-direction:column;gap:10px}.stack-8{display:flex;flex-direction:column;gap:8px}.bottomnav{flex-shrink:0;height:calc(76px + env(safe-area-inset-bottom));padding:0 6px env(safe-area-inset-bottom);background:var(--surf);border-top:1px solid var(--line);display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}.nav-item{text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:11px;font-weight:600;color:var(--muted)}.nav-pill{width:52px;height:30px;border-radius:999px;display:flex;align-items:center;justify-content:center}.nav-item.active{color:var(--brand);font-weight:800}.nav-item.active .nav-pill{background:var(--brandSoft)}.deskbar{display:none}.dd-wrap{position:relative}.dd{position:absolute;top:calc(100% + 6px);left:0;z-index:30;min-width:230px;padding:6px;background:var(--surf);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);display:flex;flex-direction:column}.deskbar-end .dd{left:auto;right:0}.dd-item{min-height:44px;width:100%;padding:0 12px;border:0;border-radius:10px;background:transparent;display:flex;align-items:center;gap:10px;text-align:left;text-decoration:none;font-size:14px;font-weight:600;color:var(--text)}.dd-item:hover{background:var(--surf2)}.dd-item.active{color:var(--brand);background:var(--brandSoft);font-weight:800}.dd-head{padding:8px 12px 10px;display:flex;flex-direction:column;gap:2px;border-bottom:1px solid var(--line);margin-bottom:4px;font-size:14px}@media(min-width:1024px){.topbar,.bottomnav{display:none}.deskbar{flex-shrink:0;display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;padding:12px 32px;background:var(--surf);border-bottom:1px solid var(--line)}.tabs{display:flex;flex-wrap:wrap;gap:4px}.tab{min-height:44px;padding:0 14px;border:0;border-radius:10px;background:transparent;text-decoration:none;display:flex;align-items:center;gap:4px;font-size:14px;font-weight:600;color:var(--muted)}.tab:hover{color:var(--text);background:var(--surf2)}.tab.active{color:var(--brand);background:var(--brandSoft);font-weight:800}.deskbar-end{margin-left:auto;display:flex;align-items:center;gap:12px}.deskbar-end .greet{font-size:14px;font-weight:700}.clock{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:12px;background:var(--surf2);border:1px solid var(--line);font-size:18px;font-weight:800;white-space:nowrap}.clock svg{color:var(--brand)}.avatar{width:44px;height:44px;border-radius:50%;border:0;background:var(--brandSoft);color:var(--brand);font-size:16px;font-weight:800}.content{padding:24px 32px 40px}.content>*{max-width:1280px;margin-left:auto;margin-right:auto}.page-head{display:flex;align-items:center;gap:10px;margin-bottom:16px}.page-head .page-title{font-size:26px}.wide-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.fab,.toast{bottom:24px!important}}@media(max-width:1023px){.wide-2{display:flex;flex-direction:column;gap:14px}}.card{background:var(--surf);border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:4px}.card-lg{background:var(--surf);border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px}.card-sm{background:var(--surf);border:1px solid var(--line);border-radius:12px;padding:9px;display:flex;flex-direction:column;gap:2px;min-width:0}.card-sm .lbl{font-size:11px;color:var(--muted);font-weight:600}.card-sm .val{font-size:13px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero{background:var(--brand);color:var(--brandInk);border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:4px}.hero .lbl{font-size:13px;font-weight:700;color:var(--heroSub)}.hero .big{font-size:34px;font-weight:800;letter-spacing:-.02em}.hero .sub{font-size:13px;font-weight:600;color:var(--heroSub)}.lbl{font-size:12px;color:var(--muted);font-weight:600}.big{font-size:22px;font-weight:800}.mid{font-size:18px;font-weight:800}.sub{font-size:12px;color:var(--muted)}.muted{color:var(--muted)}.green{color:var(--good)}.red{color:var(--bad)}.warn{color:var(--warn)}.accent{color:var(--brand)}.b{font-weight:700}.nowrap{white-space:nowrap}.right{text-align:right}.h2{margin:4px 4px 0;font-size:15px;font-weight:700}.h2-card{font-size:15px;font-weight:800}.note{font-size:12px;color:var(--muted);padding:0 4px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}@media(min-width:1024px){.grid2.kpis{grid-template-columns:repeat(4,minmax(0,1fr))}}.list{background:var(--surf);border:1px solid var(--line);border-radius:14px;padding:6px 14px}.list-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.list-row:last-child{border-bottom:0}.list-btn{width:100%;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;color:var(--text);font:inherit}.list-btn:last-child{border-bottom:0}.list-row .title{font-size:14px;font-weight:600}.col{display:flex;flex-direction:column;gap:2px;min-width:0}.row{display:flex;justify-content:space-between;align-items:center;gap:10px}.row-start{display:flex;align-items:center;gap:8px}.amt{font-size:14px;font-weight:700;white-space:nowrap}.empty{padding:24px;text-align:center;font-size:14px;color:var(--muted)}.list .empty{padding:18px 0}.menu{background:var(--surf);border:1px solid var(--line);border-radius:16px;overflow:hidden}.menu-item{width:100%;min-height:64px;border:0;border-bottom:1px solid var(--line);background:transparent;padding:12px 14px;display:flex;align-items:center;gap:12px;text-align:left;color:var(--text);text-decoration:none}.menu-item:last-child{border-bottom:0}.menu-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.menu-item .title{font-size:15px;font-weight:700}.attn-list{background:var(--surf);border:1px solid var(--line);border-radius:16px;padding:6px;display:flex;flex-direction:column}.attn{min-height:52px;padding:6px 10px;border-radius:12px;display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text)}.attn:hover{background:var(--surf2)}.attn .t{font-size:14px;font-weight:700;flex:1;min-width:0}.attn .s{font-size:12px;color:var(--muted);text-align:right}.attn-dot{width:10px;height:10px;border-radius:50%;flex:none}.seg{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px;padding:4px;background:var(--surf);border:1px solid var(--line);border-radius:14px}.seg button{min-height:44px;border:0;border-radius:10px;font-size:14px;font-weight:700;background:transparent;color:var(--text)}.seg button[aria-pressed=true]{background:var(--brand);color:var(--brandInk);font-weight:800}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{min-height:44px;padding:0 14px;border-radius:999px;font-size:13px;font-weight:700;border:1px solid var(--line);background:transparent;color:var(--text)}.chip[aria-pressed=true]{background:var(--brandSoft);border-color:var(--brand);color:var(--brand)}.chip.dashed{border-style:dashed;border-color:var(--muted)}.pill{font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap;flex-shrink:0}.pill-green{background:var(--cashBg);color:var(--cashFg)}.pill-red{background:var(--badBg);color:var(--bad)}.pill-amber{background:var(--warnBg);color:var(--warn)}.pill-blue{background:var(--brandSoft);color:var(--brand)}.pill-gray{background:var(--surf2);color:var(--muted);box-shadow:inset 0 0 0 1px var(--line)}.pill-cash{background:var(--cashBg);color:var(--cashFg)}.pill-gcash{background:var(--gcashBg);color:var(--gcashFg)}.pill-credit{background:var(--creditBg);color:var(--creditFg)}.btn{min-height:52px;border:0;border-radius:12px;background:var(--brand);color:var(--brandInk);font-size:15px;font-weight:700;padding:0 16px}.btn-sm{min-height:44px;padding:0 12px;border:0;border-radius:10px;background:var(--brand);color:var(--brandInk);font-size:13px;font-weight:700}.btn-outline{min-height:48px;border:1px solid var(--field);border-radius:12px;background:var(--surf);color:var(--text);font-size:14px;font-weight:700;padding:0 14px}.btn-dashed{min-height:48px;border:1px dashed var(--muted);border-radius:12px;background:transparent;color:var(--text);font-size:14px;font-weight:700}.btn-danger{color:var(--bad)}.btn-plain{min-height:44px;padding:0 10px;border:0;background:transparent;color:var(--muted);font-size:14px;font-weight:600}.icon-btn{width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:var(--surf2);color:var(--text);display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-btn{width:44px;height:44px;border:1px solid var(--field);border-radius:10px;background:var(--surf);color:var(--text);font-size:20px;font-weight:700;flex-shrink:0}.step-btn.on{border:0;background:var(--brand);color:var(--brandInk)}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--muted)}.input{min-height:48px;border:1px solid var(--field);border-radius:10px;padding:0 14px;font-size:15px;background:var(--surf);width:100%}.input-big{min-height:52px;font-size:20px;font-weight:700}.input-sm{min-height:44px;border:1px solid var(--field);border-radius:8px;padding:0 10px;font-size:14px;font-weight:700;background:var(--surf)}textarea.input{padding:10px 14px;min-height:72px}input[type=checkbox]{accent-color:var(--brand)}.bar{height:8px;border-radius:999px;background:var(--surf2);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}.bar>div{height:100%;border-radius:999px;background:var(--brand)}.bar.thin{height:7px}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);display:flex;flex-direction:column;justify-content:flex-end;z-index:50}.scrim-close{flex:1;border:0;background:transparent}.sheet{background:var(--surf);color:var(--text);border-radius:22px 22px 0 0;padding:10px 18px calc(22px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px;max-height:90vh;overflow-y:auto}.sheet-grip{width:40px;height:4px;border-radius:999px;background:var(--field);align-self:center;flex-shrink:0}.sheet-title{font-size:18px;font-weight:800}@media(min-width:1024px){.scrim{justify-content:center;align-items:center}.scrim-close{position:absolute;top:0;right:0;bottom:0;left:0}.sheet{position:relative;width:480px;border-radius:22px;border:1px solid var(--line)}}.toast{position:fixed;left:16px;right:16px;bottom:calc(86px + env(safe-area-inset-bottom));z-index:60;padding:12px 12px 12px 16px;border-radius:12px;background:var(--inv);color:var(--invInk);display:flex;align-items:center;justify-content:space-between;gap:10px;box-shadow:var(--shadow);max-width:520px;margin:0 auto}.toast span{font-size:13px;font-weight:600}.toast button{min-height:44px;padding:0 14px;border:1px solid var(--invLine);border-radius:10px;background:transparent;color:var(--invInk);font-size:13px;font-weight:700}.toast.err{background:var(--bad);color:var(--surf)}.toast.err button{border-color:currentColor;color:var(--surf)}.fab{position:fixed;right:18px;bottom:calc(90px + env(safe-area-inset-bottom));width:58px;height:58px;border-radius:999px;border:0;background:var(--brand);color:var(--brandInk);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);z-index:40}.qs{display:flex;flex-direction:column;gap:12px;min-width:0}.qs-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.qs-head .seg{flex:1 1 260px}.qs-title{display:none}.qs-title h2{font-size:22px;font-weight:800}.qs-custs{display:flex;gap:8px;align-items:center;overflow-x:auto;scrollbar-width:none}.qs-custs .chip{flex:none}.qs-custs-lbl{display:none}.qs-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.qs-product{min-height:106px;padding:14px;border-radius:18px;border:1px solid var(--line);background:var(--surf);color:var(--text);display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left}.qs-product:hover:not(:disabled){border-color:var(--brand)}.qs-product .name{font-size:13px;font-weight:700;line-height:1.3}.qs-product .price{margin-top:auto;font-size:24px;font-weight:800;color:var(--brand)}.qs-product .gal{display:none;font-size:12px;color:var(--muted)}.added-bar{display:flex;align-items:center;gap:8px;padding:10px 10px 10px 14px;border-radius:16px;background:var(--inv);color:var(--invInk)}.added-bar .col{min-width:0}.added-bar .k{font-size:11px;font-weight:700;color:var(--invMuted)}.added-bar .v{font-size:14px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.added-bar .sq{width:44px;height:44px;flex:none;border-radius:12px;border:1px solid var(--invLine);background:transparent;color:var(--invInk);font-size:22px;font-weight:800}.added-bar .undo{min-height:44px;flex:none;padding:0 14px;border-radius:12px;border:0;background:var(--brand);color:var(--brandInk);font-size:14px;font-weight:800}.desk-only{display:none!important}.home{display:flex;flex-direction:column;gap:12px}.home-main,.home-side{display:flex;flex-direction:column;gap:12px;min-width:0}.summary{display:grid;grid-template-columns:1.6fr 1fr 1fr;background:var(--surf);border:1px solid var(--line);border-radius:16px;padding:12px 4px}.summary>span{display:flex;flex-direction:column;gap:2px;padding:0 12px;min-width:0}.summary>span+span{border-left:1px solid var(--line)}.summary .k{font-size:11px;font-weight:700;color:var(--muted)}.summary .v{font-size:19px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.today h2,.attn-list h2{font-size:14px;font-weight:800;margin-bottom:4px}.attn-list h2{padding:6px 10px 0}.today-row{display:flex;align-items:center;gap:10px;min-height:44px;border-top:1px solid var(--line)}.today-row .time{font-size:12px;color:var(--muted);width:64px;flex:none}.today-row .what{font-size:13px;font-weight:700;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.today-row .amt{font-size:13px;font-weight:800;min-width:66px;text-align:right}.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tile{background:var(--surf);border:1px solid var(--line);border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:4px;min-width:0}.tile .v{font-size:20px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home .attn-list .attn{min-height:44px}@media(min-width:1024px){.phone-only{display:none!important}.desk-only{display:flex!important}.tiles.desk-only{display:grid!important}.qs-title{display:flex}.qs-head .seg{flex:0 0 auto;min-width:300px}.qs-custs{flex-wrap:wrap;overflow:visible}.qs-custs-lbl{display:inline}.qs-products{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.qs-product{min-height:120px;padding:16px;background:var(--surf2);gap:6px}.qs-product .name{font-size:14px}.qs-product .price{font-size:26px}.qs-product .gal{display:block}.added-bar{flex-wrap:wrap;padding:12px 14px 12px 18px;gap:12px}.added-bar .col{min-width:180px}.added-bar .k{font-size:12px}.added-bar .v{font-size:15px;white-space:normal}.qs,.today{background:var(--surf);border:1px solid var(--line);border-radius:20px}.qs{padding:20px 22px;gap:16px}.today{padding:16px 22px 8px}.today h2,.attn-list h2{font-size:16px;margin-bottom:6px}.today-row{min-height:52px;gap:12px}.today-row .what,.today-row .amt{font-size:14px}.home .attn-list{border-radius:20px;padding:10px 10px 8px}.home .attn-list .attn{min-height:52px}.home{flex-direction:row;flex-wrap:wrap;gap:20px;align-items:flex-start}.home-main{flex:3 1 560px;gap:16px}.home-side{flex:2 1 340px;gap:16px}.home .hero{border-radius:20px;padding:20px 22px;gap:6px}.home .hero .big{font-size:40px}}.login{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:var(--bg)}.login-card{width:100%;max-width:380px;background:var(--surf);border:1px solid var(--line);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:16px}.err-text{color:var(--bad);font-size:13px;font-weight:600}.cal-head,.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.cal-head{padding-bottom:6px;font-size:11px;font-weight:700;color:var(--muted);text-align:center}.cal-day{min-height:58px;padding:5px 3px;border-radius:10px;border:1.5px solid var(--line);background:var(--surf);color:var(--text);display:flex;flex-direction:column;align-items:center;gap:2px}.cal-day .d{font-size:13px;font-weight:700}.cal-day .s{font-size:10px;font-weight:700;color:var(--good)}.cal-day .x{font-size:10px;font-weight:700;color:var(--bad)}.cal-day.today{border-color:var(--brand)}.cal-day.future{background:var(--surf2);color:var(--muted)}.cal-day[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:var(--brandInk)}.cal-day[aria-pressed=true] .s,.cal-day[aria-pressed=true] .x{color:var(--brandInk)}@media(min-width:1024px){.cal-day{min-height:76px}.cal-day .s,.cal-day .x{font-size:12px}}.legend{display:flex;gap:14px;padding:10px 6px 2px;font-size:11px;font-weight:600;color:var(--muted)}.dot{width:8px;height:8px;border-radius:999px;display:inline-block;margin-right:5px}.print-only{display:none}@media print{@page{size:A4;margin:12mm}body{background:#fff;color:#000}.shell>*:not(.main),.main>*:not(.content),.no-print,.bottomnav,.deskbar,.topbar,.fab,.toast{display:none!important}.shell,.main,.content{display:block!important;overflow:visible!important;height:auto!important;padding:0!important}.print-only{display:block}.payslip{break-inside:avoid;border:1px solid #999;border-radius:0;padding:12px;margin-bottom:10mm;height:128mm;font-size:12px}}.payslip{background:var(--surf);border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:6px}.payslip .row{font-size:13px}