*{box-sizing:border-box}body{margin:0;font:15px system-ui,sans-serif;background:#f0f4f9;color:#152944}main{max-width:1200px;margin:36px auto;padding:0 18px}header,section{background:white;border:1px solid #dce5ef;border-radius:12px;padding:20px;margin-bottom:16px}h1,h2{margin:0 0 12px}p{margin:0}.toolbar,form{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.toolbar{align-items:center;margin-bottom:16px}.toolbar h2{margin:0 auto 0 0}label{display:grid;gap:5px}input,button{font:inherit;padding:7px 10px;border:1px solid #afbfce;border-radius:5px}input[type=number]{width:85px}button{color:white;background:#1461a6;cursor:pointer;border-color:#1461a6}button:disabled{opacity:.5;cursor:default}.table-wrap{overflow:auto;margin-top:18px}table{border-collapse:collapse;width:100%;text-align:left}th,td{padding:9px;border-bottom:1px solid #dce5ef;white-space:nowrap}td button,td input{margin-right:5px}#message:not(:empty){padding:10px 0;color:#176543}#message.error{color:#9e1730}