@import url(https://fonts.googleapis.com/css2?family=Spicy+Rice&display=swap);
:root { --admin-dark: rgb(3,25,45); --admin-blue: #0a4ca8; --admin-cream: ivory; }
* { box-sizing: border-box; }
body { min-height: 100vh; margin: 0; background: linear-gradient(135deg, rgba(3,25,45,.9), rgba(3,25,45,.45)), url('../images/Ny_Kälke_1.png') center/cover fixed; color: var(--admin-dark); font-family: Arial, Helvetica, sans-serif; }
.admin-login-page { width: min(100% - 2rem, 520px); min-height: 100vh; margin: auto; display: grid; align-content: center; gap: 1.5rem; padding: 2rem 0; }
.admin-login-logo { justify-self: center; }
.admin-login-logo img { display: block; width: min(220px, 70vw); height: auto; }
.admin-login-card { padding: 2rem; border-radius: 1.25rem; background: rgba(255,255,255,.96); box-shadow: 0 1rem 3rem rgba(0,0,0,.35); }
.admin-login-eyebrow { margin: 0 0 .3rem; color: var(--admin-blue); font-family: "Spicy Rice", serif; }
h1 { margin: 0 0 .75rem; font: 2.2rem/1.1 "Spicy Rice", serif; }
.admin-login-card > p:not(.admin-login-eyebrow):not(.admin-login-message) { margin: 0 0 1.25rem; line-height: 1.5; }
.admin-login-form { display: grid; gap: 1rem; }
.admin-login-form label { display: grid; gap: .35rem; font-weight: 700; }
.admin-login-form input { width: 100%; padding: .75rem; border: 1px solid #8ea6ba; border-radius: .4rem; font: inherit; }
.admin-login-form button { min-height: 46px; border: 0; border-radius: 2rem; background: var(--admin-blue); color: var(--admin-cream); cursor: pointer; font: 1.1rem "Spicy Rice", serif; }
.admin-login-form button:hover { background: var(--admin-dark); }
.admin-login-message { margin: 0 0 1rem; padding: .7rem; border-radius: .4rem; background: #ffe5e1; color: #842314; }
.admin-login-back { display: inline-block; margin-top: 1.25rem; color: var(--admin-blue); font-weight: 700; }