body{color:#fff;background:#111;margin:0;font-family:Arial,Helvetica,sans-serif}.page{max-width:1200px;margin:auto;padding:40px}.hero{margin-bottom:40px}.hero input{color:#fff;background:#1a1a1a;border:1px solid #333;border-radius:8px;width:100%;margin:20px 0;padding:12px}.progress{background:#222;border-radius:999px;height:12px;margin-bottom:10px;overflow:hidden}.fill{background:#d33;height:100%}.grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;display:grid}.card{background:#1b1b1b;border:1px solid #333;border-radius:12px;padding:20px}.task{gap:10px;margin:10px 0;display:flex}