*{box-sizing:border-box}body{margin:0;font-family:Arial;background:#f3f5f7;color:#222}header{background:#172433;color:#fff;padding:18px 5%;display:flex;justify-content:space-between}.card,.toolbar{background:#fff;margin:18px auto;padding:22px;border-radius:10px;max-width:1100px}.grid{max-width:1136px;margin:auto;display:grid;grid-template-columns:2fr 1fr}.grid .card{margin:10px 8px}input,select,textarea,button{font:inherit;padding:10px;margin:5px 3px;border:1px solid #ccd2d8;border-radius:6px}input,textarea{width:100%}button{background:#263d55;color:#fff}.danger{background:#7b3030}.task{display:flex;gap:10px;align-items:center;border-bottom:1px solid #eee;padding:10px}.smallcheck{width:auto}.taglabel{font-size:11px;font-weight:bold}.task span{flex:1}.task small,.project small{display:block;color:#667}.done span{text-decoration:line-through;opacity:.6}.project{padding:12px;border-bottom:1px solid #eee}.hint{color:#667;font-size:13px}@media(max-width:700px){.grid{display:block}.card,.toolbar,.grid .card{margin:10px}}