:root{font-family:Inter,Arial,sans-serif;color:#172033;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;padding:24px 5%;background:#101827;color:white}h1,h2,p{margin-top:0}header p{margin:5px 0 0;color:#aebbd0}.actions{display:flex;align-items:center;gap:16px}.actions a{color:white}button{border:0;border-radius:9px;padding:12px 18px;background:#2487ff;color:white;font-weight:700;cursor:pointer}main{width:min(1200px,92%);margin:28px auto}.flash,.empty{background:white;padding:18px;border-radius:12px;margin-bottom:20px}.error{color:#b42318}.summary{display:flex;gap:16px;margin-bottom:20px}.summary div{background:#e7f8ef;border-radius:12px;padding:18px 28px;display:flex;gap:10px;align-items:baseline}.summary strong{font-size:28px;color:#087443}.summary .bad{background:#ffebeb}.summary .bad strong{color:#bc1c1c}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px}.card{background:white;border-radius:14px;padding:20px;border-left:5px solid #16a064;box-shadow:0 4px 16px #13213a0d}.card.down{border-color:#e23d3d}.status{font-size:12px;font-weight:800;color:#087443}.down .status{color:#bc1c1c}.card h2{font-size:17px;margin:10px 0}.card p,.card small,.card time{display:block;color:#657187;margin:8px 0;font-size:13px}.card a{display:inline-block;margin-top:10px;color:#1267d6}.login-body{min-height:100vh;display:grid;place-items:center;background:#101827}.login-card{width:min(400px,90%);background:white;padding:32px;border-radius:16px}.login-card input{width:100%;padding:13px;border:1px solid #ccd3df;border-radius:8px;margin:14px 0}.login-card button{width:100%}