:root{font-family:Arial,sans-serif;color:#102a43;background:#f0f4f8}*{box-sizing:border-box}body{margin:0}main{max-width:1000px;margin:auto;padding:2rem}.login{max-width:440px;margin:8vh auto;background:#fff;padding:2rem;border-radius:18px;box-shadow:0 15px 40px #102a4320}.brand{width:48px;height:48px;border-radius:12px;background:#146c5a;color:#fff;display:grid;place-items:center;font-weight:800}form,label{display:grid;gap:.5rem}form{gap:1rem}input{padding:.8rem;border:1px solid #bcccdc;border-radius:8px;font:inherit}button,.download{border:0;border-radius:8px;padding:.75rem 1rem;background:#146c5a;color:white;font-weight:700;text-decoration:none;cursor:pointer}header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:2rem}.cards{display:grid;gap:1rem}.card{background:white;padding:1.25rem;border-radius:14px;border:1px solid #d9e2ec}.card-head{display:flex;justify-content:space-between;gap:1rem}.status{padding:.35rem .65rem;border-radius:99px;font-size:.8rem;font-weight:700}.assigned{background:#fff3c4;color:#8d5b00}.completed{background:#d7f5e8;color:#116149}.actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin-top:1rem}.submit-form{border-top:1px solid #eee;margin-top:1rem;padding-top:1rem}.message{min-height:1.2em;color:#b42318}.empty{text-align:center;padding:3rem;background:white;border-radius:14px}@media(max-width:600px){main{padding:1rem}.card-head,header{align-items:flex-start;flex-direction:column}}
