:root{--navy:#071b2f;--blue:#0d72bf;--green:#12b76a;--bg:#f4f7fb;--line:#dbe3ed}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:15px Arial;color:#152536}header{height:64px;background:var(--navy);color:#fff;display:flex;align-items:center;padding:0 calc((100% - 1120px)/2);gap:14px}header b{font-size:21px;letter-spacing:1px;color:#2cc4ff}header span{opacity:.75}header a{margin-left:auto;color:#fff}main{max-width:1120px;margin:42px auto;padding:0 20px}.title{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.title h1{margin:0 0 8px}.title p{margin:0;color:#617286}.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px;box-shadow:0 5px 16px #23354b0b}.stats{display:flex;gap:16px;margin-bottom:20px}.stats .card{min-width:160px}.stats b{font-size:30px;display:block}.stats span{color:#617286}.button,button{border:0;background:var(--blue);color:#fff;border-radius:7px;padding:11px 16px;text-decoration:none;font-weight:bold;cursor:pointer}.form{max-width:580px;display:grid;gap:15px}.form label,label{display:grid;gap:7px;font-weight:bold}input{border:1px solid #bac7d6;border-radius:6px;padding:11px;font-size:15px}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid var(--line);padding:13px 8px}th{color:#617286}a{color:var(--blue);text-decoration:none}.grid{display:grid;grid-template-columns:1fr 1.5fr;gap:20px}.login{max-width:400px;margin:80px auto}.flash{margin-bottom:16px;padding:12px;border-radius:7px}.success{background:#dcfae6;color:#067647}.error{background:#fee4e2;color:#b42318}@media(max-width:700px){header{padding:0 18px}.grid{grid-template-columns:1fr}.title{align-items:flex-start;gap:15px}.stats{flex-wrap:wrap}}