/* Ledgerly sign-in: same forest green design language as the finance dashboard. */
:root{color-scheme:light;--bg:#f4f7f5;--surface:#fff;--ink:#183b30;--muted:#718078;--line:#e4ebe6;--green:#1d6b4c;--shadow:0 18px 50px rgba(23,59,47,.09);--field:#fff}
*{box-sizing:border-box}html{min-height:100%}body{min-height:100vh;margin:0;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 20% 12%,#e1efe6 0,transparent 48%),var(--bg);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)}
main{width:min(440px,100%);background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:34px;box-shadow:var(--shadow)}
.brand-heading{display:flex;align-items:center;gap:14px;margin-bottom:30px}.brandmark{width:50px;height:50px;flex:0 0 50px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#183b30,#2e7858);color:#fff;font-size:28px;box-shadow:0 7px 18px #183b3024}
h1{font-size:26px;font-weight:760;letter-spacing:-.8px;line-height:1.15;margin:0}.brand-subtitle{margin:4px 0 0;font-size:12px;color:var(--muted)}
h2{font-size:17px;letter-spacing:-.3px;margin:0 0 16px}label{display:block;margin:14px 0 6px;font-size:12px;font-weight:650;color:var(--ink)}input{width:100%;font:inherit;border:1px solid #dce5df;border-radius:10px;padding:12px;background:var(--field);color:var(--ink);outline:0}input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(29,107,76,.14)}input::placeholder{color:var(--muted)}
button{font:inherit;width:100%;margin-top:24px;padding:12px;border:0;border-radius:10px;background:linear-gradient(135deg,#1d6b4c,#287c59);color:#fff;font-weight:700;cursor:pointer;transition:filter .15s ease,transform .15s ease}button:hover{filter:brightness(1.07)}button:active{transform:translateY(1px)}button:focus-visible{outline:3px solid var(--green);outline-offset:3px}
.support{color:var(--muted);font-size:12px;line-height:1.6;margin:22px 0 0}.err{padding:12px;margin:0 0 14px;border:1px solid #f0cccc;background:#fff0f0;color:#9b3030;border-radius:10px;font-size:13px}.site-footer{text-align:center;font-size:11px;color:var(--muted);margin-top:26px}
@media(max-width:520px){body{padding:14px}main{padding:24px;border-radius:17px}}
@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg:#101713;--surface:#18221c;--ink:#e3eee7;--muted:#9aaba0;--line:#2b3a30;--green:#65c895;--shadow:0 18px 50px #0004;--field:#142018}body{background:radial-gradient(ellipse at 20% 12%,#1b3827 0,transparent 48%),var(--bg)}input{border-color:var(--line)}.err{background:#3c2424;color:#ffb1b1;border-color:#643636}}