:root{--navy:#0a2b5b;--blue:#0879d9;--bg:#f4f7fa;--muted:#65778b;--line:#dbe3e9}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Arial,sans-serif;color:#18334f}.top{background:#fff;border-bottom:1px solid var(--line);box-shadow:0 2px 11px #122b4410}.top-inner{width:min(1050px,92%);min-height:92px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--navy);font-weight:900}.brand img{width:145px;height:67px;object-fit:contain}.home{text-decoration:none;color:var(--navy);border:1px solid #cbd8e2;border-radius:8px;padding:11px 16px}.page{width:min(1050px,92%);margin:48px auto}.auth-card{width:min(520px,100%);margin:auto;background:#fff;border:1px solid var(--line);border-radius:16px;padding:36px;box-shadow:0 14px 35px #17375516}.auth-card h1{margin:0 0 9px;color:var(--navy);font:600 34px Georgia,serif}.auth-card>p{color:var(--muted);line-height:1.6;margin:0 0 26px}.field{margin-bottom:17px}.field label{display:block;font-size:13px;font-weight:700;margin-bottom:7px}.field input{width:100%;height:47px;border:1px solid #cbd7df;border-radius:8px;padding:0 13px;font-size:15px;outline:none}.field input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0879d91a}.button{width:100%;border:0;border-radius:8px;padding:14px 18px;background:var(--blue);color:#fff;font-weight:800;font-size:15px;cursor:pointer}.links{display:flex;justify-content:space-between;gap:15px;margin-top:19px;font-size:13px}.links a{color:var(--blue)}.alert{border-radius:8px;padding:12px 14px;margin-bottom:18px;line-height:1.5;font-size:14px}.error{background:#fff0f0;color:#a21b1b;border:1px solid #efcaca}.success{background:#edfff4;color:#176636;border:1px solid #bce8cc}.dashboard{display:grid;grid-template-columns:1fr 1fr;gap:22px}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:29px;box-shadow:0 8px 24px #17375510}.panel h1,.panel h2{color:var(--navy);font-family:Georgia,serif}.info{display:grid;grid-template-columns:130px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid #edf1f4}.logout{display:inline-block;margin-top:22px;background:#e75050;color:#fff;padding:11px 18px;border-radius:7px;text-decoration:none;font-weight:700}.note{color:var(--muted);line-height:1.7}.hp{position:absolute;left:-9999px}@media(max-width:700px){.brand span{display:none}.auth-card{padding:27px 22px}.dashboard{grid-template-columns:1fr}.links{flex-direction:column}.info{grid-template-columns:1fr;gap:5px}}