@charset "UTF-8";
/* Small anonymous vault: intentionally matches the compact Gov Forms login, not the internal HR dashboard. */
:root{color-scheme:light;--vault-page-bg:radial-gradient(circle at 50% 38%,#f8faf9 0,#e8eeeb 38%,#d8e0dc 76%);--vault-fg:#17211e;--vault-panel:#fdfefe;--vault-panel-line:#c8d2cc;--vault-icon-line:#9ba7b0;--vault-icon-bg:linear-gradient(145deg,#f0f3f5,#d1d8dc);--vault-icon-inner:#e8edef;--vault-metal:#5f6d79;--vault-bolt:#7d8992;--vault-field:#f7f9f8;--vault-field-line:#c6d0ca;--vault-placeholder:#65756d;--vault-focus:#637a70;--vault-button-bg:linear-gradient(180deg,#34433e,#202b27);--vault-button-hover:linear-gradient(180deg,#3e5049,#26342f);--vault-button-line:#40534c;--vault-button-fg:#fff;--vault-notice:#384942;--vault-error:#a72b35;--vault-panel-shadow:0 30px 90px rgba(31,46,39,.18),inset 0 1px rgba(255,255,255,.85);--vault-icon-shadow:inset 0 0 0 7px #e3e9e6,0 16px 38px rgba(31,46,39,.18);--vault-field-shadow:inset 0 1px 8px rgba(31,46,39,.09);--vault-button-shadow:0 10px 24px rgba(31,46,39,.18)}
:root[data-theme="dark"]{color-scheme:dark;--vault-page-bg:radial-gradient(circle at 50% 38%,#171b22 0,#0d1015 34%,#080a0d 72%);--vault-fg:#f4f7fb;--vault-panel:rgba(15,18,24,.94);--vault-panel-line:#242a33;--vault-icon-line:#343b47;--vault-icon-bg:linear-gradient(145deg,#202630,#11151b);--vault-icon-inner:#151a21;--vault-metal:#a7b0bf;--vault-bolt:#687282;--vault-field:#0b0e13;--vault-field-line:#303744;--vault-placeholder:#aeb9ca;--vault-focus:#8a9bad;--vault-button-bg:linear-gradient(180deg,#242a34,#181d25);--vault-button-hover:linear-gradient(180deg,#2b323e,#1d232c);--vault-button-line:#39414e;--vault-button-fg:#f5f7fa;--vault-notice:#e5edf8;--vault-error:#f5a9b0;--vault-panel-shadow:0 30px 90px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.03);--vault-icon-shadow:inset 0 0 0 7px #0f1318,0 16px 38px rgba(0,0,0,.35);--vault-field-shadow:inset 0 1px 8px rgba(0,0,0,.28);--vault-button-shadow:0 10px 24px rgba(0,0,0,.28)}
@media(prefers-color-scheme:dark){:root[data-theme="system"]{color-scheme:dark;--vault-page-bg:radial-gradient(circle at 50% 38%,#171b22 0,#0d1015 34%,#080a0d 72%);--vault-fg:#f4f7fb;--vault-panel:rgba(15,18,24,.94);--vault-panel-line:#242a33;--vault-icon-line:#343b47;--vault-icon-bg:linear-gradient(145deg,#202630,#11151b);--vault-icon-inner:#151a21;--vault-metal:#a7b0bf;--vault-bolt:#687282;--vault-field:#0b0e13;--vault-field-line:#303744;--vault-placeholder:#aeb9ca;--vault-focus:#8a9bad;--vault-button-bg:linear-gradient(180deg,#242a34,#181d25);--vault-button-hover:linear-gradient(180deg,#2b323e,#1d232c);--vault-button-line:#39414e;--vault-button-fg:#f5f7fa;--vault-notice:#e5edf8;--vault-error:#f5a9b0;--vault-panel-shadow:0 30px 90px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.03);--vault-icon-shadow:inset 0 0 0 7px #0f1318,0 16px 38px rgba(0,0,0,.35);--vault-field-shadow:inset 0 1px 8px rgba(0,0,0,.28);--vault-button-shadow:0 10px 24px rgba(0,0,0,.28)}}
*{box-sizing:border-box}html,body{margin:0;min-height:100%}
body.vault-page{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px;color:var(--vault-fg);background:var(--vault-page-bg);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,sans-serif}
.vault-page .vault-shell{width:min(360px,100%);margin:0;padding:0;border:0;background:none}
.vault-page .vault{position:relative;display:grid;justify-items:center;gap:24px;padding:34px 28px 28px;border:1px solid var(--vault-panel-line);border-radius:28px;background:var(--vault-panel);box-shadow:var(--vault-panel-shadow)}
.vault-page .vault-switches{position:absolute;top:13px;inset-inline-end:15px;display:flex;align-items:center;gap:7px;z-index:2}
.vault-page .icon-switch{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--vault-panel-line);border-radius:9px;background:var(--vault-field);color:var(--vault-metal);text-decoration:none}
.vault-page .icon-switch svg{display:block;width:18px;height:18px}
.vault-page .icon-switch:hover{border-color:var(--vault-focus);color:var(--vault-fg)}
.vault-page .vault-icon{position:relative;width:112px;height:112px;border:2px solid var(--vault-icon-line);border-radius:24px;background:var(--vault-icon-bg);box-shadow:var(--vault-icon-shadow)}
.vault-page .vault-icon::before{content:"";position:absolute;width:44px;height:44px;left:50%;top:50%;transform:translate(-50%,-50%);border:3px solid var(--vault-metal);border-radius:50%;box-shadow:inset 0 0 0 7px var(--vault-icon-inner)}
.vault-page .vault-icon::after{content:"";position:absolute;width:28px;height:3px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-38deg);border-radius:999px;background:var(--vault-metal)}
.vault-page .vault-bolts{position:absolute;inset:12px;border-radius:17px;box-shadow:inset 0 0 0 1px rgba(127,127,127,.12)}
.vault-page .vault-bolts::before,.vault-page .vault-bolts::after{content:"";position:absolute;right:7px;width:7px;height:7px;border-radius:50%;background:var(--vault-bolt);box-shadow:0 67px 0 var(--vault-bolt)}
.vault-page .vault-bolts::before{top:7px}
.vault-page .vault-bolts::after{left:7px;right:auto;top:7px}
.vault-page .vault-form{width:100%;display:grid;gap:12px}
.vault-page .vault-form input[type=hidden]{display:none}
.vault-page .vault-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.vault-page .vault-secret{width:100%;height:54px;margin:0;padding:0 16px;border:1px solid var(--vault-field-line);border-radius:15px;outline:none;background:var(--vault-field);color:var(--vault-fg);font:600 16px/1.3 system-ui,Tahoma,sans-serif;letter-spacing:normal;text-align:center;caret-color:var(--vault-fg);box-shadow:var(--vault-field-shadow)}
.vault-page .vault-password{font-size:20px;letter-spacing:.20em}
.vault-page .vault-secret::placeholder{color:var(--vault-placeholder);opacity:.85}
.vault-page .vault-secret:focus-visible{outline:2px solid var(--vault-focus);outline-offset:2px;border-color:var(--vault-focus)}
.vault-page .vault-open{height:52px;margin:0;padding:0;border:1px solid var(--vault-button-line);border-radius:15px;background:var(--vault-button-bg);color:var(--vault-button-fg);font:800 16px/1 system-ui,Tahoma,sans-serif;cursor:pointer;box-shadow:var(--vault-button-shadow)}
.vault-page .vault-open:hover{background:var(--vault-button-hover)}
.vault-page .vault-open:active{transform:translateY(1px)}
.vault-page .vault-notice:empty{display:none}
.vault-page .vault-notice{width:100%;font-size:13px;line-height:1.5;text-align:center}
.vault-page .vault-notice p{margin:0;color:var(--vault-notice)}
.vault-page .vault-notice .error{color:var(--vault-error)}
.vault-page .icon-switch:focus-visible,.vault-page .vault-open:focus-visible,.vault-page .vault-secret:focus-visible{outline:3px solid var(--vault-focus);outline-offset:3px}
@media(max-width:420px){body.vault-page{padding:18px}.vault-page .vault{padding:30px 20px 22px;border-radius:24px}.vault-page .vault-icon{width:100px;height:100px}}
@media(prefers-reduced-motion:reduce){.vault-page .vault-open{transition:none}}
