:root{--teal: #0ea5a5;--teal-dark: #0b8080;--ink: #12303a;--text: #1f3a44;--muted: #6b8793;--bg: #f4f9f9;--card: #ffffff;--border: #e2eef0;--accent: #0ea5a5;--amber: #f59e0b;--green: #16a34a;--shadow: 0 6px 20px rgba(14, 90, 90, .08)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:inherit;text-decoration:none}.site{display:flex;flex-direction:column;min-height:100vh}main{flex:1}.container{max-width:1120px;margin:0 auto;padding:28px 20px 60px}.container.narrow{max-width:820px}.muted{color:var(--muted)}.small{font-size:.85rem}.nav{background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.nav-inner{max-width:1120px;margin:0 auto;padding:0 20px;height:64px;display:flex;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:8px;font-size:1.35rem;font-weight:800;color:var(--ink)}.logo,.brand-name .accent{color:var(--teal)}.nav-links{display:flex;gap:22px;margin-left:12px;flex:1}.nav-links a{color:var(--text);font-weight:600;padding:6px 0;border-bottom:2px solid transparent}.nav-links a.active,.nav-links a:hover{color:var(--teal);border-color:var(--teal)}.cart-btn{position:relative;display:inline-flex;align-items:center;gap:8px;background:var(--teal);color:#fff;padding:9px 16px;border-radius:10px;font-weight:600}.cart-btn:hover{background:var(--teal-dark)}.badge{position:absolute;top:-6px;right:-6px;background:var(--amber);color:#fff;font-size:.72rem;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:grid;place-items:center;padding:0 5px}.nav-right{display:flex;align-items:center;gap:14px}.signin-link{color:var(--text);font-weight:600}.signin-link:hover{color:var(--teal)}.account{position:relative}.account-btn{display:inline-flex;align-items:center;gap:8px;background:#eef7f7;border:1px solid var(--border);border-radius:999px;padding:5px 12px 5px 5px;cursor:pointer;font-weight:600;color:var(--ink)}.account-btn:hover{border-color:var(--teal)}.avatar{width:28px;height:28px;border-radius:50%;background:var(--teal);color:#fff;display:grid;place-items:center;font-weight:800;font-size:.9rem}.account-name{font-size:.92rem}.caret{font-size:.7rem;color:var(--muted)}.account-menu{position:absolute;right:0;top:calc(100% + 8px);background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 30px #0e5a5a29;min-width:210px;padding:8px;z-index:30}.account-head{padding:10px 12px;border-bottom:1px solid var(--border);margin-bottom:6px}.account-full{font-weight:700;color:var(--ink)}.account-menu a,.account-menu button{display:block;width:100%;text-align:left;padding:10px 12px;border-radius:8px;border:none;background:none;cursor:pointer;font-size:.95rem;color:var(--text);font-weight:600}.account-menu a:hover,.account-menu button:hover{background:#eef7f7;color:var(--teal)}.auth-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:30px;max-width:440px;margin:20px auto;box-shadow:var(--shadow)}.auth-card h1{color:var(--ink);font-size:1.6rem}.auth-form{margin-top:18px}.auth-toggle{margin-top:16px;text-align:center;color:var(--muted);font-size:.95rem}.auth-toggle button{border:none;background:none;color:var(--teal);font-weight:700;cursor:pointer;font-size:.95rem}.auth-card .continue{margin-top:16px}.signin-nudge{background:#eef7f7;border:1px solid var(--border);border-radius:10px;padding:12px 16px;margin:12px 0 4px;font-size:.95rem}.signin-nudge a{color:var(--teal);font-weight:700}.orders-list{display:flex;flex-direction:column;gap:16px;margin-top:20px}.order-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:18px;box-shadow:var(--shadow)}.order-head{display:flex;justify-content:space-between;align-items:flex-start}.order-no{font-weight:800;color:var(--ink)}.order-status{background:#e7f6ee;color:var(--green);font-weight:700;font-size:.8rem;padding:4px 12px;border-radius:999px;text-transform:capitalize}.order-items{margin:12px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:10px 0;display:flex;flex-direction:column;gap:6px}.order-item{display:flex;justify-content:space-between;font-size:.92rem}.order-foot{display:flex;justify-content:space-between;align-items:center}.order-foot b{font-size:1.15rem;color:var(--ink)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:10px;font-weight:700;cursor:pointer;border:none;font-size:1rem;transition:transform .12s,background .2s}.btn-primary{background:var(--teal);color:#fff}.btn-primary:hover:not(:disabled){background:var(--teal-dark);transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:default}.btn-ghost{background:#fff;color:var(--teal);border:1.5px solid var(--teal)}.btn-ghost:hover{background:#eaf7f7}.full{width:100%;margin-top:14px}.hero{background:linear-gradient(135deg,#0ea5a5,#0b8080);color:#fff}.hero-inner{max-width:1120px;margin:0 auto;padding:56px 20px;display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center}.pill{display:inline-block;background:#ffffff29;padding:6px 14px;border-radius:999px;font-size:.82rem;font-weight:600;margin-bottom:16px}.hero-copy h1{font-size:clamp(2rem,5vw,3.1rem);font-weight:800;letter-spacing:-.02em}.hero-copy p{margin-top:14px;font-size:1.1rem;color:#ffffffe6;max-width:460px}.hero-cta{margin-top:26px;display:flex;gap:12px;flex-wrap:wrap}.hero-cta .btn-ghost{background:#ffffff1f;color:#fff;border-color:#ffffff80}.hero-cta .btn-ghost:hover{background:#ffffff38}.hero-art{position:relative;height:260px}.art-card{position:absolute;background:#fff;color:var(--ink);border-radius:16px;padding:16px 20px;font-weight:700;box-shadow:0 12px 30px #0000002e;display:flex;align-items:center;gap:10px;font-size:1.05rem}.art-card span{font-size:.95rem}.art-1{top:10px;left:20px;font-size:1.6rem}.art-2{top:100px;right:10px;font-size:1.6rem}.art-3{bottom:6px;left:60px;font-size:1.6rem}.features{max-width:1120px;margin:-30px auto 0;padding:0 20px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative;z-index:5}.feature{background:#fff;border:1px solid var(--border);border-radius:14px;padding:18px;display:flex;gap:12px;align-items:flex-start;box-shadow:var(--shadow)}.feature-icon{font-size:1.6rem}.feature h3{font-size:1rem}.split{max-width:1120px;margin:40px auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.split-card{border-radius:18px;padding:30px;color:#fff;box-shadow:var(--shadow);transition:transform .15s}.split-card:hover{transform:translateY(-3px)}.split-med{background:linear-gradient(135deg,#0ea5a5,#14b8a6)}.split-lab{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.split-emoji{font-size:2.4rem}.split-card h2{margin-top:8px;font-size:1.6rem}.split-card p{color:#ffffffe6;margin-top:4px}.split-link{display:inline-block;margin-top:14px;font-weight:700}.catalog-head h1{font-size:1.9rem;color:var(--ink)}.toolbar{margin:20px 0 24px;display:flex;flex-direction:column;gap:14px}.search{width:100%;max-width:460px;padding:12px 16px;border:1px solid var(--border);border-radius:10px;font-size:1rem;background:#fff}.search:focus{outline:2px solid var(--teal);border-color:transparent}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--border);background:#fff;color:var(--text);padding:7px 14px;border-radius:999px;cursor:pointer;font-size:.88rem;font-weight:600}.chip:hover{border-color:var(--teal)}.chip-on{background:var(--teal);color:#fff;border-color:var(--teal)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow);transition:transform .12s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0e5a5a24}.card-thumb{height:120px;display:grid;place-items:center;font-size:3rem;position:relative}.thumb-med{background:linear-gradient(135deg,#e6fbf9,#d1f5f0)}.thumb-test{background:linear-gradient(135deg,#eef0ff,#e6e9ff)}.rx{position:absolute;top:10px;left:10px;background:#ef4444;color:#fff;font-size:.7rem;font-weight:800;padding:3px 7px;border-radius:6px}.off{position:absolute;top:10px;right:10px;background:var(--green);color:#fff;font-size:.72rem;font-weight:700;padding:3px 8px;border-radius:6px}.card-body{padding:14px 16px 16px;display:flex;flex-direction:column;flex:1}.card-cat{font-size:.76rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.card-name{font-size:1.02rem;margin:4px 0 2px;color:var(--ink)}.card-unit{font-size:.82rem;color:var(--muted)}.test-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;font-size:.76rem;color:var(--muted)}.card-desc{font-size:.85rem;color:var(--text);margin:10px 0 14px;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-foot{display:flex;align-items:center;justify-content:space-between}.price{font-size:1.25rem;font-weight:800;color:var(--ink)}.mrp{font-size:.85rem;color:var(--muted);text-decoration:line-through;margin-left:6px;font-weight:500}.add-btn{background:var(--teal);color:#fff;border:none;padding:8px 18px;border-radius:9px;font-weight:700;cursor:pointer;transition:background .2s}.add-btn:hover{background:var(--teal-dark)}.add-btn.added{background:var(--green)}.state{padding:40px;text-align:center;color:var(--muted)}.state.error{color:#b91c1c}.cart-list{margin:20px 0;display:flex;flex-direction:column;gap:10px}.cart-row{display:grid;grid-template-columns:auto 1fr auto auto auto;gap:14px;align-items:center;background:#fff;border:1px solid var(--border);border-radius:12px;padding:12px 16px}.cart-emoji{font-size:1.6rem}.cart-name{font-weight:600;color:var(--ink)}.qty{display:flex;align-items:center;gap:10px}.qty button{width:30px;height:30px;border-radius:8px;border:1px solid var(--border);background:#fff;font-size:1.1rem;cursor:pointer}.qty button:hover{border-color:var(--teal);color:var(--teal)}.cart-line{font-weight:700;min-width:60px;text-align:right}.remove{border:none;background:none;color:var(--muted);cursor:pointer;font-size:1rem}.remove:hover{color:#ef4444}.summary{background:#fff;border:1px solid var(--border);border-radius:14px;padding:20px;max-width:380px;margin-left:auto}.summary-row{display:flex;justify-content:space-between;padding:6px 0}.summary-row.total{border-top:1px solid var(--border);margin-top:8px;padding-top:12px;font-size:1.2rem;font-weight:800;color:var(--ink)}.continue{display:block;text-align:center;margin-top:12px;color:var(--teal);font-weight:600}.empty{text-align:center;padding-top:60px}.empty-emoji{font-size:3.5rem}.empty h2{margin:12px 0 6px}.empty-cta{display:flex;gap:12px;justify-content:center;margin-top:20px;flex-wrap:wrap}.checkout-grid{display:grid;grid-template-columns:1.3fr .9fr;gap:24px;margin-top:20px}.checkout-form{background:#fff;border:1px solid var(--border);border-radius:14px;padding:22px}.checkout-form h3{margin-bottom:14px;color:var(--ink)}.field{margin-bottom:14px;display:flex;flex-direction:column;gap:5px}.field label{font-size:.85rem;font-weight:600;color:var(--text)}.field input,.field textarea{padding:11px 14px;border:1px solid var(--border);border-radius:9px;font-size:1rem;font-family:inherit;background:#fff}.field input:focus,.field textarea:focus{outline:2px solid var(--teal);border-color:transparent}.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.order-summary{background:#fff;border:1px solid var(--border);border-radius:14px;padding:22px;align-self:start}.order-summary h3{margin-bottom:14px;color:var(--ink)}.os-row{display:flex;justify-content:space-between;padding:5px 0;font-size:.95rem}.os-div{height:1px;background:var(--border);margin:10px 0}.os-total{font-size:1.15rem;font-weight:800;color:var(--ink)}.confirm{text-align:center;padding-top:50px}.confirm-check{width:72px;height:72px;border-radius:50%;background:var(--green);color:#fff;font-size:2.4rem;display:grid;place-items:center;margin:0 auto 18px}.confirm-box{background:#fff;border:1px solid var(--border);border-radius:14px;padding:20px;max-width:420px;margin:22px auto}.confirm-row{display:flex;justify-content:space-between;padding:8px 0}.rx-block,.pay-block{background:#f7fbfb;border:1px solid var(--border);border-radius:12px;padding:16px;margin:16px 0}.rx-block h3,.pay-block h3{color:var(--ink);margin-bottom:6px}.rx-tag{background:#ef4444;color:#fff;font-size:.7rem;font-weight:800;padding:2px 8px;border-radius:6px;vertical-align:middle}.rx-block input[type=file]{margin-top:10px;font-size:.9rem}.pay-opt{display:flex;gap:10px;align-items:flex-start;padding:10px;border:1px solid var(--border);border-radius:10px;margin-top:8px;cursor:pointer;background:#fff}.pay-opt.disabled{opacity:.55;cursor:not-allowed}.pay-opt input{margin-top:3px}.track-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:20px;margin:16px 0;box-shadow:var(--shadow)}.track-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.track-status{background:#e7f6ee;color:var(--green);font-weight:700;padding:5px 14px;border-radius:999px;font-size:.85rem}.track-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.confirm-head{text-align:center;padding:20px 0 6px}.confirm-head .confirm-check{margin:0 auto 12px}.timeline{display:flex;justify-content:space-between;position:relative}.timeline:before{content:"";position:absolute;top:15px;left:24px;right:24px;height:2px;background:var(--border);z-index:0}.tl-step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px;flex:1}.tl-dot{width:32px;height:32px;border-radius:50%;background:#fff;border:2px solid var(--border);display:grid;place-items:center;font-weight:700;font-size:.85rem;color:var(--muted)}.tl-step.done .tl-dot{background:var(--teal);border-color:var(--teal);color:#fff}.tl-step.current .tl-dot{box-shadow:0 0 0 4px #0ea5a52e}.tl-label{font-size:.72rem;text-align:center;color:var(--muted);max-width:70px}.tl-step.done .tl-label{color:var(--ink);font-weight:600}.rx-review-banner{background:#fff8e1;border:1px solid #ffe0a3;color:#8a6100;border-radius:10px;padding:14px 16px}.status-pill{display:inline-block;padding:6px 16px;border-radius:999px;font-weight:700}.pill-cancelled{background:#fde8e8;color:#b91c1c}.pill-return_requested{background:#fff3d6;color:#92660a}.pill-refunded{background:#eef2ff;color:#4f46e5}.order-status{text-transform:capitalize}.st-delivered{color:var(--green)}.st-cancelled{color:#b91c1c}.st-awaiting_prescription{color:#92660a}.st-shipped,.st-packed,.st-processing,.st-confirmed{color:var(--teal)}.staff-head{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px;margin-bottom:6px}.staff-head h1{color:var(--ink)}.rx-queue{display:flex;flex-direction:column;gap:14px}.rx-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:16px;box-shadow:var(--shadow)}.rx-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.rx-items{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.rx-item{background:#eef7f7;border-radius:8px;padding:4px 10px;font-size:.85rem}.rx-actions{display:flex;gap:10px;flex-wrap:wrap}.admin-orders{display:flex;flex-direction:column;gap:12px}.admin-order{background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px;box-shadow:var(--shadow);flex-wrap:wrap}.ao-actions{display:flex;gap:8px;flex-wrap:wrap}.btn-sm{padding:7px 12px;font-size:.85rem}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.pay-config{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:12px 16px;margin-bottom:16px;box-shadow:var(--shadow);flex-wrap:wrap}.recon-box{background:#fff8e1;border:1px solid #ffe0a3;border-radius:12px;padding:14px 16px;margin-bottom:16px}.recon-box h3{color:#8a6100;margin-bottom:8px}.recon-row{display:flex;align-items:center;gap:12px;padding:6px 0;border-top:1px solid #ffe9bf}.recon-type{font-weight:700;font-size:.85rem;color:#92660a}.pay-detail{background:#fff;border:1px solid var(--border);border-radius:12px;padding:16px;margin-top:16px;box-shadow:var(--shadow)}.pay-detail-head{display:flex;justify-content:space-between;align-items:center}.pay-audit{margin-top:10px;display:flex;flex-direction:column;gap:4px}.pay-audit-row{font-size:.85rem;font-family:ui-monospace,monospace;color:var(--text)}.pay-paid{color:var(--green);font-weight:700}.pay-pending{color:#92660a}.pay-refunded{color:#4f46e5}.footer{background:#0c2a32;color:#cfe3e6;margin-top:40px}.footer-inner{max-width:1120px;margin:0 auto;padding:30px 20px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.brand-row{display:flex;align-items:center;gap:8px;font-size:1.2rem}.footer .muted{color:#8fb3ba}@media (max-width: 860px){.hero-inner{grid-template-columns:1fr}.hero-art{display:none}.features{grid-template-columns:repeat(2,1fr)}.split,.checkout-grid{grid-template-columns:1fr}}@media (max-width: 520px){.features{grid-template-columns:1fr}.cart-row{grid-template-columns:auto 1fr auto;row-gap:8px}.cart-line{grid-column:2 / 3;text-align:left}}