:root{--bg: #faf6f0;--ink: #3a2e2e;--primary: #128a56;--accent: #e05252;--blue: #4a90d9;--warn: #d9793a;--muted: #8a7d78;--border: #eadfd8;--card: #ffffff}*{box-sizing:border-box;margin:0}html,body{height:100%}body{font:15px/1.45 Nunito,system-ui,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}#root{max-width:560px;margin:0 auto;min-height:100%;display:flex;flex-direction:column}.screen{padding:14px 16px calc(20px + env(safe-area-inset-bottom));flex:1}h1{font-size:21px;font-weight:900}h2{font-size:16px;font-weight:800;margin:14px 0 8px}.muted{color:var(--muted)}.small{font-size:13px}.tiny{font-size:11px}.bold{font-weight:800}.row{display:flex;gap:8px;align-items:center}.grow{flex:1}.spread{display:flex;justify-content:space-between;align-items:center}.center{text-align:center}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px;margin-bottom:10px}.card.tap{cursor:pointer}.card.tap:active{transform:scale(.99)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px 18px;border-radius:99px;border:1px solid var(--primary);background:var(--primary);color:#fff;font-weight:800;font-size:14px;cursor:pointer;width:100%}.btn.ghost{background:#fff;color:var(--primary)}.btn.red{background:var(--accent);border-color:var(--accent)}.btn.xs{min-height:34px;padding:4px 12px;font-size:13px;width:auto}.btn:disabled{opacity:.5;cursor:default}.input{width:100%;min-height:46px;padding:10px 14px;border:1.5px solid var(--border);border-radius:12px;font:inherit;background:#fff}.input:focus{outline:none;border-color:var(--primary)}.input.sm{min-height:38px;width:110px;padding:6px 10px}.chip{display:inline-flex;align-items:center;gap:4px;padding:3px 11px;border-radius:99px;font-size:12px;font-weight:800;background:#f4e9e2;color:var(--ink)}.chip.green{background:#e2f4ec;color:var(--primary)}.chip.red{background:#fbe4e4;color:var(--accent)}.chip.warn{background:#f9ecdf;color:var(--warn)}.chip.blue{background:#e6effa;color:var(--blue)}.chip.toggle{cursor:pointer;border:1px solid transparent}.chip.toggle.off{background:#fff;border-color:var(--border);color:var(--muted);font-weight:700}.tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;margin-bottom:10px}.tabs button{flex-shrink:0;border:1px solid var(--border);background:#fff;border-radius:99px;padding:7px 14px;font-weight:800;font-size:13px;cursor:pointer;color:var(--ink)}.tabs button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.badge-dot{min-width:18px;height:18px;border-radius:99px;background:var(--accent);color:#fff;font-size:11px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;padding:0 5px}.item{padding:8px 0;border-bottom:1px dashed var(--border)}.item:last-child{border-bottom:none}.chat{display:flex;flex-direction:column;gap:8px;max-height:44vh;overflow-y:auto;padding:4px 0}.msg{max-width:82%;padding:9px 13px;border-radius:14px;font-size:14px}.msg.pharm{align-self:flex-end;background:var(--primary);color:#fff;border-bottom-right-radius:4px}.msg.buyer{align-self:flex-start;background:#fff;border:1px solid var(--border);border-bottom-left-radius:4px}.msg img{max-width:100%;border-radius:10px;display:block;margin-top:4px}.msg .t{font-size:10px;opacity:.7;margin-top:3px}.topbar{position:sticky;top:0;z-index:5;background:var(--bg);padding:12px 0 8px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border);margin-bottom:10px}.back{width:40px;height:40px;border-radius:99px;border:1px solid var(--border);background:#fff;font-size:18px;cursor:pointer}.otp-row{display:flex;gap:8px;justify-content:center;margin:18px 0}.otp-box{width:46px;height:54px;text-align:center;font-size:22px;font-weight:800;border:1.5px solid var(--border);border-radius:12px}.otp-box:focus{outline:none;border-color:var(--primary)}.err{color:var(--accent);font-size:13px;margin-top:6px}