:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17352c;background:#eef4f0}*{box-sizing:border-box}body{margin:0;min-height:100vh}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,#f9fcfa 0,#e9f2ed 55%,#dce9e2 100%)}.login-card{width:min(430px,100%);background:#fff;border:1px solid #d7e4dc;border-radius:18px;box-shadow:0 20px 60px rgba(4,55,39,.14);padding:38px}.brand-mark{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#08734f;color:#fff;font-size:24px;font-weight:800;margin-bottom:12px}.brand-text{display:flex;flex-direction:column;letter-spacing:.06em;color:#0a583e}.brand-text strong{font-size:17px}.brand-text span{font-size:11px;font-weight:700}h1{font-size:28px;margin:32px 0 7px;color:#123d30}p{color:#6a7d76;line-height:1.45;margin:0 0 26px}label{display:block;font-size:13px;font-weight:700;color:#425c53;margin:16px 0}input{display:block;width:100%;margin-top:7px;padding:13px 14px;border:1px solid #cbdad2;border-radius:9px;font:inherit;outline:none}input:focus{border-color:#11825b;box-shadow:0 0 0 3px rgba(17,130,91,.12)}button{width:100%;border:0;border-radius:9px;background:#08734f;color:#fff;font-weight:800;font-size:15px;padding:13px 16px;cursor:pointer;margin-top:8px}button:disabled{opacity:.65;cursor:wait}#error{min-height:20px;color:#b3261e;font-size:13px;font-weight:650;margin-top:4px}.login-card small{display:block;text-align:center;color:#84948e;margin-top:24px}

.brand-logo{width:72px;height:72px;object-fit:contain;display:block;margin-bottom:12px}

html[data-theme="dark"]{color-scheme:dark;background:#111713;color:#eaf2ed}
html[data-theme="dark"] .login-shell{background:radial-gradient(circle at top,#1c2822 0,#121a16 55%,#0d130f 100%)}
html[data-theme="dark"] .login-card{background:#1a211d;border-color:#34423b;box-shadow:0 20px 60px rgba(0,0,0,.36)}
html[data-theme="dark"] h1{color:#eef5f1}html[data-theme="dark"] p,html[data-theme="dark"] .login-card small{color:#a6b5ae}html[data-theme="dark"] label{color:#c6d2cc}html[data-theme="dark"] input{background:#141b17;color:#edf5f0;border-color:#3b4942}html[data-theme="dark"] input:focus{border-color:#35a875;box-shadow:0 0 0 3px rgba(53,168,117,.18)}