*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui}
body{background:#f0f4f9;padding:20px;color:#222}
.wrap{max-width:700px;margin:0 auto}
.header{text-align:center;margin-bottom:24px}
.header h1{color:#2468d8;margin-bottom:8px}
.header p{color:#666}
.card{background:#fff;border-radius:14px;padding:24px;box-shadow:0 2px 12px rgba(0,0,0,0.08);margin-bottom:20px}
.form-row{margin-bottom:16px}
.form-row label{display:block;margin-bottom:6px;font-weight:500}
input,select,textarea{width:100%;padding:12px;border:1px solid #dde3ec;border-radius:8px;font-size:15px}
.submit-btn{width:100%;background:#2468d8;color:#fff;padding:13px;border:0;border-radius:8px;font-size:16px;cursor:pointer}
.submit-btn:hover{background:#1c56b3}
.msg-box{margin-top:12px;text-align:center;font-weight:500}
.success{color:#009944}
.error{color:#e53935}
.task-item{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #eee}
.task-item:last-child{border-bottom:none}
.task-info .task-time{font-size:13px;color:#777;margin-top:4px}
.task-info .task-status{font-size:13px;margin-left:8px;color:#2468d8}
.del-btn{color:#e53935;background:none;border:0;cursor:pointer;padding:4px 8px}