.portal-body{min-height:100vh;background:#eef3f1}.login-wrap{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.login-brand{background:var(--dark);color:white;padding:clamp(40px,7vw,110px);display:flex;flex-direction:column;justify-content:center}.login-brand .brand{color:white;position:absolute;top:70px}.login-brand .brand-mark{background:white;color:var(--dark)}.login-brand .brand small{color:#a9c5bd}.login-brand h1{font-size:clamp(46px,5vw,76px)}.login-brand p{color:#b9cdc7;font-size:19px;max-width:620px}.login-card{margin:auto;width:min(470px,88%);background:white;border-radius:28px;padding:42px;box-shadow:var(--shadow)}.login-card h2{font-size:42px;margin-bottom:25px}.login-card form{display:grid;gap:18px}.login-card label{display:grid;gap:7px;font-weight:750;font-size:14px}.login-card input{width:100%;padding:15px 16px;border:1px solid #cad7d3;border-radius:13px;font:inherit;outline:none}.login-card input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(28,105,90,.1)}.credentials{margin-top:22px;padding:16px;background:#f1f5f4;border-radius:14px;display:grid;font-size:13px}.back{display:inline-block;margin-top:20px;color:var(--muted);font-size:13px}.error{background:#fff0ee;color:#8c342b;padding:12px;border-radius:10px;margin-bottom:15px}
.portal-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{background:var(--dark);color:white;padding:28px 20px;display:flex;flex-direction:column}.sidebar .brand{color:white;margin-bottom:40px}.sidebar nav{display:grid;gap:8px}.sidebar nav a{padding:12px 14px;border-radius:12px;text-decoration:none;color:#c7d8d3}.sidebar nav a.active,.sidebar nav a:hover{background:#21453d;color:white}.sidebar .logout{margin-top:auto;color:#c7d8d3;text-decoration:none;padding:12px}.portal-main{padding:42px clamp(22px,4vw,60px);overflow:auto}.portal-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:34px}.portal-head h1{font-size:38px;margin:0}.portal-head p{margin:4px 0;color:var(--muted)}.avatar{width:45px;height:45px;border-radius:50%;background:#d8e7e2;display:grid;place-items:center;font-weight:850;color:var(--accent)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stat,.panel{background:white;border:1px solid #e1e8e6;border-radius:20px;padding:24px}.stat small{color:var(--muted)}.stat strong{display:block;font-size:30px;margin-top:8px}.panel{margin-top:20px}.panel-head{display:flex;align-items:center;justify-content:space-between}.panel h2{font-size:25px;margin:0}.appt{display:grid;grid-template-columns:80px 1fr auto;gap:18px;align-items:center;padding:17px 0;border-bottom:1px solid #edf1f0}.appt:last-child{border-bottom:0}.time{font-weight:850}.appt small{display:block;color:var(--muted)}.badge{font-size:12px;padding:6px 10px;border-radius:999px;background:#e8f2ef;color:var(--accent);font-weight:750}.patient-table{width:100%;border-collapse:collapse;margin-top:15px}.patient-table th,.patient-table td{text-align:left;padding:14px 10px;border-bottom:1px solid #edf1f0}.patient-table th{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.quick{display:flex;gap:10px;flex-wrap:wrap}.quick .btn{font-size:13px}
@media(max-width:850px){.login-wrap{grid-template-columns:1fr}.login-brand{min-height:360px}.login-brand .brand{position:static;margin-bottom:35px}.portal-shell{grid-template-columns:1fr}.sidebar{padding:16px 18px;position:sticky;top:0;z-index:5}.sidebar .brand{margin:0}.sidebar nav{display:flex;overflow:auto;margin-top:14px}.sidebar .logout{display:none}.stats{grid-template-columns:1fr}.portal-main{padding-top:28px}.appt{grid-template-columns:65px 1fr}.appt .badge{grid-column:2}.patient-table{min-width:650px}.table-wrap{overflow:auto}}

.portal-body>.powered{background:#e5ece9}
.portal-shell+.powered{background:#e5ece9}