:root{font-family:system-ui,sans-serif;color:#17243b;background:#f4f5fa}*{box-sizing:border-box}main{max-width:1100px;margin:50px auto;padding:24px}h1{font-size:32px}.brand{font-weight:700;letter-spacing:1px}header,#filters{display:flex;align-items:center;gap:18px;flex-wrap:wrap}header{justify-content:space-between}.notice{background:#eae8ff;padding:20px;border-left:4px solid #7364df}form{margin:24px 0}label{display:block;margin:12px 0}input,select,button{font:inherit;padding:12px;border:1px solid #bac2d2;border-radius:8px}input,select{display:block;margin-top:8px;max-width:100%;width:300px}button{cursor:pointer;background:#243b63;color:white}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #8374ee;outline-offset:2px}.table{overflow:auto;background:white;border-radius:12px}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:16px;border-bottom:1px solid #e4e7ef}th{font-size:13px}p{line-height:1.6}@media(max-width:600px){main{margin:12px auto;padding:12px}h1{font-size:26px}}