:root {color-scheme:dark}
body:has(>main.box){margin:0;background:#1c222a;color:#e7eff7;font:16px/1.5 system-ui,sans-serif;min-height:100vh;display:grid;place-items:center}
.box{width:min(560px,calc(100% - 64px));padding:32px;background:#252e39;border:1px solid #415366;border-radius:20px;margin:32px auto;box-shadow:0 15px 55px #0005}
.box .brand{color:#69d3ef;font-size:24px;font-weight:800}.box h1{font-size:26px}.box h2{font-size:20px}.box label{display:block;margin:18px 0}.box input,.box select{display:block;box-sizing:border-box;width:100%;padding:12px;margin-top:7px;background:#17202a;border:1px solid #627589;border-radius:8px;color:#fff;font:inherit}.box input[type=hidden]{display:none}.box button,.redcom-session-bar button{padding:10px 16px;background:#167a9a;border:1px solid #4db3d0;border-radius:8px;color:white;font:inherit;cursor:pointer}.box a,.redcom-session-bar a{color:#76d9f4}.box table{width:100%;border-collapse:collapse}.box td,.box th{text-align:left;padding:8px;border-bottom:1px solid #465563}
.redcom-session-bar{display:flex;gap:18px;justify-content:flex-end;align-items:center;flex-wrap:wrap;padding:7px 20px;background:#14232e;color:#d7ecf6;font:13px system-ui,sans-serif}.redcom-session-bar form{margin:0}.redcom-session-bar button{padding:6px 10px;font-size:12px}
.portal-logo{display:block;width:min(300px,90%);height:auto;margin:0 auto 26px}.login-box{box-sizing:border-box;width:min(520px,calc(100% - 32px));padding:40px 28px}.login-box h1{text-align:center;font-size:27px;margin:0 0 28px}.login-box form{width:min(320px,100%);margin:0 auto}.login-box button{width:100%;margin-top:8px}.login-notice{font-size:14px;color:#ffd08a;text-align:center;line-height:1.5}@media(max-width:420px){.login-box{padding:30px 22px}.login-box h1{font-size:23px}}
.password-wrap{display:block;position:relative}.box .password-wrap input{padding-right:48px}.box .password-eye{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:38px;height:36px;margin:0;padding:7px;border:0;background:transparent;color:#8ed8eb;display:grid;place-items:center}.password-eye .eye-slash{display:none}.password-eye[aria-pressed=true] .eye-slash{display:block}.account-hint{font-size:13px;color:#afc5d5}.box:has(input[name=email]){width:min(740px,calc(100% - 64px))}.box td{overflow-wrap:anywhere}
.client-card{border:1px solid #455c6c;border-radius:10px;padding:16px;margin:16px 0}.client-card p{font-size:14px}.client-card small{overflow-wrap:anywhere;color:#a9c0d1}.client-card summary{cursor:pointer;color:#79d5ed}.box:has(.client-card){width:min(800px,calc(100% - 40px))}

.redcom-session-bar{gap:12px;padding:9px 24px;background:linear-gradient(180deg,#182e3c,#10212c);border-bottom:1px solid #355064;box-shadow:0 3px 10px #0004;min-height:60px}
.redcom-session-bar>span{color:#b9d2e2;margin-right:8px;font-size:12px}
.redcom-session-bar .admin-menu-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px;padding:6px 15px;color:#e8f7ff;text-decoration:none;font:600 13px "Segoe UI",sans-serif;background:linear-gradient(180deg,#41667e 0%,#28495f 47%,#19374d 51%,#244961 100%);border:1px solid #658ca4;border-radius:9px;box-shadow:inset 0 1px 1px #c3e9ff66,inset 0 -2px 2px #07182499,0 3px 4px #0007;cursor:pointer;transition:filter .15s,transform .15s;white-space:nowrap}
.redcom-session-bar .admin-menu-button svg{width:25px;height:25px;flex-shrink:0;filter:drop-shadow(0 1px 1px #0005)}
.redcom-session-bar a[href="/portal/clients"] svg,.redcom-session-bar a[href="/portal/accounts"] svg{width:34px;height:34px}.redcom-session-bar .admin-menu-button:hover{filter:brightness(1.15);transform:translateY(-1px)}.redcom-session-bar .admin-menu-button:active{transform:translateY(1px);box-shadow:inset 0 2px 4px #0007}.redcom-session-bar .admin-menu-button:focus-visible{outline:2px solid #8ee3ff;outline-offset:3px}
@media(max-width:600px){.redcom-session-bar{justify-content:center;padding:9px 12px;gap:9px}.redcom-session-bar>span{width:100%;text-align:center}.redcom-session-bar .admin-menu-button{padding:6px 10px;font-size:12px}}