:root{color-scheme:light;--ink:#15364c;--muted:#526370;--blue:#075aa8;--line:#dce5ee}
*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:40px 20px;background:#f0f6fb;color:var(--ink);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.card{position:relative;isolation:isolate;overflow:hidden;width:min(100%,720px);padding:32px 40px 0;background:white;border:1px solid var(--line);border-radius:20px;box-shadow:0 14px 50px #2147680c}.card.wide{width:min(100%,800px)}
header{display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{display:block;width:250px;max-width:70%;height:auto}.version{font-size:13px;color:var(--muted);white-space:nowrap}.portal-content{max-width:440px;margin:52px auto 0;position:relative;z-index:1}
h1{margin:0 0 12px;font-size:clamp(27px,4vw,34px);font-weight:700;line-height:1.18;letter-spacing:-.035em}h2{font-size:21px;line-height:1.3;letter-spacing:-.02em;margin:28px 0 10px}p{margin:0 0 26px;color:var(--muted)}label{display:block;margin:20px 0 7px;font-size:15px;font-weight:600}
input,button{width:100%;font:inherit;min-height:50px;border-radius:8px}input{padding:11px 13px;border:1px solid #94a9bb;background:#fff;color:var(--ink);min-width:0}button{border:0;margin-top:26px;padding:13px 18px;background:var(--blue);color:#fff;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px}button:hover{background:#064c8d}a{color:var(--blue);font-weight:600;text-underline-offset:4px}:is(input,button,a):focus-visible{outline:3px solid #007acc;outline-offset:3px}
small{font-size:13px;line-height:1.5;color:var(--muted);display:block;margin-top:6px}.notice{padding:14px 16px;border-radius:9px;margin:20px 0;overflow-wrap:anywhere}.error{background:#fff1ef;color:#8b302c;border:1px solid #f4d3ce}.success{background:#eaf7ef;color:#1f6240;border:1px solid #c2e4ce}.links{display:flex;flex-wrap:wrap;gap:20px;margin:16px 0}.status{display:grid;gap:10px;margin:24px 0;padding:18px;background:#f5f8fb;border:1px solid var(--line);border-radius:12px}.status div{display:grid;grid-template-columns:1fr auto;gap:3px 12px}.status small{grid-column:1/-1;margin:0}.status span{font-size:14px;overflow-wrap:anywhere}.secondary{display:block;text-align:center;margin-top:20px}
footer{position:relative;z-index:1;max-width:440px;margin:26px auto 0;font-size:12px;color:var(--muted)}.portal-art{position:relative;height:200px;margin:0 -40px;isolation:isolate;pointer-events:none}.portal-art::after{content:'';position:absolute;inset:0;z-index:2;background:url('/welle.svg?v=2.1') center bottom / 100% 90px no-repeat}.portal-art img{position:absolute;z-index:1;right:26px;bottom:12px;width:244px;height:auto}.wide .portal-content,.wide footer{max-width:620px}.portal-utility .portal-art{height:150px}.portal-utility .portal-art img{width:190px}
@media(max-width:560px){body{padding:16px 12px}.card{padding:25px 24px 0;border-radius:16px}.logo{width:205px;max-width:69%}header{gap:10px}.version{font-size:11px}.portal-content{margin-top:38px}h1{font-size:28px}footer{font-size:11px;margin-top:22px}.portal-art{height:164px;margin:0 -24px}.portal-art img{width:194px;right:12px}.status div{grid-template-columns:1fr}.status small{grid-column:1}.portal-utility .portal-art{height:130px}.portal-utility .portal-art img{width:165px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.brand-name{white-space:nowrap}

[hidden]{display:none!important}select{width:100%;min-height:50px;font:inherit;padding:11px 13px;border:1px solid #94a9bb;border-radius:8px;background:white;color:var(--ink)}select:focus-visible,summary:focus-visible{outline:3px solid #007acc;outline-offset:3px}.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.account-create{padding:0 0 32px;border-bottom:1px solid var(--line)}.account-record{margin:12px 0;border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}.account-record>summary{display:flex;align-items:center;gap:12px;list-style:none;cursor:pointer;padding:16px}.account-record>summary::-webkit-details-marker{display:none}.account-record>summary::after{content:'⌄';margin-left:auto}.account-record[open]>summary{border-bottom:1px solid var(--line);background:#f5f9fc}.account-avatar{width:42px;height:42px;flex:0 0 42px;display:inline-grid;place-items:center;border-radius:50%;background:#e4f2fc;color:var(--blue);font-weight:650}.account-summary{min-width:0;overflow-wrap:anywhere}.account-summary strong{display:block;line-height:1.4}.account-summary small{margin:3px 0 0}.account-status{font-size:12px;white-space:nowrap;padding:3px 9px;border-radius:20px;color:#286542;background:#eaf7ef}.account-status.inactive{color:#8b302c;background:#fff1ef}.account-record-content{padding:0 20px 22px}.account-action{padding:18px 0;border-top:1px solid var(--line);margin-top:22px}.account-action summary{cursor:pointer;color:var(--blue);font-weight:600}.account-action p{margin-top:18px}.account-profile{padding:20px;background:#f5f9fc;border:1px solid var(--line);border-radius:12px;margin-bottom:28px;overflow-wrap:anywhere}.account-profile h2{margin:12px 0 4px}.account-profile p{margin:0}.account-kind{margin:22px 0 0;font-weight:600}.notice:not(.error):not(.success){background:#edf6fd;border:1px solid #bdd9ed;color:#31506a}.account-list{padding-bottom:10px}.account-create h2{margin-top:30px}.account-record button{justify-content:center}
@media(max-width:560px){.account-grid{grid-template-columns:1fr;gap:0}.account-record>summary{gap:8px;padding:13px 10px;flex-wrap:wrap}.account-summary{flex:1;min-width:100px}.account-status{margin-left:50px}.account-record>summary::after{align-self:center}.account-record-content{padding:0 13px 18px}.account-avatar{width:36px;height:36px;flex-basis:36px}.portal-utility .portal-content{margin-top:30px}}