:root{--bg:#f7faf8;--panel:#fff;--text:#0f172a;--muted:#718096;--line:#e6edf0;--brand:#059669;--brand-soft:#e7f8ef;--ok:#059669;--low:#a16207;--out:#b42318;--soft:#f1f5f3}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);font-variant-numeric:lining-nums tabular-nums;margin:0;font-family:Arial,Segoe UI,Tahoma,sans-serif}button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.shell{width:min(100%,760px);min-height:100svh;margin:0 auto;padding:14px 14px 92px}.topbar{z-index:5;background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;padding:10px 2px 12px;display:flex;position:sticky;top:0}.topbar-actions{align-items:center;gap:8px;display:flex}.logout-button{color:var(--out)}.login-shell{place-items:center;padding-bottom:24px;display:grid}.shop-login{background:var(--panel);border:1px solid var(--line);border-radius:12px;gap:14px;width:min(100%,430px);padding:20px;display:grid;box-shadow:0 18px 60px #0f172a14}.shop-login h1,.shop-login p{margin:0}.shop-login h1{margin-top:4px;font-size:25px;line-height:1.2}.shop-login p{color:var(--muted);line-height:1.55}.eyebrow,.topbar h1,.view-header h2,.form h2,.item-card h3,.empty h3{margin:0}.eyebrow{color:var(--muted);letter-spacing:0;font-size:12px;font-weight:700}.topbar h1{font-size:23px;line-height:1.2}.icon-button,.tab,.primary,.secondary,.chip,.stepper button{cursor:pointer;border:0;border-radius:8px;min-height:48px}.icon-button{background:var(--panel);width:48px;color:var(--text);border:1px solid var(--line);place-items:center;display:grid}.summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px;display:grid}.metric{background:var(--panel);border:1px solid var(--line);border-radius:8px;align-content:space-between;min-width:0;min-height:104px;padding:12px 10px;display:grid}.metric span{color:var(--muted)}.metric small{color:var(--muted);margin-top:6px;font-size:12.5px;line-height:1.25;display:block}.metric strong{overflow-wrap:anywhere;margin-top:8px;font-size:18px;line-height:1.15;display:block}.money-value,.item-card strong,.price{direction:ltr;unicode-bidi:isolate}.metric.good{background:#e8f7ef;border-color:#addfc2}.metric.good span,.metric.good small,.metric.good strong{color:var(--ok)}.metric.bad{background:#fff0ed;border-color:#f1b5ac}.metric.bad span,.metric.bad small,.metric.bad strong{color:var(--out)}.metric.warn span,.metric.warn strong{color:var(--low)}.period{gap:8px;margin-bottom:12px;display:grid}.segmented{background:var(--panel);border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:5px;display:grid}.segmented button{min-height:42px;color:var(--muted);background:0 0;border:0;border-radius:7px;padding:0 8px;font-size:12.5px;font-weight:800}.segmented button.selected{background:var(--brand);color:#fff}.date-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.notice{color:#593d00;background:#fff8e6;border:1px solid #f2dfaa;border-radius:8px;align-items:center;gap:8px;margin-bottom:10px;padding:12px;display:flex}.content{gap:10px;display:grid}.view-header{justify-content:space-between;align-items:center;gap:12px;padding:6px 0;display:flex}.view-header h2{font-size:20px}.primary,.secondary{justify-content:center;align-items:center;gap:8px;padding:0 14px;font-weight:800;display:inline-flex}.primary{background:var(--brand);color:#fff}.primary:disabled{opacity:.42;cursor:not-allowed}.secondary{color:var(--text);background:#f1f5f3}.secondary.danger{color:var(--out);background:#ffe7e3}.small{min-height:46px}.item-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;margin-top:8px;padding:14px}.danger-card{background:#fff8f6;border-color:#f3b2aa}.card-main{justify-content:space-between;align-items:center;gap:12px;display:flex}.item-card h3{font-size:17px;line-height:1.35}.item-card p{color:var(--muted);margin:6px 0 0;font-size:13px}.badge{border-radius:999px;flex:none;padding:6px 9px;font-size:12px;font-weight:800}.badge.ok{color:var(--ok);background:#e7f6ed}.badge.low{color:var(--low);background:#fff4d8}.badge.out{color:var(--out);background:#ffe7e3}.price{margin-top:10px;font-size:20px;font-weight:900}.actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.actions .primary:only-child,.actions .primary:first-child{grid-column:1/-1}.mini-actions{justify-content:flex-start;margin-top:12px;display:flex}.mini-actions .secondary{min-height:40px;padding-inline:12px}.note{border-top:1px solid var(--line);padding-top:10px}.empty{min-height:280px;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:8px;display:grid}.empty h3{color:var(--text)}.dialog-scrim{z-index:40;background:#00000057;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.confirm-dialog{background:var(--panel);border:1px solid var(--line);border-radius:12px;width:min(100%,420px);padding:18px;box-shadow:0 20px 60px #17171738}.confirm-dialog h2{margin:0;font-size:20px}.confirm-dialog p{color:var(--muted);margin:10px 0 0;line-height:1.55}.dialog-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:18px;display:grid}.dialog-actions button{min-height:48px}.danger-button{background:var(--out)}.tabs{z-index:10;border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;border-radius:14px;grid-template-columns:repeat(3,1fr);gap:6px;width:min(100% - 24px,736px);padding:6px;display:grid;position:fixed;bottom:12px;right:50%;transform:translate(50%);box-shadow:0 12px 40px #17171721}.tab{color:var(--muted);background:0 0;place-items:center;gap:2px;display:grid}.tab span{font-size:13px;font-weight:800}.tab.active{background:var(--brand);color:#fff}.scrim{z-index:20;background:#00000047;align-items:end;display:grid;position:fixed;inset:0}.sheet{width:min(100%,760px);max-height:92svh;padding:14px 18px max(22px, env(safe-area-inset-bottom));background:var(--bg);border-radius:18px 18px 0 0;margin:0 auto;position:relative;overflow:auto}.sheet-top{z-index:2;background:var(--bg);justify-content:center;align-items:center;min-height:54px;margin:-14px -18px 10px;padding:10px 14px 6px;display:flex;position:sticky;top:0}.grabber{background:#cfd2ca;border:0;border-radius:999px;width:44px;height:5px;min-height:5px;margin:0 auto;padding:0;display:block}.close-button{border:1px solid var(--line);width:48px;min-height:48px;color:var(--text);z-index:3;background:#fff;border-radius:999px;place-items:center;display:grid;position:absolute;top:8px;left:14px;box-shadow:0 6px 18px #17171714}.form{gap:15px;display:grid}.form h2{font-size:22px;line-height:1.25}.field,.label{color:var(--muted);gap:7px;font-size:13px;font-weight:800;display:grid}.field input,.field select,.field textarea{width:100%;color:var(--text);border:1px solid var(--line);background:#fff;border-radius:8px;outline:none;padding:0 14px}.field input,.field select{min-height:54px}.field textarea{resize:vertical;min-height:132px;padding-block:12px;line-height:1.6}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #1717171a}.submit{width:100%;min-height:56px;margin-top:4px;font-size:17px}.subtle{color:var(--muted);font-size:13px;font-weight:700}.stepper{grid-template-columns:56px 1fr 56px;align-items:center;gap:12px;display:grid}.stepper button{border:1px solid var(--line);background:#fff;font-size:26px;font-weight:800}.stepper strong{text-align:center;font-size:28px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{min-height:48px;color:var(--text);background:#e8eae4;padding:0 14px;font-weight:800}.chip.selected{background:var(--brand);color:#fff}.spin{animation:.8s linear infinite spin}.product-combo{color:var(--muted);gap:7px;font-size:13px;font-weight:800;display:grid;position:relative}.combo-control{position:relative}.combo-control input{width:100%;min-height:54px;color:var(--text);border:1px solid var(--line);background:#fff;border-radius:8px;outline:none;padding:0 14px 0 56px}.combo-control input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #1717171a}.combo-toggle{width:44px;min-height:44px;color:var(--text);background:#f2f3ef;border:0;border-radius:8px;place-items:center;display:grid;position:absolute;top:50%;left:6px;transform:translateY(-50%)}.combo-toggle.open svg{transform:rotate(180deg)}.product-picker{border:1px solid var(--line);background:#fff;border-radius:8px;max-height:178px;padding:4px 0;display:grid;overflow:auto;box-shadow:0 10px 24px #1717171a}.product-action{border:0;border-bottom:1px solid var(--line);width:100%;min-height:38px;color:var(--text);background:#f7faf5;border-radius:0;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:800;display:inline-flex}.picker-divider{background:var(--line);height:1px}.product-option{text-align:right;width:100%;min-height:38px;color:var(--text);background:#fff;border:0;border-bottom:1px solid #f0f0ed;border-radius:0;padding:8px 12px;font-size:15px;font-weight:800;line-height:1.25}.product-option.selected{color:var(--ok);background:#edf8f1}.product-option:last-child{border-bottom:0}.picker-empty{color:var(--muted);background:#fff;border:0;margin:0;padding:10px 12px;line-height:1.4}.settings-form{gap:12px}.settings-section{border:1px solid var(--line);background:#fff;border-radius:8px;gap:10px;padding:12px;display:grid}.settings-section h3,.settings-section p{margin:0}.settings-section h3{font-size:17px}.settings-section p{color:var(--muted);font-size:13px;line-height:1.55}.toggle-field{min-height:48px;color:var(--text);justify-content:space-between;align-items:center;gap:12px;font-weight:800;display:flex}.toggle-field input{width:22px;height:22px;accent-color:var(--brand)}.connection-pill{width:fit-content;color:var(--out);background:#ffe7e3;border-radius:999px;padding:7px 11px;font-size:13px;font-weight:900}.connection-pill.connected{color:var(--ok);background:#e7f6ed}.recipient-editor{gap:9px;display:grid}.add-recipient{justify-self:start;width:fit-content;min-height:40px;padding-inline:12px}.recipient-list{gap:8px;display:grid}.recipient-list>p{border:1px dashed var(--line);color:var(--muted);background:#f7faf8;border-radius:8px;margin:0;padding:12px}.recipient-row{border:1px solid var(--line);background:#f7faf8;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.recipient-row div{gap:3px;display:grid}.recipient-row strong{font-size:15px}.recipient-row span{color:var(--muted);font-size:13px}.recipient-row button{min-height:38px;padding-inline:10px}.small-empty{min-height:150px}@keyframes spin{to{transform:rotate(360deg)}}.admin-shell{width:min(100%,1060px);min-height:100svh;margin:0 auto;padding:18px 14px 96px}.admin-login{background:var(--panel);border:1px solid var(--line);border-radius:12px;gap:14px;width:min(100%,430px);margin:8svh auto 0;padding:20px;display:grid}.admin-login h1,.admin-login p,.admin-topbar h1,.admin-panel h2,.admin-list h2,.shop-card h3,.admin-edit-dialog h2{margin:0}.admin-login p{color:var(--muted);line-height:1.5}.admin-topbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.admin-topbar h1{font-size:24px}.admin-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}.admin-grid{grid-template-columns:minmax(280px,360px) 1fr;align-items:start;gap:12px;display:grid}.admin-panel,.shop-card,.admin-edit-dialog{background:var(--panel);border:1px solid var(--line);border-radius:10px}.admin-panel{gap:14px;padding:16px;display:grid;position:sticky;top:12px}.admin-list{gap:10px;display:grid}.shop-card{gap:12px;padding:14px;display:grid}.shop-card-head{justify-content:space-between;gap:12px;display:flex}.shop-card-head p{color:var(--muted);margin:5px 0 0;font-size:13px}.shop-meta{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.shop-meta span{border:1px solid var(--line);min-height:44px;color:var(--muted);background:#f7f8f5;border-radius:8px;padding:8px;font-size:12px}.shop-meta b{color:var(--text);margin-top:3px;font-size:13px;display:block}.shop-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.admin-edit-dialog{width:min(100%,540px);max-height:90svh;padding:62px 18px 18px;position:relative;overflow:auto}.check-row{min-height:48px;color:var(--text);align-items:center;gap:10px;font-weight:800;display:flex}.check-row input{width:22px;height:22px}.simple-admin{width:min(100%,860px)}.simple-admin .admin-panel{margin-bottom:14px;position:static}.compact-summary .metric{min-height:86px}.simple-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.access-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.access-picker button{border:1px solid var(--line);min-height:44px;color:var(--text);background:#f2f3ef;border-radius:8px;font-weight:900}.access-picker button.selected{background:var(--brand);color:#fff}.simple-shop-card{gap:10px}.simple-expiry{border:1px solid var(--line);min-height:42px;color:var(--muted);background:#f7f8f5;border-radius:8px;align-items:center;gap:8px;padding:9px 10px;font-size:14px;display:flex}.simple-expiry b{color:var(--text)}.simple-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-console{background:#f7fafc;grid-template-columns:254px 1fr;min-height:100svh;display:grid}.admin-sidebar{border-left:1px solid var(--line);background:#fff;align-content:start;gap:18px;height:100svh;padding:22px 16px;display:grid;position:sticky;top:0}.admin-brand{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding-bottom:14px;display:flex}.admin-brand>span{background:var(--brand);color:#fff;border-radius:12px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.admin-brand strong,.admin-brand small{display:block}.admin-brand small{color:var(--muted);margin-top:3px;font-size:12px}.admin-nav{gap:8px;display:grid}.admin-nav button{color:#475569;text-align:right;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;min-height:48px;padding:0 12px;font-weight:800;display:flex}.admin-nav button.active{background:var(--brand-soft);color:var(--brand)}.admin-logout{color:#dc2626;background:#fff1f0;border:0;border-radius:10px;min-height:46px;font-weight:900;position:absolute;bottom:18px;left:16px;right:16px}.admin-main{min-width:0;padding:22px 24px 42px}.admin-page-head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.admin-page-head h1,.admin-page-head p,.admin-table-card h2,.admin-side-card h2{margin:0}.admin-page-head h1{font-size:24px}.admin-page-head p{color:var(--muted);margin-top:4px;font-size:13px}.admin-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.admin-stat{border:1px solid var(--line);background:#fff;border-radius:14px;align-content:space-between;min-height:96px;padding:18px;display:grid;box-shadow:0 8px 24px #0f172a0a}.admin-stat span{color:var(--muted);font-size:14px}.admin-stat strong{font-size:28px}.admin-stat.good{color:var(--ok);background:#ecfdf5;border-color:#c7f0db}.admin-stat.warn{color:#c2410c;background:#fff7ed;border-color:#fed7aa}.admin-stat.bad{color:var(--out);background:#fff1f2;border-color:#fecdd3}.dashboard-grid{grid-template-columns:1fr 360px;gap:18px;margin-bottom:18px;display:grid}.admin-table-card,.admin-side-card{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 8px 24px #0f172a0a}.admin-side-card{align-content:start;gap:18px;padding:18px;display:grid}.table-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:62px;padding:0 18px;display:flex}.link-button{border:1px solid var(--line);min-height:36px;color:var(--brand);background:#fff;border-radius:999px;padding:0 12px;font-weight:800}.shops-table{display:grid}.shop-row{border-bottom:1px solid #eef2f4;grid-template-columns:48px minmax(180px,1fr) 150px 112px auto;align-items:center;gap:12px;min-height:74px;padding:12px 18px;display:grid}.shop-row:last-child{border-bottom:0}.shop-avatar{background:var(--brand-soft);width:42px;height:42px;color:var(--brand);border-radius:12px;place-items:center;font-weight:900;display:grid}.shop-title strong,.shop-title span,.shop-expiry small,.shop-expiry b{display:block}.shop-title span,.shop-expiry small{color:var(--muted);margin-top:4px;font-size:12px}.status-pill{border:1px solid var(--line);color:#475569;border-radius:999px;width:fit-content;padding:6px 11px;font-size:12px;font-weight:900}.status-pill.ok{color:var(--ok);background:#ecfdf5;border-color:#bbf7d0}.status-pill.low{color:#c2410c;background:#fff7ed;border-color:#fed7aa}.status-pill.out{color:var(--out);background:#fff1f2;border-color:#fecdd3}.row-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.row-actions button{border:1px solid var(--line);color:#334155;background:#fff;border-radius:999px;min-height:34px;padding:0 10px;font-size:12px;font-weight:900}.row-actions .suspend{color:var(--out);background:#fff1f2}.row-actions .reactivate{background:var(--brand);color:#fff}.row-actions .delete{color:var(--out);background:#fff1f2;border-color:#fecdd3}.delete-shop-dialog{gap:12px;display:grid}.delete-shop-dialog p b{color:var(--out)}.progress-line{gap:8px;display:grid}.progress-line div{color:#475569;justify-content:space-between;display:flex}.progress-line i{background:#eef2f7;border-radius:999px;height:8px;overflow:hidden}.progress-line em{border-radius:inherit;height:100%;display:block}.progress-line em.good{background:#10b981}.progress-line em.warn{background:#f97316}.progress-line em.bad{background:#ef4444}.admin-empty{min-height:150px;color:var(--muted);place-items:center;display:grid}.admin-whatsapp-box{border:1px solid var(--line);background:#f7faf8;border-radius:8px;gap:10px;padding:12px;display:grid}.admin-whatsapp-box h3{margin:0;font-size:17px}.shops-toolbar{gap:14px;margin-bottom:14px;display:grid}.shops-toolbar .admin-panel{margin:0}.admin-filter-tabs{gap:8px;display:flex}.admin-filter-tabs button{border:1px solid var(--line);color:#64748b;background:#fff;border-radius:999px;min-height:42px;padding:0 18px;font-weight:900}.admin-filter-tabs button.active{background:var(--brand-soft);color:var(--brand);border-color:#c7f0db}@media (max-width:900px){.admin-console{display:block}.admin-sidebar{z-index:8;border-left:0;border-bottom:1px solid var(--line);height:auto;padding:12px;position:sticky;top:0}.admin-brand{padding-bottom:10px}.admin-nav{grid-template-columns:repeat(2,1fr)}.admin-logout{position:static}.admin-main{padding:16px 12px 34px}.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.shop-row{grid-template-columns:42px 1fr;align-items:start}.shop-expiry,.status-pill,.row-actions{grid-column:2}.row-actions{justify-content:flex-start}}@media (min-width:720px){.shell{padding-top:22px}.content{grid-template-columns:1fr}}@media (max-width:430px){.shell{padding-inline:10px}.summary{gap:6px}.metric{min-height:100px;padding:10px 7px}.metric small{font-size:11.5px}.metric strong{font-size:15px}.segmented{gap:4px}.segmented button{padding-inline:4px;font-size:11.5px}.sheet{padding-inline:14px}.sheet-top{margin-inline:-14px}.admin-shell{padding-inline:10px}.admin-grid{grid-template-columns:1fr}.admin-panel{position:static}.shop-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-actions,.simple-form-grid{grid-template-columns:1fr}.access-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.simple-actions{grid-template-columns:1fr}}