:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#eaf0fa;background:#0d1422}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 15% 10%,#15352f55,transparent 55%)}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 6%;border-bottom:1px solid #ffffff12}.brand{font-weight:750;text-decoration:none;color:#6ae1b7;font-size:24px;display:flex;align-items:center;gap:12px}.brand span{font-size:18px;color:#edf5ff}main{width:min(900px,90%);margin:70px auto;flex:1}.card{background:#151f30;border:1px solid #ffffff15;border-radius:20px;padding:36px;box-shadow:0 24px 80px #0003}.login{max-width:470px;margin:35px auto}.eyebrow{font-size:12px;letter-spacing:.14em;color:#6ae1b7;text-transform:uppercase;font-weight:700}h1{font-size:36px;letter-spacing:-.04em;line-height:1.15;margin:14px 0}h2{font-size:22px;margin-top:0}p{color:#aab9ce;line-height:1.65}label{display:block;font-size:14px;font-weight:600;margin:26px 0 9px}input{width:100%;background:#0d1422;border:1px solid #41516c;border-radius:10px;padding:14px;color:#fff;font:inherit}button{background:#6ae1b7;color:#0a241c;border:0;border-radius:10px;padding:13px 20px;font:inherit;font-weight:700;cursor:pointer}button:disabled{opacity:.5;cursor:wait}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #a2f9db;outline-offset:3px}.primary{width:100%;margin-top:18px}.secondary{background:#26354a;color:#eaf0fa}.danger{background:#452631;color:#ffc4c4;font-size:13px}.muted{font-size:13px;color:#aab9ce}.message{min-height:1.5em;margin-top:16px;font-size:14px}.error{color:#ffb9b9}.success{color:#94ebc9}.row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-top:1px solid #ffffff14;overflow-wrap:anywhere}.badge{font-size:11px;border:1px solid #6ae1b766;border-radius:20px;padding:4px 9px;color:#6ae1b7;margin-left:8px}.add{display:flex;gap:12px;margin:12px 0 26px}.add input{flex:1;min-width:0}#account{display:flex;gap:15px;align-items:center;font-size:13px;color:#aab9ce}footer{text-align:center;padding:25px;color:#71829b;font-size:12px}.welcome{margin-bottom:28px}a{color:#6ae1b7}@media(max-width:600px){header{padding:20px 5%}main{margin:35px auto}.card{padding:25px}h1{font-size:29px}#account{flex-wrap:wrap;justify-content:flex-end}#account span{display:none}.add{flex-direction:column}.row{font-size:14px;gap:10px}}