*{box-sizing:border-box}body{margin:0;background:#f3f6fa;color:#203149;font:15px system-ui,Segoe UI,Arial,sans-serif}header{background:#153b63;color:white;padding:17px max(22px,calc((100% - 1160px)/2));display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}header strong{font-size:19px}nav{display:flex;gap:18px;flex-wrap:wrap}nav a{color:white;text-decoration:none}main{max-width:1160px;margin:32px auto;padding:0 18px}h1{font-size:27px}h2{font-size:19px;margin-top:0}.panel{background:white;border:1px solid #dce4ec;border-radius:12px;padding:22px;margin:20px 0;box-shadow:0 2px 8px #142c4510}.fields{display:flex;gap:12px;align-items:end;flex-wrap:wrap}label{display:flex;flex-direction:column;gap:7px;margin:8px 0;flex:1;min-width:180px}input{padding:11px;border:1px solid #bdcbd9;border-radius:7px;font:inherit;max-width:100%}button,.button{border:0;border-radius:7px;background:#1768a5;color:white;padding:11px 16px;font:inherit;cursor:pointer;text-decoration:none;display:inline-block}button:hover,.button:hover{background:#0c4d80}.danger{background:#a42e39}.search{display:flex;gap:12px;margin:24px 0}.search input{flex:1}.tablewrap{overflow:auto;background:white;border:1px solid #dce4ec;border-radius:10px}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:13px;border-bottom:1px solid #e8edf2}th{background:#eaf0f6}.actions{display:flex;align-items:center;gap:12px}.actions form{margin:0}.actions button{padding:7px 10px}.notice,.error{padding:13px 16px;border-radius:8px;margin:16px 0}.notice{background:#e1f4e9;color:#155d35}.error{background:#fde6e6;color:#852029}.pagination{margin:20px 0;display:flex;gap:12px}img{display:block;margin:12px 0}