.app-shell[hidden],#account-root[hidden]{display:none!important}
.account-screen{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(340px,.95fr) minmax(420px,1fr);background:#f5f7f4;color:#163c40}
.account-brand-panel{background:#073f46;color:#fff;padding:48px clamp(28px,5vw,80px);position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:720px}
.account-brand{display:flex;align-items:center;gap:13px;color:inherit;text-decoration:none;font-size:27px;font-weight:800;letter-spacing:1px;position:relative;z-index:1}
.account-brand img{background:#fff;border-radius:12px;padding:5px}.account-brand small{display:block;font-size:11px;letter-spacing:3.5px;font-weight:500;line-height:1.3}
.account-intro{position:relative;z-index:1;margin-top:68px;max-width:470px}.account-eyebrow{color:#cfe19c;font-size:11px;letter-spacing:1.8px;font-weight:700}
.account-intro h1{font-size:clamp(30px,3.3vw,48px);line-height:1.14;letter-spacing:-1.2px;margin:16px 0 20px;color:#fff}.account-intro p{font-size:16px;line-height:1.7;color:#e0edeb;max-width:350px}
.account-course-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:23px}.account-course-tags span{font-size:11px;padding:8px 11px;border:1px solid #95b5ae70;border-radius:30px;background:#073f4670}
.account-hero{position:absolute;inset:42% 0 0;background:linear-gradient(#073f46 0%,#073f4666 30%,#073f4633 70%,#073f46 100%),url('images/hero-hospital-operations.webp') center/cover;opacity:.72}
.account-entry{display:flex;align-items:center;justify-content:center;padding:38px clamp(22px,5vw,84px)}.account-form-card{width:100%;max-width:440px}.account-form-card h2{font-size:29px;line-height:1.2;letter-spacing:-.6px;margin:0 0 12px;color:#123f45}.account-lead{color:#567175;font-size:14px;line-height:1.65;margin:0 0 22px}
.account-tabs{display:flex;gap:4px;padding:4px;background:#e6ede9;border-radius:12px;margin:22px 0}.account-tabs button{border:0;background:none;padding:12px;flex:1;border-radius:9px;color:#516c70;font-size:14px;font-weight:650;cursor:pointer}.account-tabs [aria-pressed=true]{background:#fff;color:#064f58;box-shadow:0 2px 6px #153f4510}
#account-form{display:flex;flex-direction:column}#account-form label{font-size:13px;font-weight:700;margin:15px 0 7px}#account-form>label:first-child{margin-top:0}#account-form input{width:100%;height:48px;min-width:0;border:1px solid #b7ccca;border-radius:9px;background:#fff;color:#123f45;font:inherit;font-size:16px;padding:11px 13px;box-sizing:border-box}#account-form small{color:#6a7e80;font-size:11px;line-height:1.5;margin-top:6px}
.account-pin-field{position:relative;display:flex;align-items:center}.account-pin-field input{padding-right:83px!important;letter-spacing:6px}.account-pin-field button{position:absolute;right:4px;top:4px;height:40px;border:0;background:#eef5f2;color:#195660;border-radius:6px;font-size:11px;padding:0 12px;cursor:pointer}
.account-primary,.account-guest{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;padding:12px 18px;border-radius:10px;font:inherit;font-size:14px;font-weight:700;cursor:pointer;text-align:center;line-height:1.4}.account-primary{background:#075663;border:1px solid #075663;color:#fff}.account-primary:hover{background:#06444e}.account-guest{background:transparent;border:1px solid #b7ccc5;color:#184d53;margin-top:12px}.account-guest:hover{background:#e8f0eb}.account-guest span{margin-left:auto}.account-primary:disabled,.account-guest:disabled{opacity:.6;cursor:wait}.account-primary:focus-visible,.account-guest:focus-visible,.account-tabs button:focus-visible,#account-form input:focus-visible,.account-link:focus-visible,.account-pin-field button:focus-visible{outline:3px solid #9abf35;outline-offset:3px}
.account-error{color:#9b283c;font-size:13px;line-height:1.5;margin:12px 0;min-height:0}.account-error:empty{display:none}.account-error+[type=submit]{margin-top:20px}.account-divider{display:flex;align-items:center;gap:13px;margin:24px 0 0;color:#6b8081;font-size:12px}.account-divider:before,.account-divider:after{content:'';height:1px;background:#d4dfd9;flex:1}.account-footnote{font-size:11px;line-height:1.6;color:#687d7c;margin:18px 0 0}.account-link{display:block;border:0;background:none;color:#075663;text-decoration:underline;text-underline-offset:3px;font:inherit;font-size:13px;cursor:pointer;margin:18px auto 0;padding:8px}.account-top-button{min-height:38px;max-width:150px;border:1px solid #cbded7;background:#edf4ef;border-radius:9px;padding:7px 13px;color:#0e4e57;font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
.account-dialog{border:1px solid #c8d9d2;border-radius:18px;padding:30px;width:min(440px,calc(100vw - 28px));max-height:calc(100dvh - 40px);box-sizing:border-box;overflow:auto;color:#173e43;background:#fff}.account-dialog::backdrop{background:#052f3b88}.account-dialog h2{font-size:23px;margin:0 24px 18px 0;overflow-wrap:anywhere}.account-dialog p{font-size:14px;line-height:1.6}.account-dialog .account-footnote{font-size:11px}.account-dialog-close{position:absolute;right:10px;top:10px;background:none;border:0;font-size:28px;width:44px;height:44px;cursor:pointer;color:#214c53}.account-sync-status{background:#edf5f1;border-radius:8px;padding:12px;font-size:12px!important}.account-conflicts{list-style:none;padding:0;max-height:40vh;overflow:auto}.account-conflicts li{border:1px solid #b7ceca;border-radius:9px;padding:12px;margin:12px 0;font-size:12px}.account-conflicts div{margin-top:10px}.account-conflicts span{color:#547b78;font-weight:700}.account-conflicts p{white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0 0;max-height:100px;overflow:auto}.profile-card strong{overflow-wrap:anywhere}.profile-card small[data-account-status]{white-space:normal;font-size:10px}
@media(max-width:800px){.account-screen{grid-template-columns:1fr}.account-brand-panel{min-height:0;padding:24px}.account-intro{margin-top:26px;max-width:540px}.account-intro h1{font-size:28px;max-width:380px;margin-bottom:12px}.account-intro p{display:none}.account-hero{display:none}.account-course-tags{margin-top:16px}.account-course-tags span{font-size:10px;padding:6px 9px}.account-entry{padding:28px 22px 40px;align-items:start}.account-form-card{max-width:470px}.account-form-card h2{font-size:25px}.account-brand{font-size:22px}.account-brand img{width:35px;height:35px}.account-brand small{font-size:9px}.account-eyebrow{font-size:9px}.account-tabs{margin:18px 0}.account-top-button{max-width:110px}}
@media(max-width:360px){.account-brand-panel{padding:21px}.account-intro h1{font-size:25px}.account-entry{padding:25px 19px 35px}.account-top-button{max-width:80px;padding:6px 9px}}
@media(prefers-reduced-motion:reduce){.account-screen *{scroll-behavior:auto!important}}