:root{font-family:system-ui,sans-serif;color:#16354a;background:#f1f5f8}*{box-sizing:border-box}body{margin:0}main{max-width:1180px;margin:32px auto;padding:0 24px}.login{max-width:480px;margin:80px auto;background:white;padding:32px;border-radius:12px}header,.actions{display:flex;gap:12px;justify-content:space-between;align-items:center}.actions{justify-content:flex-start;flex-wrap:wrap}h1{font-size:30px}h2{font-size:21px}h3{font-size:17px}section{background:white;padding:24px;margin:24px 0;border:1px solid #d7e2e9;border-radius:10px}label{display:block;margin:14px 0;font-weight:600}input,textarea{display:block;width:100%;padding:10px;border:1px solid #829aab;border-radius:5px;font:inherit;margin-top:6px}.check{display:flex;gap:10px;align-items:center}.check input{width:auto;margin:0}button{background:#164f71;color:white;border:0;border-radius:5px;padding:10px 16px;cursor:pointer;font:inherit}button:hover{background:#103d57}button:focus-visible,a:focus-visible,input:focus,textarea:focus{outline:3px solid #e4ac3e;outline-offset:2px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}a{color:#155d86}article{border-top:1px solid #d7e2e9;margin-top:24px;padding-top:16px}.notice{padding:14px;background:#e1eff8;border-left:4px solid #22648d}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:12px;border-bottom:1px solid #d7e2e9;vertical-align:top}th{background:#edf3f7}nav{display:flex;gap:20px;margin-top:20px}p{line-height:1.6}@media(max-width:650px){.grid{grid-template-columns:1fr}main{padding:0 12px}section{padding:16px}}