:root{font-family:system-ui;color:#243d49;background:#eff5f6}*{box-sizing:border-box}body{margin:0}header{background:#315b70;color:#fff;padding:14px 5%;display:flex;justify-content:space-between}header a{color:#fff;text-decoration:none}nav{display:flex;gap:12px}main{max-width:1100px;margin:auto;padding:20px 14px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.card{background:#fff;border:1px solid #d3e0e5;border-radius:12px;padding:15px;margin:10px 0;box-shadow:0 2px 8px #00000009}.portal{text-decoration:none;color:inherit}.portal b,.portal small{display:block}.portal small{margin-top:7px;color:#65777d}.columns{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.task{border:0;text-align:left}.done{text-decoration:line-through;color:#718087}.narrow{max-width:420px;margin:10vh auto}.error{color:#a22}input,textarea,button{width:100%;padding:10px;border:1px solid #b9cbd2;border-radius:8px;background:#fff;font:inherit;margin:4px 0}label{display:block}.primary{background:#315b70;color:#fff}@media(max-width:700px){.columns{grid-template-columns:1fr}}