*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#102a43;font:14px Tahoma,Arial}header{background:#093b51;color:#fff;display:flex;gap:22px;align-items:center;padding:18px 7%;font-size:15px}header strong{font-size:18px}header button{margin-right:auto;background:transparent;color:#fff;border:1px solid #7ba0b0;border-radius:7px;padding:8px 13px;cursor:pointer}main{max-width:1200px;margin:30px auto;padding:0 20px}.cards{display:flex;gap:16px;flex-wrap:wrap}.cards article{background:#fff;min-width:210px;padding:24px;border-radius:12px;box-shadow:0 3px 15px #173a4b12}.cards b{font-size:28px;display:block;color:#087c76}.cards span{color:#60738a}.panel,.login-card{background:#fff;margin-top:22px;padding:22px;border-radius:12px;box-shadow:0 3px 15px #173a4b12}.panel h2{font-size:17px;margin-top:0}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid #e6edf3;text-align:right}th{color:#52647c;font-weight:bold}button{background:#087c76;color:#fff;border:0;border-radius:6px;padding:7px 10px;cursor:pointer}.login-page{min-height:100vh;display:grid;place-items:center;background:#0d5963}.login-card{width:min(420px,92vw);margin:0}.login-card h1{margin-top:0}.login-card label{display:block;margin:16px 0 6px;color:#52647c}.login-card input{width:100%;padding:12px;border:1px solid #d7e1eb;border-radius:7px;margin-top:7px}.login-card button{width:100%;margin-top:16px;padding:12px}.error{color:#b42318;min-height:20px}@media(max-width:700px){table{font-size:11px}th,td{padding:8px}}