:root{--portal-ink:#173230;--portal-muted:#667b78;--portal-primary:#197a70;--portal-dark:#105f57;--portal-soft:#e8f4f1;--portal-line:#dce8e5;--portal-surface:#fff;--portal-bg:#f4f8f7}
*{box-sizing:border-box}.patient-portal,.portal-guest{margin:0;color:var(--portal-ink);background:var(--portal-bg);font-family:Inter,"Segoe UI",Arial,sans-serif}.portal-top{position:sticky;top:0;z-index:20;height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,env(safe-area-inset-left));background:rgba(255,255,255,.94);border-bottom:1px solid var(--portal-line);backdrop-filter:blur(14px)}.portal-top>div{display:flex;align-items:center;gap:10px}.portal-logo{height:46px;display:flex;align-items:center;gap:10px;color:var(--portal-ink)}.portal-logo img{display:block;max-width:154px;max-height:42px;object-fit:contain}.portal-logo>span,.portal-auth-brand>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--portal-soft);color:var(--portal-primary)}.portal-logo strong{font-family:Georgia,serif;font-size:20px}.portal-profile-link,.portal-install{display:flex;align-items:center;gap:7px;border:0;background:transparent;color:var(--portal-muted);font-weight:700;padding:9px;border-radius:10px}.portal-install{color:var(--portal-primary);cursor:pointer}.portal-profile-link:hover,.portal-install:hover{background:var(--portal-soft);color:var(--portal-primary)}.portal-desktop-nav{display:none}.portal-content{width:min(100%,1120px);min-height:calc(100vh - 190px);margin:auto;padding:28px 18px 120px}.portal-page-heading{margin:2px 0 24px}.portal-page-heading h1,.portal-auth-heading h1{margin:7px 0 8px;font-family:Georgia,serif;font-size:clamp(32px,7vw,46px);font-weight:500;letter-spacing:-1px}.portal-page-heading>p:last-child,.portal-auth-heading>p:last-child{margin:0;color:var(--portal-muted);line-height:1.55}.portal-notices{display:grid;gap:10px;margin-bottom:18px}.portal-notices article{display:flex;gap:12px;padding:16px;border:1px solid #f0d9a6;border-radius:15px;background:#fff8e9;color:#715015}.portal-notices svg{flex:0 0 auto}.portal-notices p{margin:4px 0 0;line-height:1.5}.portal-dashboard-grid,.portal-package-grid,.portal-exercise-grid,.portal-medication-grid,.portal-payment-list,.portal-profile-grid{display:grid;gap:14px}.portal-feature-card,.portal-package,.portal-exercise,.portal-medication,.portal-payment,.portal-profile-card,.portal-contact-card,.portal-contact-details,.portal-section,.portal-quick-links,.portal-list{background:var(--portal-surface);border:1px solid var(--portal-line);border-radius:18px;box-shadow:0 10px 32px rgba(29,73,68,.055)}.portal-feature-card{display:grid;gap:8px;min-height:210px;padding:21px}.portal-feature-card>span{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:var(--portal-soft);color:var(--portal-primary)}.portal-feature-card>small{color:var(--portal-muted)}.portal-feature-card>strong{font-size:25px}.portal-feature-card>p{margin:0;color:var(--portal-muted);line-height:1.45}.portal-feature-card>a,.portal-card-actions a{margin-top:auto;color:var(--portal-primary);font-size:13px;font-weight:800}.portal-feature-card.primary{color:#fff;background:linear-gradient(145deg,#11665e,#21877c);border:0}.portal-feature-card.primary>span{background:rgba(255,255,255,.15);color:#fff}.portal-feature-card.primary>small,.portal-feature-card.primary>p,.portal-feature-card.primary a{color:#def3ef}.portal-card-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:auto}.portal-feature-card.attention{border-color:#efc9ce}.portal-quick-links{display:grid;margin-top:14px;overflow:hidden}.portal-quick-links>a{display:grid;grid-template-columns:42px 1fr 22px;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--portal-line)}.portal-quick-links>a:last-child{border:0}.portal-quick-links>a>svg:first-child{padding:10px;width:42px;height:42px;border-radius:12px;background:var(--portal-soft);color:var(--portal-primary)}.portal-quick-links span{display:grid;gap:3px}.portal-quick-links small{color:var(--portal-muted)}.portal-section{padding:18px;margin-bottom:16px}.portal-section>h2{font-size:18px;margin:0 0 15px}.portal-list{display:grid;overflow:hidden}.portal-list article,.compact-list article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:15px;border-bottom:1px solid var(--portal-line)}.portal-list article:last-child{border:0}.portal-list p{margin:4px 0 0;color:var(--portal-muted);font-size:13px}.portal-appointment time{display:grid;place-items:center;width:54px;height:60px;border-radius:13px;background:var(--portal-soft);color:var(--portal-primary)}.portal-appointment time b{font-size:21px}.portal-appointment time span{font-size:10px}.portal-status{display:inline-flex;width:max-content;padding:5px 9px;border-radius:99px;background:var(--portal-soft);color:var(--portal-primary);font-size:10px;font-weight:800}.portal-status.success{background:#e5f5ec;color:#21734b}.portal-status.danger{background:#fcecef;color:#a62e42}.portal-status.muted{background:#edf1f0;color:#667774}.portal-icon-link,.portal-list-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;color:var(--portal-primary);background:var(--portal-soft)}.portal-empty{min-height:210px;display:grid;place-items:center;align-content:center;gap:9px;text-align:center;color:var(--portal-muted);background:#fff;border:1px dashed #cbdad7;border-radius:18px;padding:25px}.portal-empty>svg{width:36px;height:36px;color:var(--portal-primary)}.portal-empty strong{color:var(--portal-ink)}.portal-empty p{margin:0}.portal-empty.compact{min-height:100px}.portal-package,.portal-payment,.portal-medication,.portal-profile-card,.portal-contact-card,.portal-contact-details{padding:21px}.portal-package>div:first-child{display:flex;justify-content:space-between;gap:10px;align-items:center}.portal-package>strong{display:block;margin:20px 0 10px;font-size:24px}.portal-package p{color:var(--portal-muted);font-size:13px}.portal-progress{height:9px;overflow:hidden;border-radius:99px;background:#e6eeec}.portal-progress span{display:block;height:100%;border-radius:inherit;background:var(--portal-primary)}.portal-warning{display:flex;gap:12px;margin-bottom:16px;padding:14px 16px;border-radius:14px;background:#fff8e9;color:#715015}.portal-warning svg{flex:0 0 auto}.portal-warning p{margin:0;line-height:1.5}.portal-exercise{overflow:hidden}.portal-exercise>header,.portal-medication>header{display:flex;align-items:center;gap:12px;padding:18px;border-bottom:1px solid var(--portal-line)}.portal-exercise>header>span:first-child,.portal-medication>header>span{display:grid;place-items:center;flex:0 0 43px;height:43px;border-radius:12px;background:var(--portal-soft);color:var(--portal-primary)}.portal-exercise header>div,.portal-medication header>div{flex:1}.portal-exercise h2,.portal-medication h2{font-size:18px;margin:3px 0}.portal-exercise header small,.portal-medication header small{text-transform:capitalize;color:var(--portal-muted)}.portal-exercise>p,.portal-exercise>aside,.portal-exercise>dl,.portal-exercise>.portal-secondary,.portal-exercise>footer{margin-left:18px;margin-right:18px}.portal-exercise>p{line-height:1.65}.portal-exercise dl,.portal-payment dl{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.portal-exercise dl div,.portal-payment dl div{padding:11px;border-radius:11px;background:var(--portal-bg)}dt{color:var(--portal-muted);font-size:10px;text-transform:uppercase;font-weight:800}dd{margin:4px 0 0;font-weight:800}.portal-exercise aside,.portal-medication aside{padding:13px;border-radius:12px;background:#f1f7f5;color:var(--portal-muted);line-height:1.5}.portal-exercise>footer,.portal-medication>footer{padding:15px 0;color:var(--portal-muted);font-size:11px}.portal-secondary,.portal-primary,.portal-whatsapp{display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:12px 17px;border:0;border-radius:12px;font-weight:800;text-align:center}.portal-secondary{border:1px solid var(--portal-line);color:var(--portal-primary)}.portal-medication>strong,.portal-medication>p,.portal-medication>aside,.portal-medication>footer{display:block;margin-left:18px;margin-right:18px}.portal-medication>strong{margin-top:18px;font-size:22px}.portal-medication>p{color:var(--portal-muted)}.portal-payment.attention{border-color:#edbcc5}.portal-payment>div:first-child{display:flex;justify-content:space-between}.portal-payment h2{font-size:17px}.portal-contact-card{text-align:center;display:grid;justify-items:center;gap:7px}.portal-contact-card>span{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--portal-soft);color:var(--portal-primary)}.portal-contact-card h2{margin:6px 0 16px}.portal-whatsapp,.portal-primary{color:#fff;background:var(--portal-primary)}.portal-contact-details{margin-top:14px}.portal-contact-details p{display:flex;gap:10px;color:var(--portal-muted)}.portal-profile-card h2{margin-top:0}.portal-profile-card dl{display:grid;gap:12px}.portal-profile-card dl div{padding-bottom:12px;border-bottom:1px solid var(--portal-line)}.portal-profile-card>p{color:var(--portal-muted);font-size:13px}.portal-form{display:grid;gap:17px}.portal-form label{display:grid;gap:7px;font-size:13px;font-weight:800}.portal-form label>small{color:var(--portal-muted);font-weight:500;line-height:1.4}.portal-form input{width:100%;height:50px;padding:0 14px;border:1px solid #c8d8d5;border-radius:12px;background:#fff;color:var(--portal-ink);font:inherit;outline:0}.portal-form input:focus{border-color:var(--portal-primary);box-shadow:0 0 0 3px rgba(25,122,112,.13)}.portal-password{position:relative;display:block}.portal-password input{padding-right:50px}.portal-password button{position:absolute;right:6px;top:6px;width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:9px;background:transparent;color:var(--portal-muted);cursor:pointer}.portal-password button:hover{background:var(--portal-soft);color:var(--portal-primary)}.portal-logout{margin-top:16px}.portal-logout button{display:flex;align-items:center;gap:8px;border:0;background:transparent;color:#a62e42;font-weight:800;padding:12px;cursor:pointer}.portal-footer{padding:24px 18px 100px;text-align:center;color:var(--portal-muted);font-size:12px}.portal-footer a{color:inherit;text-decoration:none}.portal-bottom-nav{position:fixed;z-index:30;left:0;right:0;bottom:0;height:72px;padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(5,1fr);background:rgba(255,255,255,.97);border-top:1px solid var(--portal-line);box-shadow:0 -7px 25px rgba(29,73,68,.08)}.portal-bottom-nav a{display:grid;place-items:center;align-content:center;gap:3px;color:var(--portal-muted);font-size:9px;font-weight:700}.portal-bottom-nav a svg{width:21px;height:21px}.portal-bottom-nav a.active{color:var(--portal-primary)}
.portal-auth{min-height:calc(100vh - 60px);display:grid;align-content:center;padding:22px}.portal-auth-brand{display:grid;justify-items:center;gap:12px;text-align:center;padding:20px}.portal-auth-brand img{max-width:min(260px,70vw);max-height:105px;object-fit:contain}.portal-auth-brand>span{width:58px;height:58px}.portal-auth-brand>strong{font:500 28px Georgia,serif}.portal-auth-brand>p{margin:0;color:var(--portal-muted)}.portal-auth-card{width:min(100%,470px);margin:auto;padding:25px;background:#fff;border:1px solid var(--portal-line);border-radius:21px;box-shadow:0 20px 55px rgba(29,73,68,.1)}.portal-auth-heading{margin-bottom:24px}.portal-auth-links{display:flex;justify-content:space-between;gap:15px}.portal-auth-links a,.portal-back{color:var(--portal-primary);font-size:13px;font-weight:800;text-align:center}.portal-help-box{display:flex;gap:12px;padding:15px;margin-bottom:18px;border-radius:14px;background:var(--portal-soft);color:var(--portal-muted)}.portal-help-box p{margin:0;line-height:1.5}.portal-guest>.portal-footer{padding:20px}
@media(min-width:700px){.portal-dashboard-grid{grid-template-columns:repeat(2,1fr)}.portal-package-grid,.portal-medication-grid,.portal-payment-list,.portal-profile-grid{grid-template-columns:repeat(2,1fr)}.portal-exercise-grid{grid-template-columns:repeat(2,1fr)}.portal-auth{grid-template-columns:minmax(300px,440px) minmax(360px,520px);justify-content:center;gap:50px}.portal-auth-card{padding:38px}.portal-footer{padding-bottom:30px}}
@media(min-width:960px){.portal-top{padding-left:max(32px,calc((100vw - 1120px)/2));padding-right:max(32px,calc((100vw - 1120px)/2))}.portal-desktop-nav{height:52px;display:flex;align-items:center;gap:28px;padding:0 max(32px,calc((100vw - 1120px)/2));background:#fff;border-bottom:1px solid var(--portal-line)}.portal-desktop-nav a{height:52px;display:flex;align-items:center;border-bottom:2px solid transparent;color:var(--portal-muted);font-size:13px;font-weight:800}.portal-desktop-nav a.active{color:var(--portal-primary);border-color:var(--portal-primary)}.portal-bottom-nav{display:none}.portal-content{padding:38px 0 48px}.portal-footer{padding-bottom:28px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.portal-payment-history{margin-top:18px}
.patient-portal{max-width:100%;overflow-x:hidden}.portal-top{gap:12px}.portal-logo{flex:1 1 auto;min-width:0;overflow:hidden}.portal-logo img{max-width:min(154px,100%)}.portal-top-actions{flex:0 0 auto;min-width:0}.portal-install svg,.portal-profile-link svg{flex:0 0 auto}.portal-bottom-nav{width:100%;max-width:100vw;grid-template-columns:repeat(5,minmax(0,1fr));overflow:hidden}.portal-bottom-nav a,.portal-bottom-nav button{min-width:0;display:grid;place-items:center;align-content:center;gap:3px;border:0;background:transparent;color:var(--portal-muted);font:700 9px Inter,"Segoe UI",Arial,sans-serif;cursor:pointer}.portal-bottom-nav a span,.portal-bottom-nav button span{max-width:100%;overflow:hidden;text-overflow:ellipsis}.portal-bottom-nav button svg{width:21px;height:21px}.portal-bottom-nav button.active,.portal-bottom-nav button[aria-expanded=true]{color:var(--portal-primary)}
.portal-menu-backdrop{position:fixed;z-index:38;inset:0;visibility:hidden;opacity:0;background:rgba(13,38,35,.42);backdrop-filter:blur(2px);transition:opacity .22s ease,visibility .22s ease}.portal-mobile-menu{position:fixed;z-index:40;top:0;right:0;bottom:0;width:min(86vw,350px);visibility:hidden;transform:translateX(102%);display:flex;flex-direction:column;padding:max(20px,env(safe-area-inset-top)) 18px max(92px,calc(76px + env(safe-area-inset-bottom)));background:#fff;box-shadow:-18px 0 50px rgba(19,50,47,.2);transition:transform .25s ease,visibility .25s ease}.portal-menu-open{overflow:hidden}.portal-menu-open .portal-menu-backdrop{visibility:visible;opacity:1}.portal-menu-open .portal-mobile-menu{visibility:visible;transform:translateX(0)}.portal-mobile-menu>header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:4px 3px 20px;border-bottom:1px solid var(--portal-line)}.portal-mobile-menu>header small{color:var(--portal-primary);font-size:10px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}.portal-mobile-menu>header h2{margin:5px 0 0;font:500 27px Georgia,serif}.portal-mobile-menu>header button{flex:0 0 auto;width:42px;height:42px;display:grid;place-items:center;border:0;border-radius:12px;background:var(--portal-soft);color:var(--portal-primary);cursor:pointer}.portal-mobile-menu>nav{display:grid;padding-top:12px}.portal-mobile-menu>nav a{display:grid;grid-template-columns:42px minmax(0,1fr) 20px;align-items:center;gap:12px;min-height:62px;padding:9px 7px;border-bottom:1px solid var(--portal-line);color:var(--portal-ink);font-size:14px;font-weight:800}.portal-mobile-menu>nav a>svg:first-child{width:42px;height:42px;padding:10px;border-radius:12px;background:var(--portal-soft);color:var(--portal-primary)}.portal-mobile-menu>nav a>svg:last-child{width:18px;color:#91a29f}.portal-mobile-menu>nav a.active{color:var(--portal-primary)}
@media(max-width:600px){.portal-top{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}.portal-logo img{max-width:min(160px,100%)}.portal-profile-link span{display:none}.portal-profile-link,.portal-install{padding:8px}.portal-top-actions{gap:4px}}
@media(max-width:390px){.portal-logo img{max-width:min(142px,100%)}.portal-install span{display:none}}
@media(max-width:959px){.portal-footer{position:fixed;z-index:31;left:0;right:0;bottom:0;height:calc(34px + env(safe-area-inset-bottom));display:flex;align-items:flex-start;justify-content:center;padding:8px 12px env(safe-area-inset-bottom);background:#fff;border-top:1px solid var(--portal-line);white-space:nowrap}.portal-bottom-nav{bottom:calc(34px + env(safe-area-inset-bottom));height:72px;padding-bottom:0}.portal-content{padding-bottom:160px}.portal-mobile-menu{padding-bottom:max(120px,calc(112px + env(safe-area-inset-bottom)))}}
@media(min-width:960px){.portal-menu-backdrop,.portal-mobile-menu{display:none}}