*{box-sizing:border-box}body{margin:0;background:#f4f6f8;color:#20252b;font-family:system-ui,sans-serif}header{padding:22px 16px;background:#263238;color:white}header h1{margin:0 0 4px}main{max-width:950px;margin:auto;padding:16px}.card,.task,.stats>div,.user{background:white;border-radius:14px;padding:16px;margin-bottom:14px;box-shadow:0 2px 10px #0001}input,textarea,select,button{width:100%;padding:11px;margin:5px 0;font:inherit;border:1px solid #ccd3d8;border-radius:9px}button{background:#263238;color:white;border:0;cursor:pointer}.filters{display:grid;gap:6px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stats>div{text-align:center}.stats b{display:block;font-size:1.4rem}.task.done{opacity:.7}.task.late{border-left:5px solid #b3261e}.meta{color:#657078;font-size:.9rem}.actions{display:flex;gap:8px}.actions button{flex:1}.delete{background:#8b1e1e}.secondary{background:#e8ecef;color:#20252b}.user{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.user button{max-width:260px}@media(min-width:650px){form,.filters{display:grid;grid-template-columns:1fr 1fr;gap:8px}textarea,form button{grid-column:1/-1}}