*{box-sizing:border-box}body{font-family:system-ui,Arial,sans-serif;background:#f3f8fb;color:#17324a;margin:0}main{max-width:940px;margin:36px auto;padding:0 18px}header{background:linear-gradient(110deg,#176a90,#14a18d);border-radius:18px;padding:26px;color:white;margin-bottom:16px}header h1{margin:0}section,article{background:white;border-radius:16px;padding:22px;margin-bottom:14px;box-shadow:0 2px 12px #17324a0d}h2,h3{margin-top:0}.cols{display:grid;grid-template-columns:1fr 1.4fr;gap:16px}.toolbar{display:flex;align-items:center;justify-content:space-between}form{display:grid;gap:10px;margin-bottom:20px}input,select,button{font:inherit;padding:11px;border-radius:9px;border:1px solid #c6d9df;min-width:0}button{background:#087f89;color:white;border:0;cursor:pointer;font-weight:600}button:hover{background:#066a73}#notice:not(:empty){background:#fff6e8;border:1px solid #ffc972;border-radius:10px;padding:12px;margin-bottom:15px}.note{font-size:13px;color:#6c5b21}li{margin:8px 0}ul{padding-left:20px}@media(max-width:640px){.cols{grid-template-columns:1fr}main{margin-top:10px}}