*{box-sizing:border-box}body{margin:0;background:#f3f6f8;font:16px Arial;color:#1f2937}
header{background:#173b52;color:#fff;padding:18px 6%;display:flex;gap:20px}header span{margin-left:auto}header a{color:#fff}
main {
    width: calc(100% - 64px) !important;
    max-width: 1500px !important;
    margin: 32px auto !important;
    padding: 0 !important;
}

main .card {
    width: 100% !important;
    max-width: none !important;
}}.login{display:grid;min-height:100vh;place-items:center}.card{background:#fff;padding:28px;border-radius:10px;box-shadow:0 3px 14px #0001;margin-bottom:24px;width:min(100%,700px)}.login .card{width:min(420px,92vw)}
label{display:grid;gap:7px;font-weight:bold}input,select{padding:10px;border:1px solid #b9c3cc;border-radius:5px;font:inherit}button{background:#147a64;color:#fff;border:0;border-radius:5px;padding:11px 16px;font:inherit;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid button{grid-column:span 2}.report{display:flex;align-items:end;gap:14px;flex-wrap:wrap}.success,.error{padding:10px;border-radius:5px}.success{background:#d9f6e9}.error{background:#ffe1e1;color:#8b1b1b}
.table {
    width: 100%;
    overflow-x: auto;
}

.table table {
    width: 100%;
}
table{width:100%;border-collapse:collapse;margin-top:14px}th,td{padding:10px;border-bottom:1px solid #dbe2e8;text-align:left;white-space:nowrap}th{background:#eef4f7}@media(max-width:600px){.grid{grid-template-columns:1fr}.grid button{grid-column:auto}header{flex-wrap:wrap}header span{margin-left:0}}

main {