:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#eef3f5;color:#1d3541}*{box-sizing:border-box}body{margin:0}header{background:#12354a;color:white;padding:1rem;display:flex;justify-content:space-between;gap:1rem;align-items:center}header span{font-size:.75rem;color:#bee5d8}main{max-width:860px;margin:auto;padding:1rem}.panel{background:white;border-radius:12px;padding:1.25rem;margin:1rem 0;box-shadow:0 3px 14px #17384813}nav{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}nav button{flex:1}h2{margin-top:0}h3{margin:1.6rem 0 .8rem;border-bottom:1px solid #dce7ec;padding-bottom:.5rem}label{display:block;font-weight:600;font-size:.92rem;margin:.85rem 0}label input,label select,form>input,form>select{display:block;width:100%;margin-top:.4rem}input,select{font:inherit;border:1px solid #a7bcc7;border-radius:7px;padding:.75rem;min-height:42px;background:white;color:#1d3541}select[multiple]{min-height:130px}button{border:0;border-radius:8px;background:#12634d;color:white;padding:.8rem 1rem;font:inherit;font-weight:600;cursor:pointer}button.secondary{background:#e4edf1;color:#204250}button.active{background:#12354a}button:disabled{opacity:.6}fieldset{border:1px solid #dce7ec;border-radius:8px;margin:1rem 0}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.checkgrid{display:grid;grid-template-columns:1fr 1fr;gap:.3rem}.checkgrid label,.completed label{font-weight:400;margin:.2rem 0}.checkgrid input,.completed input[type=checkbox]{width:auto;display:inline;margin-right:.4rem;min-height:auto}.completed>div{display:grid;grid-template-columns:1fr 1fr;align-items:center;border-bottom:1px solid #edf2f5;gap:1rem;padding:.4rem}.note{color:#506b7a;font-size:.86rem}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin:1rem 0}.cards article{background:#eef5f3;border-radius:8px;padding:.9rem}.cards strong{display:block;font-size:1.5rem}table{border-collapse:collapse;width:100%;font-size:.9rem}td,th{text-align:left;padding:.6rem;border-bottom:1px solid #e3eaee}.buttons{display:flex;gap:.5rem;margin-top:.8rem}#usersList>div{border-bottom:1px solid #ddd;padding:.8rem 0}@media(max-width:600px){.twocol,.cards{grid-template-columns:1fr 1fr}.panel{padding:1rem}.cards strong{font-size:1.25rem}}[hidden]{display:none!important}