*{box-sizing:border-box}html{color:#172437;background:#f0f3f8;font-family:Arial,Helvetica,sans-serif}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:default}a{color:#174c8d}header{color:#fff;background:#142b45;padding:24px 26px}header h1{margin:6px 0;font-size:26px}header p{color:#b7c9dc;margin:0}main{max-width:1080px;margin:auto;padding:22px 18px}.card{background:#fff;border:1px solid #dae1eb;border-radius:16px;margin-bottom:16px;padding:20px;box-shadow:0 3px 18px #19304a0a}.grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;display:grid}.btn{color:#193a60;background:#fff;border:1px solid #d7e0e8;border-radius:10px;padding:10px 14px;font-weight:650}.btn.active,.btn.primary{color:#fff;background:#173b68;border-color:#173b68}.btn:focus-visible,input:focus-visible{outline:3px solid #a0caed}.field{border:1px solid #b9c8da;border-radius:10px;width:100%;padding:12px}.muted{color:#566b7e}.error{color:#8d2020;background:#fff3f2;border-radius:10px;padding:12px}.success{color:#18613b;background:#ebf7f0;border-radius:10px;padding:12px}.tag{background:#eef2f8;border-radius:30px;padding:4px 9px;font-size:12px;font-weight:600;display:inline-block}.list{gap:10px;display:grid}.item{background:#fff;border:1px solid #e2e7ef;border-radius:12px;padding:14px}.item h3{margin:0 0 8px}.item p{margin:6px 0}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.toolbar button{min-height:40px}.spaced{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}small{color:#64778c}label{margin-bottom:6px;font-weight:650;display:block}@media (max-width:600px){header{padding:20px}header h1{font-size:22px}}