body{background:#f5f7fb;padding:30px;font-family:Arial}.dark{color:#fff;background:#111}h1{text-align:center}.stats{gap:10px;margin:20px 0;display:flex}.card{text-align:center;border-radius:10px;flex:1;padding:20px;font-weight:700}.blue{background:#cfe2ff}.yellow{background:#fff3cd}.green{background:#d1e7dd}.controls{gap:10px;margin-bottom:15px;display:flex}.form{gap:10px;margin-bottom:20px;display:flex}input,select,button{padding:10px}ul{padding:0;list-style:none}li{background:#fff;border-radius:8px;justify-content:space-between;margin-bottom:10px;padding:10px;display:flex}.dark li{background:#222}.done{opacity:.6;text-decoration:line-through}.late{color:red;margin-left:10px}