body { background:#f5f7fb; min-height:100vh; }
main.container { max-width:1240px; }
.card { border:1px solid #e5e9f0; border-radius:.75rem; overflow:hidden; }
.card-header { background:#fff; border-bottom:1px solid #e9edf3; padding:.9rem 1rem; }
.metric-card { background:#fff; border:1px solid #e5e9f0; border-radius:.75rem; padding:1rem 1.1rem; height:100%; }
.metric-label { color:#64748b; font-size:.9rem; }
.metric-value { color:#172033; font-size:1.9rem; font-weight:700; margin-top:.35rem; }
.login-wrap { max-width:460px; margin:3rem auto; }
.work-row { display:grid; grid-template-columns:minmax(170px,1.4fr) minmax(100px,.7fr) minmax(180px,1.3fr) auto; gap:1rem; align-items:end; padding:1rem 0; border-bottom:1px solid #edf0f5; }
.work-row:last-child { border-bottom:0; }
.work-project { padding-bottom:.45rem; }
.table>:not(caption)>*>* { padding:.75rem .85rem; }
@media(max-width:767px) { .work-row { grid-template-columns:1fr 1fr; gap:.65rem; } .work-project { grid-column:1/-1; } .work-row>div:nth-last-child(2) { grid-column:1/-1; } .work-row>div:last-child { grid-column:1/-1; } .work-row button { width:100%; } .table { font-size:.9rem; } }