:root{font-family:system-ui,sans-serif;color:#172033;background:#f4f6f8}*{box-sizing:border-box}body{margin:0}.page{width:min(100% - 32px,760px);margin:0 auto;padding:32px 0 60px}header{margin-bottom:24px}.eyebrow{color:#087f8c;font-size:.8rem;font-weight:700}h1{margin:.2em 0;font-size:2.2rem}h2{margin-top:0;font-size:1.15rem}.intro{color:#566273}.panel{background:#fff;border:1px solid #dfe4ea;border-radius:8px;padding:24px;margin-top:16px}form{display:grid;gap:16px}label{display:grid;gap:6px;font-weight:600}input,select,button{font:inherit;padding:10px;border:1px solid #b8c2cc;border-radius:6px}button{background:#087f8c;color:#fff;border:0;cursor:pointer;font-weight:700}.error{color:#b42318;margin:0}.task-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.task{border-left:4px solid #087f8c;background:#f7fafb;padding:12px}.task strong{display:block}.task small{color:#566273}.empty{color:#667085}@media(max-width:520px){.page{width:min(100% - 24px,760px);padding-top:20px}.panel{padding:18px}h1{font-size:1.8rem}}