:root{--navy:#082b49;--green:#00d7a0;--orange:#ffb31a;--muted:#637486;--line:#dce6ed}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--navy);background:linear-gradient(145deg,#ecfff9,#f5f8fb 55%,#fff7e6);min-height:100vh}
.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(100%,460px);padding:36px;border-radius:28px;background:#fff;box-shadow:0 24px 70px rgba(8,43,73,.14)}
.auth-brand img{display:block;width:210px;max-width:75%;height:auto;margin-bottom:30px}.auth-kicker{color:#008d70;text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.13em}.auth-card h1,.admin-header h1{font-size:36px;margin:8px 0}.auth-lead{color:var(--muted);line-height:1.5;margin:0 0 24px}
.auth-card form{display:grid;gap:10px}.auth-card label{font-weight:700;margin-top:8px}.auth-card input{width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:12px;font:inherit;outline:none}.auth-card input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(0,215,160,.13)}.auth-card small{color:var(--muted)}
button{border:0;border-radius:12px;padding:14px 18px;margin-top:12px;background:var(--navy);color:white;font:inherit;font-weight:800;cursor:pointer}button:hover{background:#0d3b62}.auth-switch{text-align:center;color:var(--muted);margin:24px 0 0}.auth-switch a{color:#008d70;font-weight:800}.auth-error,.auth-success{padding:12px 14px;border-radius:10px;margin-bottom:12px}.auth-error{background:#fff0f0;color:#a52d2d}.auth-success{background:#e9fff7;color:#087458}
.admin-page{width:min(1180px,calc(100% - 32px));margin:32px auto;padding:28px;background:#fff;border-radius:24px;box-shadow:0 20px 60px rgba(8,43,73,.12)}.admin-header{display:flex;align-items:center;gap:28px;margin-bottom:28px}.admin-header .auth-brand img{width:180px;margin:0}.admin-header>div{flex:1}.admin-header h1{margin-bottom:0}.admin-header form{margin:0}.secondary{background:#eef3f6;color:var(--navy);margin:0}
@media(max-width:640px){.auth-card{padding:26px 20px;border-radius:20px}.auth-card h1{font-size:30px}.admin-page{margin:12px auto;padding:18px}.admin-header{align-items:flex-start;flex-wrap:wrap;gap:14px}.admin-header .auth-brand{width:100%}.admin-header h1{font-size:28px}}