*{box-sizing:border-box}body{margin:0;background:#f6f9fc;color:#17375e;font:16px/1.5 Arial,sans-serif}header{background:white;border-bottom:1px solid #dfe7ef;display:flex;align-items:center;justify-content:space-between;padding:18px 5%;gap:20px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:#062f63;font-size:24px}.brand img{height:50px;width:50px;object-fit:contain}.brand span{color:#b88a31}nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap}nav a{font-size:14px;color:#062f63}nav form{margin:0}main{max-width:1250px;margin:auto;padding:30px 24px}h1,h2{color:#062f63}h2{font-size:20px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}.card{background:#fff;border:1px solid #dfe7ef;border-radius:10px;padding:24px;margin-bottom:18px;max-width:100%}.login{max-width:440px}label{display:flex;flex-direction:column;gap:5px;margin-bottom:15px}input,select{font:inherit;border:1px solid #bdcbd9;border-radius:5px;padding:10px;width:100%}button,.button{display:inline-block;border:0;background:#f0b323;color:#062f63;padding:12px 18px;border-radius:5px;font:700 14px Arial;cursor:pointer;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #0f5ca8;outline-offset:3px}.error{background:#fff0ef;color:#b4232c;padding:15px}.success{color:#167149}.secret{overflow-wrap:anywhere;background:#fff5d7;padding:20px;border:1px solid #f0b323}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}td,th{text-align:left;padding:12px;border-bottom:1px solid #dfe7ef}