:root{font-family:Inter,system-ui,sans-serif;color:#172033;background:#f7f8fc}*{box-sizing:border-box}body{margin:0}.screen{max-width:680px;margin:auto;padding:24px}h1{margin:0;font-size:32px}header p{color:#65708a;margin-top:8px}.cards,.items{display:grid;gap:12px;margin-top:20px}.card,article{border:0;border-radius:16px;background:#fff;padding:16px;box-shadow:0 3px 14px #15204412;text-align:left}.card{cursor:pointer;display:flex;justify-content:space-between;font:inherit;color:inherit}.card span,.status,article span{color:#65708a;font-size:14px}section{margin-top:28px}h2{font-size:18px}article{display:flex;flex-direction:column;gap:6px}button:not(.card){border:0;background:none;color:#3855d6;font:inherit;padding:0;cursor:pointer}form{display:grid;gap:18px;margin-top:24px}label{display:grid;gap:7px;font-size:14px;font-weight:600}input,select,textarea{border:1px solid #d9deea;border-radius:12px;background:#fff;padding:12px;font:inherit}textarea{min-height:100px;resize:vertical}.primary{border:0;border-radius:12px;background:#3855d6;color:#fff;padding:13px 16px;font:inherit;font-weight:650;cursor:pointer;margin-top:16px}.primary:disabled{opacity:.6}