:root{color-scheme:dark;--bg:#101820;--panel:#17222e;--line:#354353;--muted:#a8b9c9;--accent:#f04448;--teal:#72dfcc}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f0f4f8;font:16px/1.5 system-ui,sans-serif}button,input,select{font:inherit}button,a,input,select{border-radius:12px}button,a{touch-action:manipulation}button{cursor:pointer;background:#233241;color:#f0f4f8;padding:12px 18px;border:1px solid var(--line);font-weight:650}button:hover{border-color:#8599aa}button:disabled{opacity:.5;cursor:wait}input,select{background:#101820;border:1px solid #586a7d;padding:13px;color:inherit;width:100%}input:focus,button:focus-visible,select:focus{outline:3px solid var(--teal);outline-offset:3px}label{display:grid;gap:8px}.muted,small{color:var(--muted)}.primary{background:var(--accent);color:white;border-color:var(--accent)}.brand{display:flex;gap:13px;align-items:center}.brand img{width:54px;height:54px;border-radius:14px}.brand strong{display:block}.brand small{font-size:12px}.login{max-width:440px;margin:8vh auto;padding:26px}.login .card{margin-top:28px;padding:25px}.login form{display:grid;gap:20px}.login h1{font-size:30px;margin:25px 0 8px}.card{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:22px}.layout{display:grid;grid-template-columns:250px 1fr;min-height:100dvh}.sidebar{background:#111d27;border-right:1px solid var(--line);padding:25px 16px;display:flex;flex-direction:column;gap:26px}.sidebar nav{display:grid;gap:8px}.sidebar nav button{background:none;border-color:transparent;text-align:left}.sidebar nav button[aria-current=page]{background:#3e252d;border-color:#a0404a}.workspace{padding:28px clamp(16px,3vw,50px);min-width:0}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:28px}.toolbar h1{margin:3px 0;font-size:clamp(25px,3vw,34px)}.actions{display:flex;gap:9px;align-items:center}.search{display:grid;grid-template-columns:1fr 200px;gap:15px;margin-bottom:22px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.record{display:flex;flex-direction:column;align-items:stretch;gap:15px;text-align:left;background:var(--panel);padding:22px;border:1px solid var(--line);border-radius:18px}.record strong{font-size:19px}.record .data{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.record small{font-weight:400}.badge{display:inline-block;background:#203c3e;color:#a9f5e7;padding:3px 10px;border-radius:20px;font-size:12px}.empty{padding:40px 20px;text-align:center;color:var(--muted)}details.systems{position:relative}details.systems summary{padding:12px;border:1px solid var(--line);border-radius:12px;cursor:pointer;list-style:none}details.systems .system-links{position:absolute;right:0;top:54px;z-index:50;min-width:270px;background:#1b2c3b;border:1px solid var(--line);border-radius:14px;padding:9px;box-shadow:0 16px 30px #0008}details.systems a{display:block;padding:12px;color:inherit;text-decoration:none}details.systems a:hover{background:#30465a}details.systems a[aria-current=true]{background:#3f3039}.status{background:#20373d;padding:12px 16px;border:1px solid #3f656c;border-radius:12px;margin-bottom:20px;font-size:14px}dialog{width:min(700px,calc(100vw - 28px));max-height:85dvh;background:var(--panel);border:1px solid #7792a9;border-radius:20px;color:inherit;padding:24px}dialog::backdrop{background:#0009}dialog header{display:flex;justify-content:space-between;align-items:center;gap:15px}dl{display:grid;grid-template-columns:minmax(120px,1fr) 2fr;gap:10px;margin-top:24px}dt{color:var(--muted)}dd{margin:0;overflow-wrap:anywhere}#notice:not(:empty){position:fixed;bottom:20px;left:50%;transform:translateX(-50%);width:min(600px,90vw);background:#48302a;color:white;border:1px solid #ab7563;padding:18px;border-radius:14px;z-index:100}#menu{display:none}@media(max-width:760px){.layout{display:block}.sidebar{position:fixed;inset:0 auto 0 0;width:min(300px,85vw);z-index:60;transform:translateX(-100%);transition:transform .15s}.layout.menu-open .sidebar{transform:none;box-shadow:0 0 0 100vmax #0008}#menu{display:block}.workspace{padding:18px 16px}.search{grid-template-columns:1fr}.toolbar{align-items:flex-start}.actions{flex-wrap:wrap}.cards{grid-template-columns:1fr}.login{margin:2vh auto}.system-links{max-width:85vw}dl{grid-template-columns:1fr}dd{margin-bottom:12px}.toolbar h1{font-size:26px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Unified account access */
.hub-access{background:radial-gradient(ellipse at top right,#51243b55,transparent 55%),#0c141e}.hub-access .login{max-width:720px!important;margin:4vh auto;padding:24px}.hub-access .brand img{width:49px;height:49px}.hub-access .login>h1{font-size:clamp(28px,5vw,38px);line-height:1.15;margin-top:24px}.hub-access #hub-content{margin-top:24px;padding:clamp(20px,5vw,32px);background:linear-gradient(145deg,#1a2b3b,#14212e)}.hub-access #hub-content>h2{font-size:23px;margin:0 0 10px}.hub-access #hub-content>p{color:#afc1d0;font-size:14px}.access-form{display:grid;gap:17px!important;margin:22px 0 16px}.access-form label{font-size:14px;position:relative}.access-form input{min-height:49px}.access-form input[type=password],.access-form input[autocomplete=current-password]{padding-right:90px}.password-toggle{position:absolute;right:6px;bottom:6px;min-height:37px;padding:5px 10px;font-size:12px;background:#263849}.remember-choice{display:flex;align-items:center;gap:11px;font-weight:500}.remember-choice input{width:20px;height:20px;min-height:20px;accent-color:#dc3454}.access-form small,.access-hint{font-size:12px;color:#a5bacc}.recovery-link{display:block;text-align:center;color:#f1b0c1;font-size:14px;padding:10px}.biometric-choice{width:100%;margin:23px 0 10px}.hub-access #hub-content>small{display:block;text-align:center}.hub-access .record{min-height:110px}.hub-access .login .card{margin-top:20px}@media(max-width:550px){.hub-access .login{margin:0 auto;padding:22px 18px}.hub-access .login>h1{font-size:30px}.hub-access .brand{gap:12px}.hub-access .login>.muted{font-size:13px}.hub-access #hub-content{padding:22px 18px}}
