:root{--brand:#8e3b5f;--brand-strong:#74294b;--brand-soft:#f6e9ef;--bg:#f7f5f6;--surface:#ffffff;--surface-2:#faf8f9;--border:#e6e0e3;--text:#1f1a1d;--text-2:#5c5358;--muted:#8a8086;--good:#1f7a4d;--good-soft:#e3f3ea;--warn:#9a6200;--warn-soft:#fdf1dc;--bad:#b3261e;--bad-soft:#fbe5e3;--info:#255f99;--info-soft:#e3eefa;--radius:12px;--radius-sm:8px;--shadow:0 1px 2px rgba(31,26,29,0.06),0 4px 16px rgba(31,26,29,0.05);--font:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans","Noto Sans Sinhala","Noto Sans Tamil",sans-serif;color-scheme:light}@media (prefers-color-scheme:dark){:root{--brand:#d77fa6;--brand-strong:#e59bbb;--brand-soft:#3a2230;--bg:#151214;--surface:#1e1a1c;--surface-2:#241f22;--border:#3a3337;--text:#f2edf0;--text-2:#c9bfc5;--muted:#978d93;--good:#6fd09c;--good-soft:#17301f;--warn:#f0b75a;--warn-soft:#33260f;--bad:#f28b82;--bad-soft:#3a1a18;--info:#8ab8ef;--info-soft:#172739;--shadow:none;color-scheme:dark}}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{line-height:1.2;margin:0}h1{font-size:1.45rem;font-weight:700}h2{font-size:1.1rem}h2,h3{font-weight:650}h3{font-size:1rem}p{margin:0 0 .5rem}img{max-width:100%}.muted{color:var(--muted)}.small{font-size:.85rem}.right{text-align:right}.nowrap,.num{white-space:nowrap}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.row,.row-between{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.row-between{justify-content:space-between}.stack{gap:1rem}.stack,.stack-sm{display:flex;flex-direction:column}.stack-sm{gap:.5rem}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.75rem;gap:.75rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border-radius:var(--radius-sm);border:1px solid transparent;padding:.6rem 1rem;font:inherit;font-weight:600;cursor:pointer;min-height:42px;transition:background .15s,border-color .15s;text-decoration:none!important}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover:not(:disabled){background:var(--brand-strong)}@media (prefers-color-scheme:dark){.btn-primary{color:#1e1a1c}}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.btn-secondary:hover:not(:disabled){border-color:var(--brand)}.btn-ghost{background:transparent;color:var(--brand)}.btn-ghost:hover:not(:disabled){background:var(--brand-soft)}.btn-danger{background:var(--bad);color:#fff}.btn-sm{min-height:34px;padding:.35rem .7rem;font-size:.875rem}.btn-lg{min-height:52px;font-size:1.05rem;padding:.8rem 1.2rem}.btn-block{width:100%}.link{padding:0;color:var(--brand);font:inherit;font-weight:600}.icon-btn,.link{background:none;border:0;cursor:pointer}.icon-btn{font-size:1.1rem;color:var(--text-2);padding:.35rem .5rem;border-radius:6px}.icon-btn:hover{background:var(--surface-2)}.field{display:flex;flex-direction:column;gap:.3rem;min-width:0}.field-label{font-weight:600;font-size:.875rem;color:var(--text-2)}.req{color:var(--bad)}.field-hint{font-size:.8rem;color:var(--muted)}.field-msg{font-size:.8rem;color:var(--bad)}input,select,textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.6rem .7rem;min-height:42px;width:100%}textarea{min-height:84px;resize:vertical}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.field-error input,.field-error select,.field-error textarea{border-color:var(--bad)}input[type=checkbox]{width:auto;min-height:0;accent-color:var(--brand)}.check{display:inline-flex;gap:.5rem;align-items:center;font-weight:500;cursor:pointer}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0}.card-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.9rem 1rem 0;flex-wrap:wrap}.card-title{font-size:1rem}.card-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.card-body{padding:1rem}.badge{display:inline-block;padding:.15rem .55rem;border-radius:999px;font-size:.75rem;font-weight:650;text-transform:capitalize;white-space:nowrap}.badge-good{background:var(--good-soft);color:var(--good)}.badge-warn{background:var(--warn-soft);color:var(--warn)}.badge-bad{background:var(--bad-soft);color:var(--bad)}.badge-info{background:var(--info-soft);color:var(--info)}.badge-neutral{background:var(--surface-2);color:var(--text-2);border:1px solid var(--border)}.badge-brand{background:var(--brand-soft);color:var(--brand)}.alert{border-radius:var(--radius-sm);padding:.7rem .9rem;display:flex;gap:.75rem;align-items:center;justify-content:space-between;flex-wrap:wrap}.alert-bad{background:var(--bad-soft);color:var(--bad)}.alert-warn{background:var(--warn-soft);color:var(--warn)}.alert-good{background:var(--good-soft);color:var(--good)}.alert-info{background:var(--info-soft);color:var(--info)}.loading{display:flex;align-items:center;gap:.6rem;color:var(--muted);padding:1.5rem 0;justify-content:center}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid var(--border);border-top-color:var(--brand);animation:spin .8s linear infinite;display:inline-block}.spinner-inline{width:14px;height:14px;border-color:currentColor rgba(255,255,255,.4) rgba(255,255,255,.4)}@keyframes spin{to{transform:rotate(1turn)}}.empty{text-align:center;padding:2rem 1rem;color:var(--muted)}.empty-title{font-weight:650;color:var(--text-2);margin-bottom:.25rem}.table-wrap{overflow-x:auto}table.table{width:100%;border-collapse:collapse;font-size:.9rem}.table th{text-align:left;font-weight:650;color:var(--text-2);font-size:.8rem;text-transform:uppercase;letter-spacing:.02em;background:var(--surface-2);white-space:nowrap}.table td,.table th{padding:.6rem .75rem;border-bottom:1px solid var(--border)}.table td{vertical-align:top}.table tr:last-child td{border-bottom:0}.table tbody tr:hover{background:var(--surface-2)}.table tfoot td{font-weight:700;border-top:2px solid var(--border)}.table .num{text-align:right}.clickable{cursor:pointer}.modal-backdrop{position:fixed;inset:0;background:rgba(20,12,16,.45);display:flex;align-items:flex-start;justify-content:center;padding:5vh 1rem;z-index:50;overflow-y:auto}.modal{background:var(--surface);border-radius:var(--radius);width:100%;max-width:520px;box-shadow:0 20px 60px rgba(0,0,0,.25)}.modal-wide{max-width:860px}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.1rem;border-bottom:1px solid var(--border)}.modal-body{padding:1.1rem;display:flex;flex-direction:column;gap:.9rem}.modal-foot{padding:.9rem 1.1rem;border-top:1px solid var(--border);justify-content:flex-end;flex-wrap:wrap}.modal-foot,.toasts{display:flex;gap:.5rem}.toasts{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(84px + env(safe-area-inset-bottom));z-index:60;flex-direction:column;width:min(92vw,420px)}.toast{padding:.75rem 1rem;border-radius:var(--radius-sm);color:#fff;font-weight:600;box-shadow:0 6px 24px rgba(0,0,0,.2)}.toast-good{background:#1f7a4d}.toast-bad{background:#b3261e}.progress{height:10px;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:var(--brand);border-radius:999px;transition:width .4s}.pager{justify-content:space-between;gap:.75rem;padding:.75rem 1rem;flex-wrap:wrap}.auth-wrap,.pager{display:flex;align-items:center}.auth-wrap{min-height:100vh;justify-content:center;padding:1.25rem;background:linear-gradient(160deg,var(--brand-soft),var(--bg) 60%)}.auth-card{width:100%;max-width:400px;background:var(--surface);border-radius:16px;box-shadow:var(--shadow);border:1px solid var(--border);padding:1.75rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.brand-mark{display:flex;align-items:center;gap:.6rem;font-weight:750;font-size:1.15rem;color:var(--brand)}.brand-logo{width:36px;height:36px;border-radius:10px;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:800}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;justify-content:space-between;padding:calc(.6rem + env(safe-area-inset-top)) 1rem .6rem;background:var(--surface);border-bottom:1px solid var(--border)}.topbar,.topbar-brand{display:flex;align-items:center}.topbar-brand{gap:.55rem;font-weight:700;color:var(--text);text-decoration:none!important}.brand-logo.sm{width:30px;height:30px;border-radius:8px;font-size:.95rem}.bell{position:relative;font-size:1.25rem;padding:.3rem;text-decoration:none!important}.bell-count{position:absolute;top:-2px;right:-6px;background:var(--bad);color:#fff;border-radius:999px;font-size:.68rem;font-weight:700;padding:.05rem .35rem;min-width:18px;text-align:center}.content{flex:1 1;width:100%;max-width:640px;margin:0 auto;padding:1rem 1rem calc(96px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:1rem}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:30;display:grid;grid-template-columns:repeat(5,1fr);background:var(--surface);border-top:1px solid var(--border);padding:.35rem .25rem calc(.35rem + env(safe-area-inset-bottom))}.tab{display:flex;flex-direction:column;align-items:center;gap:.1rem;color:var(--muted);font-size:.72rem;font-weight:600;padding:.25rem 0;text-decoration:none!important}.tab-icon{font-size:1.25rem;line-height:1.2}.tab-active{color:var(--brand)}.tab-primary .tab-icon{background:var(--brand);color:#fff;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:1.6rem;margin-top:-18px;box-shadow:0 4px 14px rgba(142,59,95,.35)}.page-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.back{font-weight:600}.hero{background:linear-gradient(135deg,var(--brand),#b45a82);color:#fff;border-radius:16px;padding:1.1rem;display:flex;flex-direction:column;gap:.6rem}.hero .label{opacity:.85;font-size:.85rem}.hero .big{font-size:1.8rem;font-weight:750;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hero .progress{background:rgba(255,255,255,.25);border:0}.hero .progress-fill{background:#fff}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.75rem;gap:.75rem}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.8rem}.stat .label{color:var(--muted);font-size:.8rem;font-weight:600}.stat .value{font-size:1.2rem;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.75rem;gap:.75rem}.quick a{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.9rem;font-weight:650;color:var(--text);display:flex;align-items:center;gap:.6rem;text-decoration:none}.quick a span{font-size:1.3rem}.status-card{border-radius:var(--radius);padding:1rem;display:flex;flex-direction:column;gap:.5rem}.status-in{background:var(--good-soft);color:var(--good)}.status-out{border:1px dashed var(--border);color:var(--text-2)}.list,.status-out{background:var(--surface)}.list{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.list-item{display:flex;gap:.75rem;align-items:center;padding:.8rem .9rem;border-bottom:1px solid var(--border);color:var(--text);text-decoration:none!important}.list-item:last-child{border-bottom:0}.list-main{flex:1 1;min-width:0}.list-title{font-weight:650;overflow:hidden;text-overflow:ellipsis}.list-sub{color:var(--muted);font-size:.82rem}.unread{background:var(--brand-soft)}.photo-picker{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.5rem;gap:.5rem}.photo-tile{position:relative;aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden;background:var(--surface-2);border:1px solid var(--border)}.photo-tile img{width:100%;height:100%;object-fit:cover}.photo-tile .remove{position:absolute;top:4px;right:4px;background:rgba(0,0,0,.6);color:#fff;border:0;border-radius:50%;width:26px;height:26px;cursor:pointer}.photo-add{aspect-ratio:1;border:2px dashed var(--border);border-radius:var(--radius-sm);display:grid;place-items:center;color:var(--brand);font-weight:650;cursor:pointer;text-align:center;font-size:.85rem;background:var(--surface)}.photo-add input{display:none}.selfie-preview{width:140px;height:140px;border-radius:50%;object-fit:cover;border:3px solid var(--brand-soft)}.cart-line{display:grid;grid-template-columns:1fr auto;grid-gap:.5rem;gap:.5rem;padding:.7rem 0;border-bottom:1px solid var(--border)}.cart-line,.qty{align-items:center}.qty{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.qty button{width:38px;height:38px;border:0;background:var(--surface-2);font-size:1.1rem;cursor:pointer;color:var(--text)}.qty input{width:52px;text-align:center;border:0;border-radius:0;min-height:38px;padding:0}.total-bar{position:-webkit-sticky;position:sticky;bottom:calc(76px + env(safe-area-inset-bottom));background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.8rem;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-between;gap:.75rem}.chips{display:flex;gap:.4rem;overflow-x:auto;padding-bottom:.2rem}.chip{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:.35rem .8rem;font:inherit;font-size:.85rem;white-space:nowrap;cursor:pointer;color:var(--text-2)}.chip-on{background:var(--brand);border-color:var(--brand);color:#fff}.gallery{display:flex;gap:.4rem;overflow-x:auto;margin-top:.4rem}.gallery img{width:84px;height:84px;object-fit:cover;border-radius:8px;border:1px solid var(--border)}.spark{display:flex;align-items:flex-end;gap:3px;height:56px}.spark span{flex:1 1;background:var(--brand);border-radius:3px 3px 0 0;min-height:2px;opacity:.85}.spark span.today{opacity:1}