*{box-sizing:border-box}body{margin:0;background:#f4f7fb;color:#183047;font:15px/1.6 system-ui,sans-serif}main{max-width:1000px;margin:36px auto;padding:28px;background:white;border:1px solid #dfe7ef;border-radius:18px}header{border-bottom:1px solid #e3e8ef;padding-bottom:12px}h1{font-size:28px}h2{margin-top:36px}form{margin:15px 0 30px;padding:18px;border:1px solid #dfe7ef;border-radius:12px}td form{margin:0;padding:0;border:0}label{display:block;margin:10px 0;font-weight:600}input,textarea,select{display:block;width:100%;max-width:500px;padding:10px;margin:5px 0;border:1px solid #cbd5e1;border-radius:8px;font:inherit}button{background:#086c8a;color:white;padding:9px 15px;border:0;border-radius:8px;cursor:pointer}button.secondary{background:#566578}button.danger{background:#b23240}table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}th,td{text-align:left;border-bottom:1px solid #ddd;padding:10px;vertical-align:top}article{border:1px solid #ddd;padding:16px;margin:12px 0;border-radius:12px}code{overflow-wrap:anywhere}p.error{color:#b23240}@media(max-width:600px){main{margin:10px;padding:14px}}