:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#172d38;background:#f8fafb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}.login-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.intro{background:#103e43;color:#fff;padding:52px 11%;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;background-image:radial-gradient(ellipse at bottom left,#237068 0,transparent 65%)}.brand{display:inline-flex;align-items:center;gap:10px;font-size:19px;font-weight:750;letter-spacing:2px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid #75afa6;border-radius:10px;color:#9ce0c6;font-size:24px}.brand-small{font-size:11px;letter-spacing:1px;opacity:.65;border-left:1px solid #7d999b;padding-left:10px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#45857a}.intro .eyebrow{color:#a4d8c4}h1{font-size:clamp(30px,3.4vw,49px);font-weight:600;line-height:1.18;letter-spacing:-1.5px;margin:22px 0}.intro p{color:#c1d7d6;line-height:1.8;max-width:330px;font-size:16px}.intro-footer{font-size:12px;color:#b5cecc}.login-area{padding:60px 32px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}.login-card{width:100%;max-width:370px}h2{font-size:29px;letter-spacing:-.8px;margin:14px 0}.muted{color:#72818a;font-size:14px;line-height:1.6}.login-card form{margin-top:34px}label{display:block;font-size:13px;font-weight:600;margin:20px 0 9px}input{width:100%;padding:14px 15px;border:1px solid #d8e0e3;border-radius:7px;background:#fff;font:inherit;font-size:14px;color:#172d38}input:focus{outline:3px solid #bde5d9;border-color:#357d70}button{font:inherit;cursor:pointer;border:0;border-radius:7px;background:#176d5d;color:white;padding:15px 18px;font-size:14px;font-weight:600}button:hover{background:#105546}button:focus-visible,a:focus-visible{outline:3px solid #72b7a4;outline-offset:4px}.login-card button{margin-top:25px;width:100%;display:flex;justify-content:space-between}.help{margin-top:27px;text-align:center;font-size:12px;color:#7b878d;line-height:1.7}.page-footer{position:absolute;bottom:27px;font-size:11px;color:#8c979b}.alert{padding:12px 14px;background:#fff3dd;border:1px solid #ecd4a6;border-radius:7px;font-size:13px;line-height:1.5;margin-top:24px}.panel-header{background:white;border-bottom:1px solid #e3e9e9;padding:20px 6%;display:flex;justify-content:space-between;align-items:center}.panel-header .brand-mark{background:#103e43}.logout{padding:10px 20px}.panel-content{max-width:1100px;margin:65px auto;padding:0 28px}.panel-content h1{font-size:36px}.badge{display:inline-block;background:#e2f1eb;color:#246c58;font-size:12px;border-radius:30px;padding:8px 14px}.placeholder{margin-top:40px;background:white;border:1px solid #e0e7e7;border-radius:12px;padding:36px}.placeholder p{color:#71818a;line-height:1.7}.placeholder h2{font-size:24px}@media(max-width:760px){.login-layout{grid-template-columns:1fr}.intro{min-height:auto;padding:28px;gap:35px}.intro h1{font-size:32px}.intro-footer{display:none}.intro p{margin-bottom:0}.login-area{padding:42px 24px 75px}.panel-header{padding:16px}.brand{font-size:15px}.panel-content{margin-top:40px}}
.login-brand-logo{display:block;max-width:min(340px,100%);max-height:110px;object-fit:contain;object-position:left center}

button,a[href],summary,input[type="submit"],input[type="checkbox"]{cursor:pointer}button:disabled{cursor:not-allowed}
