:root{--navy:#073b86;--blue:#075fd2;--turq:#08b99a;--mint:#d9f7ed;--soft:#eaf4ff;--ink:#101928;--muted:#607086;--line:#e4eaf1;--shadow:0 8px 28px rgba(21,52,85,.08);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;color:var(--ink);background:#edf4f8}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(150deg,#eef8fb,#f5fbff);font-size:14px}button,input{font:inherit}button{color:inherit}#app{min-height:100vh}.phone{position:relative;width:100%;max-width:430px;min-height:100dvh;margin:auto;background:#fbfdff;box-shadow:0 0 50px rgba(20,54,90,.12);padding-bottom:82px}.screen{min-height:calc(100dvh - 82px);padding:env(safe-area-inset-top) 18px 24px}.phone.no-pad .screen,.doctor-shell .screen{padding:0}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin:0 -18px 16px;padding:12px 18px 0}.topbar h1{font-size:18px;margin:0}.top-spacer,.icon-btn{width:40px;height:40px}.icon-btn{border:0;background:transparent;border-radius:50%;display:grid;place-items:center;cursor:pointer}.icon{display:inline-grid;place-items:center;font-size:23px;line-height:1}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:430px;height:76px;padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(4,1fr);background:rgba(255,255,255,.97);border-top:1px solid var(--line);z-index:10}.bottom-nav button{position:relative;border:0;background:none;color:#53657a;font-size:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.bottom-nav .icon{font-size:22px}.bottom-nav button.active{color:var(--blue);font-weight:700}.bottom-nav b{position:absolute;top:8px;right:27px;background:var(--turq);color:white;border-radius:99px;padding:1px 5px}.brand{display:flex;align-items:center;color:var(--navy);letter-spacing:1.3px;font-size:18px}.brand em{font-style:normal;color:#0ea7a3}.brand-mark{font-size:32px;color:var(--turq);margin-right:7px}.home-head{display:flex;justify-content:space-between;padding:32px 4px 20px}.home-head h2{font-size:22px;margin:24px 0 6px}.home-head p{margin:0;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.feature{height:150px;border:0;border-radius:17px;padding:18px;text-align:left;display:flex;flex-direction:column;cursor:pointer;box-shadow:var(--shadow)}.feature .icon{align-self:flex-start;font-size:38px;color:var(--blue);height:47px}.feature strong{font-size:15px;margin:auto 0 9px}.feature small{line-height:1.4}.feature.blue{background:linear-gradient(140deg,#e7f4ff,#c9e6ff)}.feature.mint{background:linear-gradient(140deg,#e8fff7,#cef4e7)}.feature.lavender{background:linear-gradient(140deg,#edf3ff,#dbe8ff)}.feature.gradient{background:linear-gradient(135deg,#0361c9,#08c090);color:#fff}.feature.gradient .icon{color:white}.tip{margin-top:20px;border:1px solid var(--line);background:#fff;border-radius:16px;padding:18px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow)}.tip p{line-height:1.55;margin:12px 0 0}.tip-shield{border:2px solid var(--turq);color:var(--turq);font-size:28px;padding:8px;border-radius:45%}.share-banner{width:100%;border:0;border-radius:15px;background:linear-gradient(115deg,#0758d7,#27cc84);color:white;display:flex;align-items:center;padding:17px;margin-bottom:18px;text-align:left}.share-banner .icon{font-size:32px;margin-right:18px}.share-banner span{display:flex;flex-direction:column;gap:5px}.share-banner strong{font-size:16px}.stack{display:flex;flex-direction:column;gap:9px}.list-row{width:100%;min-height:68px;border:1px solid var(--line);background:white;border-radius:14px;padding:10px 13px;display:flex;align-items:center;text-align:left;box-shadow:var(--shadow)}.row-icon{width:43px;height:43px;border-radius:50%;background:#eff6ff;color:var(--blue);display:grid;place-items:center;margin-right:12px}.row-icon .icon{font-size:22px}.row-copy{display:flex;flex-direction:column;gap:4px;flex:1}.row-copy strong{font-size:15px}.row-copy small,.doctor-card small,.chat small,.notification small,.patient-row small,.post small{display:block;color:var(--muted)}.chevron{font-size:25px;transform:rotate(180deg);color:var(--navy)}.share-hero{text-align:center;padding:18px 0 26px}.big-shield{width:92px;height:108px;margin:auto;border:3px solid var(--turq);border-radius:45% 45% 50% 50%;display:grid;place-items:center;color:var(--turq);filter:drop-shadow(10px 10px 15px #d6f5ef)}.big-shield .icon{font-size:42px}.share-hero h2{font-size:21px;margin:20px 0 8px}.share-hero p{color:#394a60;line-height:1.5}.section-label{font-size:14px;margin:18px 2px 10px}.primary{border:0;border-radius:11px;background:linear-gradient(100deg,var(--blue),var(--turq));color:#fff;font-weight:700;padding:14px 22px}.wide{width:100%;margin-top:16px}.privacy{text-align:center;color:var(--muted);font-size:12px}.privacy .icon{font-size:14px}.search{height:46px;border:1px solid #d8e0eb;border-radius:12px;background:white;padding:0 12px;display:flex;align-items:center;gap:9px}.search .icon{font-size:21px;color:#637891}.search input{border:0;outline:0;width:100%;background:transparent}.example{font-size:11px;color:var(--muted);padding:0 9px}.posts,.doctor-list{display:flex;flex-direction:column;gap:9px}.post{position:relative;display:flex;gap:10px;border:1px solid var(--line);border-radius:15px;background:#fff;padding:14px;box-shadow:var(--shadow)}.avatar{width:39px;height:39px;flex:0 0 39px;border-radius:50%;background:linear-gradient(140deg,#dcefff,#c8f4e6);display:grid;place-items:center;font-size:25px;overflow:hidden}.post>div{flex:1}.post p{font-weight:600;line-height:1.45;margin:10px 0}.post footer{display:flex;justify-content:space-between;align-items:center}.post footer span,.chips span{background:#e9f4ff;color:#0760bd;border-radius:7px;padding:5px 8px;font-size:11px}.post footer button,.dots{border:0;background:none;font-size:11px}.dots{position:absolute;right:9px;top:8px}.floating{position:fixed;bottom:89px;left:50%;transform:translateX(-50%);background:linear-gradient(100deg,#08b985,#08c9a1);color:white;border:0;border-radius:12px;padding:13px 27px;box-shadow:0 8px 22px rgba(0,175,135,.25);z-index:3}.filters{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:8px;margin:10px 0}.filters button{border:1px solid var(--line);background:white;border-radius:10px;padding:9px 5px;font-size:11px}.doctor-card{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid var(--line);background:white;border-radius:15px;box-shadow:var(--shadow)}.doctor-avatar{width:70px;height:70px;flex-basis:70px;font-size:49px}.doctor-card>div{flex:1;min-width:0}.doctor-card strong,.doctor-card span,.doctor-card em{display:block}.doctor-card strong{font-size:14px}.doctor-card .rating{font-size:12px;margin:5px 0}.doctor-card .rating:first-letter{color:#ffb800}.doctor-card em{color:#00a66e;font-size:11px;margin-top:5px}.doctor-card button,.patient-row>button{border:0;border-radius:8px;background:#e6f2ff;color:#075db9;padding:7px 10px;font-size:10px;white-space:nowrap}.profile-hero{height:140px;background:linear-gradient(120deg,#075cc8,#0574c9);border-radius:0 0 18px 18px;position:relative;color:white}.profile-hero .topbar{border:0;margin:0;padding:10px 18px}.profile-avatar{position:absolute;width:86px;height:86px;font-size:62px;bottom:-35px;left:25px;border:3px solid white}.doctor-profile{padding:50px 23px 100px;position:relative}.doctor-profile h2{font-size:21px;margin:0 0 4px}.doctor-profile>p{margin:5px 0}.doctor-profile .heart{position:absolute;right:23px;top:36px;border:0;background:none;color:var(--blue);font-size:32px}.doctor-meta{display:flex;flex-direction:column;gap:5px;font-size:12px}.doctor-meta em{color:#00a66e;font-style:normal}.doctor-profile hr{border:0;border-top:1px solid var(--line);margin:15px 0}.doctor-profile h3{font-size:14px;margin:15px 0 7px}.doctor-profile h3+p{color:#4c5d72;font-size:12px;line-height:1.5}.chips{display:flex;flex-wrap:wrap;gap:6px}.dual-actions{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:430px;background:white;border-top:1px solid var(--line);padding:14px 18px calc(14px + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 1fr;gap:10px}.dual-actions button{border:1px solid var(--blue);border-radius:11px;background:white;color:var(--blue);font-weight:700}.dual-actions .primary{color:white;border:0}.tabs{display:flex;justify-content:space-between;margin:8px 3px}.tabs button{border:0;background:none;padding:8px;font-size:11px}.tabs .active{color:var(--blue);background:#e5f0ff;border-radius:10px;font-weight:700}.chat-list{border-top:1px solid var(--line)}.chat{position:relative;width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;display:flex;gap:10px;padding:13px 3px;text-align:left}.chat>span{flex:1;min-width:0}.chat strong{display:block;margin-bottom:5px}.chat small{line-height:1.4}.chat time{font-size:10px;color:var(--muted)}.chat>b{position:absolute;right:4px;bottom:9px;background:var(--turq);color:white;border-radius:50%;padding:4px 7px}.notification-list{margin:0 -2px}.notification{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;display:flex;gap:12px;text-align:left;padding:17px 2px}.notification span{flex:1;line-height:1.4}.notification small{margin-top:5px}.notification i{font-style:normal}.profile-card{width:100%;display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:white;border-radius:14px;padding:13px;text-align:left;box-shadow:var(--shadow)}.profile-card>span{display:flex;flex:1;flex-direction:column;gap:5px}.compact{gap:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}.compact .list-row{border:0;border-radius:0;box-shadow:none;min-height:56px}.compact .list-row+.list-row{border-top:1px solid var(--line)}.compact .row-icon{width:28px;height:28px;background:none;margin-right:8px}.portal-switch{display:block;margin:22px auto 0;border:0;background:none;color:var(--blue);font-weight:700}.doctor-head{background:linear-gradient(135deg,#0664c9,#0754bb);color:#fff;padding:env(safe-area-inset-top) 18px 18px;border-radius:0 0 18px 18px}.doctor-top{display:flex;justify-content:space-between}.doctor-head h2{margin:8px 0 4px}.doctor-head p{margin:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:20px}.stats button{background:#fff;border:0;border-radius:11px;padding:14px 5px;color:var(--ink)}.stats strong,.stats small{display:block}.stats strong{font-size:24px}.stats small{font-size:9px;margin-top:4px}.dash-body{padding:18px}.section-head{display:flex;justify-content:space-between;align-items:center}.section-head h3{font-size:14px}.section-head button{border:0;background:none;color:var(--blue);font-size:11px}.patient-row{display:flex;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.patient-row>span{flex:1}.patient-row strong,.patient-row small{display:block}.new-patient{margin-top:28px}.generic{padding-top:15px}.generic h2{text-align:center}.record-summary{text-align:center;padding:15px}.record-summary .icon{font-size:35px;color:var(--blue)}.record-summary h2{font-size:40px;margin:6px}.record-summary p{color:var(--muted)}.record{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:13px;background:white;padding:15px}.record strong,.record small{display:block}.record small{color:var(--muted);margin-top:5px}.record>span{background:#e0f8ee;color:#00865e;border-radius:7px;padding:6px 8px;font-size:10px}.conversation{display:flex;flex-direction:column;gap:12px}.date{text-align:center;color:var(--muted);font-size:11px}.bubble{max-width:80%;padding:12px 14px;border-radius:16px;line-height:1.45;margin:0}.bubble.in{background:white;border:1px solid var(--line);align-self:flex-start}.bubble.out{background:var(--blue);color:white;align-self:flex-end}.composer{position:fixed;bottom:0;left:50%;transform:translateX(-50%);max-width:430px;width:100%;padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:white;border-top:1px solid var(--line);display:flex;gap:8px}.composer input{flex:1;border:1px solid var(--line);border-radius:22px;padding:11px 15px}.composer button{border-radius:50%;width:42px;height:42px;padding:0}.modal-wrap{position:fixed;z-index:50;inset:0;background:rgba(6,22,44,.4);display:flex;align-items:flex-end;justify-content:center}.modal{width:100%;max-width:430px;background:white;border-radius:22px 22px 0 0;padding:12px 22px calc(24px + env(safe-area-inset-bottom));box-shadow:0 -10px 40px rgba(0,0,0,.18)}.grab{width:42px;height:5px;border-radius:5px;background:#d7dee7;margin:0 auto 18px}.modal h2{text-align:center}.modal>p{text-align:center;color:var(--muted);line-height:1.5}.field{display:flex;flex-direction:column;gap:7px;margin:20px 0}.field span{font-weight:700}.field input{height:47px;border:1px solid var(--line);border-radius:10px;padding:0 12px}.text-btn{width:100%;border:0;background:none;color:var(--muted);padding:13px}.qr{width:150px;height:150px;margin:18px auto;background:repeating-linear-gradient(45deg,#09274d 0 5px,#fff 5px 10px);border:14px solid white;box-shadow:0 0 0 1px var(--line);display:grid;place-items:center}.qr .icon{font-size:65px;background:white}#toast{position:fixed;z-index:90;left:50%;bottom:90px;transform:translate(-50%,20px);background:#0d243c;color:white;padding:11px 18px;border-radius:99px;opacity:0;transition:.25s;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}@media(min-width:700px){body{padding:24px}.phone{min-height:calc(100dvh - 48px);border-radius:36px;overflow:hidden;border:7px solid #111}.bottom-nav,.floating,.dual-actions,.composer{bottom:24px;max-width:416px}.modal{border-radius:22px;margin-bottom:24px}.doctor-profile{padding-bottom:130px}}