:root{--portal-green:#086b5d;--portal-ink:#173a34;--portal-muted:#526860;--portal-surface:#fff;--portal-border:#cbd9d4;--portal-background:#eff5f1}
.portal-login{margin:0;min-height:100dvh;display:grid;place-items:center;background:var(--portal-background);color:var(--portal-ink);font:16px/1.5 system-ui,Segoe UI,sans-serif;padding:24px;box-sizing:border-box}
.login-card{width:min(100%,460px);box-sizing:border-box;border:1px solid var(--portal-border);border-radius:20px;background:var(--portal-surface);padding:32px;box-shadow:0 14px 48px #173a3410}
.login-brand{font-size:12px;letter-spacing:.14em;font-weight:750;color:var(--portal-green)}.login-card h1{font-size:28px;line-height:1.25;margin:18px 0 10px}.login-card p{margin:0 0 20px;color:var(--portal-muted)}
.preview-explanation{background:#e4f1eb;border:1px solid #b9d6c8;border-radius:12px;padding:16px;margin:24px 0}.preview-explanation strong{color:var(--portal-ink)}.preview-explanation p{font-size:14px;margin:8px 0 0;color:#38594f}
.login-card label{display:block;margin:18px 0 7px;font-weight:650;font-size:14px}.login-card input{width:100%;box-sizing:border-box;min-height:48px;padding:12px;border:1px solid #879f95;border-radius:9px;font:inherit;color:var(--portal-ink);background:#fff}
.password-row{display:flex;gap:8px}.password-row input{min-width:0}.login-card button,.portal-strip button{cursor:pointer;font:inherit;min-height:44px;border-radius:8px;border:1px solid var(--portal-border);padding:8px 12px;background:#fff;color:var(--portal-ink);transition:background .15s}.login-card button:hover,.portal-strip button:hover{background:#e4f1eb}.login-card button:disabled{opacity:.6;cursor:wait}
.login-card .login-submit{background:var(--portal-green);border-color:var(--portal-green);color:#fff;width:100%;min-height:48px;font-weight:700;margin:12px 0 18px}.login-card .login-submit:hover{background:#075749}.login-card .login-error{color:#a42329;margin:12px 0 0;min-height:24px;font-size:14px}.login-card .login-help{font-size:13px;margin:0}.login-card input:focus-visible,.login-card button:focus-visible,.portal-strip button:focus-visible{outline:3px solid #1e8270;outline-offset:3px}
.portal-strip{box-sizing:border-box;position:relative;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 20px;border-bottom:1px solid #b8d2c4;background:#e4f1eb;color:#173a34;font:14px/1.5 system-ui,Segoe UI,sans-serif;min-height:60px}.portal-strip button{flex:none}.portal-preview .app-shell{min-height:calc(100dvh - 60px)}.portal-preview .sidebar{height:calc(100dvh - 60px)}
@media(max-width:650px){.portal-preview .sidebar{height:auto}}
@media(max-width:520px){.portal-login{padding:16px}.login-card{padding:24px 20px}.portal-strip{padding:8px 12px;gap:8px;font-size:12px}.portal-strip strong{display:block}}
@media(prefers-reduced-motion:reduce){.login-card *,.portal-strip *{transition:none}}
.portal-admin .portal-strip{background:#fff4dd;border-color:#dbbd70;color:#654b11}.portal-admin .app-shell{min-height:calc(100dvh - 60px)}.portal-admin .sidebar{height:calc(100dvh - 60px)}
@media(max-width:650px){.portal-admin .sidebar{height:auto}}