:root{--navy:#071a46;--blue:#087fca;--purple:#44298a;--bg:#f4f7fb;--line:#e4e7ec;--muted:#667085}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:#101828;background:var(--bg)}
.login-body{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(circle at 20% 20%,#e9f8ff,transparent 40%),var(--bg)}
.login-box{width:min(460px,100%);background:#fff;padding:38px;border-radius:22px;box-shadow:0 25px 70px rgba(5,30,70,.13);text-align:center}
.login-logo{width:min(330px,90%);height:auto;margin-bottom:12px}.login-kicker{font-size:10px;letter-spacing:.18em;color:var(--blue);font-weight:900}
.login-box h1{font-size:25px;margin:8px 0 25px}.login-box form{text-align:left}.login-box label{display:block;font-size:13px;font-weight:700;margin:15px 0 7px}
.login-box input{width:100%;height:48px;border:1px solid #d0d5dd;border-radius:10px;padding:0 13px;font:inherit}.login-box input:focus{outline:none;border-color:#087fca;box-shadow:0 0 0 4px #087fca18}
.admin-btn{width:100%;height:48px;margin-top:20px;border:0;border-radius:10px;background:linear-gradient(90deg,#087fca,#44298a);color:#fff;font-weight:800;cursor:pointer}
.login-error{padding:12px;border-radius:9px;background:#fff1f2;color:#b42318;font-size:13px}.back-link{display:inline-block;margin-top:20px;color:#667085;text-decoration:none;font-size:13px}