:root{font-family:Segoe UI,Arial,sans-serif;color:#193346;background:#f3f6f8}*{box-sizing:border-box}body{margin:0}header{background:#142b3d;color:white;display:flex;align-items:center;gap:25px;padding:24px 5%}header strong{font-size:25px}header span{font-size:13px}main{max-width:1300px;margin:40px auto;padding:0 24px}section#login{max-width:600px;padding:40px;background:white;border:1px solid #dfe7eb;border-radius:12px}h1{font-size:30px}p{line-height:1.6;color:#536b7b}button,.button{font:inherit;display:inline-block;background:#087d72;color:white;border:0;border-radius:6px;padding:11px 16px;text-decoration:none;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #e2ad40;outline-offset:3px}.heading{display:flex;justify-content:space-between;align-items:center}nav{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}nav button{background:white;border:1px solid #bed3dc;color:#193346}.table-wrap{overflow:auto;border:1px solid #dfe7eb;border-radius:8px;background:white}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:15px;border-bottom:1px solid #dfe7eb;font-size:13px}th{background:#eaf0f4}input{padding:10px;border:1px solid #bdcdd6;border-radius:5px;font:inherit}form{display:flex;gap:12px;align-items:end}label{display:grid;gap:8px}dl{background:white;padding:20px;border-radius:8px}dt{font-weight:bold;margin-top:15px}dd{margin:5px 0;white-space:pre-wrap}#message{padding:12px 0;color:#9b422c}[hidden]{display:none!important}@media(max-width:700px){header,form{flex-wrap:wrap}main{padding:0 16px}h1{font-size:24px}}
form{flex-wrap:wrap;align-items:start}label{min-width:230px}select{padding:10px;border:1px solid #bdcdd6;border-radius:5px;font:inherit}dialog{border:1px solid #dfe7eb;border-radius:12px;padding:28px;width:min(680px,95vw);max-height:90vh;overflow:auto}dialog::backdrop{background:#142b3d88}#dialog-fields{display:grid;gap:14px;margin-bottom:20px}#dialog-error,#login-error{color:#9b422c}td button{margin:3px}button:disabled{opacity:.5;cursor:wait}