:root{font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:#172033;background:#f5f7fb}
*{box-sizing:border-box}body{margin:0;min-height:100vh}.centered{display:grid;place-items:center;padding:20px}
.container{width:min(920px,calc(100% - 28px));margin:32px auto}.card{background:#fff;border:1px solid #e5e9f2;border-radius:16px;padding:22px;box-shadow:0 8px 30px #1720330d;margin-bottom:18px}
.login-card{width:min(390px,100%)}header,.section-title,.task-head,.task-meta{display:flex;align-items:center;justify-content:space-between;gap:16px}h1,h2{margin:0 0 8px}h2{font-size:18px}.muted,.task-meta{color:#677188}.login-card form{display:flex;gap:10px}input,textarea{width:100%;border:1px solid #cfd6e4;border-radius:10px;padding:12px;font:inherit;resize:vertical}button{border:0;border-radius:10px;padding:11px 16px;background:#356df3;color:#fff;font-weight:650;cursor:pointer;white-space:nowrap}button:disabled{opacity:.55}.secondary{background:#edf2ff;color:#2857c8}.message{min-height:1.4em}.success{color:#16834d}.error{color:#c93636}.task{padding:14px 0;border-top:1px solid #edf0f5}.task:first-child{border-top:0}.task-head strong{overflow-wrap:anywhere}.task-head span{white-space:nowrap}.progress{height:8px;background:#e9edf5;border-radius:99px;overflow:hidden;margin:10px 0}.progress i{display:block;height:100%;background:#356df3;border-radius:99px}.task-meta{font-size:13px}.empty{text-align:center;color:#677188;padding:30px}
@media(max-width:600px){.container{margin:16px auto}.card{padding:16px}.login-card form,header,.task-meta{align-items:stretch;flex-direction:column}.task-meta{gap:4px}.section-title{align-items:center}}