:root{font-family:Inter,system-ui,sans-serif;color:#172033;background:#eef3f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}main{width:min(1400px,100%);min-height:100vh;margin:0 auto;padding:32px}header{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}h1,h2,p{margin:0}h1{font-size:clamp(2.4rem,5vw,4.6rem);line-height:1}h2{font-size:1.45rem}.eyebrow{display:block;margin-bottom:8px;color:#637083;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.clock{padding:12px 18px;border-radius:999px;background:#fff;box-shadow:0 10px 30px #1c304d14;font-weight:700;text-transform:capitalize}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.card{padding:26px;border:1px solid rgb(29 56 91 / 8%);border-radius:28px;background:#ffffffeb;box-shadow:0 18px 45px #1c304d17}.hero{display:flex;align-items:center;gap:18px;margin-bottom:22px;color:#fff;background:radial-gradient(circle at top right,#6b8cff,transparent 42%),linear-gradient(135deg,#273e8f,#4165cf)}.hero h2{margin-bottom:6px;font-size:2rem}.controls{margin-bottom:22px;padding:18px 26px}.controls label{display:flex;align-items:center;justify-content:space-between;gap:18px;font-weight:700}.card-title{display:flex;align-items:center;gap:12px;margin-bottom:20px}.icon{font-size:2rem}.items{display:grid;gap:12px}.item{display:flex;width:100%;align-items:center;justify-content:space-between;gap:18px;padding:17px 18px;border:0;border-radius:18px;color:inherit;background:#f4f7fb;text-align:left}.item small{display:block;margin-top:4px;color:#738095}.task{cursor:pointer}.task:hover{transform:translateY(-1px);background:#eaf0fa}form{display:grid;grid-template-columns:1fr auto auto;gap:10px}input,select{min-width:0;padding:13px 14px;border:1px solid #d9e1ec;border-radius:14px;background:#fff}.primary{border:0;border-radius:14px;padding:13px 18px;color:#fff;background:#3457bd;font-weight:700;cursor:pointer}.primary:hover{background:#2948a4}.wide{grid-column:1/-1}.muted{color:#738095}.loading,.error{padding:24px;border-radius:20px;background:#fff;margin-bottom:20px}.error{color:#a32121}footer{padding-top:28px;color:#738095;text-align:center}@media(max-width:760px){main{padding:18px}header{align-items:start;flex-direction:column}.grid{grid-template-columns:1fr}.wide{grid-column:auto}form{grid-template-columns:1fr}.controls label{align-items:stretch;flex-direction:column}}