*{box-sizing:border-box}body{margin:0;background:#f5f7fa;color:#172033;font:15px Arial}header{height:68px;background:#101827;color:white;display:flex;align-items:center;padding:0 4%;gap:18px}header b{font-size:22px;letter-spacing:2px}header span{color:#9ba8bb}nav{margin-left:auto;display:flex;gap:20px}a{color:inherit;text-decoration:none}main{max-width:1180px;margin:42px auto;padding:0 22px}.card{background:white;border:1px solid #e0e5ec;border-radius:12px;padding:25px;margin-bottom:20px}.login{max-width:430px;margin:80px auto}label{display:block;margin:18px 0 6px;font-weight:600}input,select{width:100%;padding:12px;border:1px solid #cdd5df;border-radius:7px;margin-top:6px}button{background:#111b2c;color:white;border:0;border-radius:7px;padding:12px 18px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.qr{display:block;width:230px;margin:22px auto}.flash{padding:13px;border-radius:8px;margin-bottom:15px;background:#fff3cd}.flash.ok{background:#e6f7ed}.flash.error{background:#fde8e8}.row{display:grid;grid-template-columns:1fr 1fr 1fr 1.5fr auto;gap:10px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #e7ebf0}.note{color:#687386}@media(max-width:800px){.grid,.row{grid-template-columns:1fr}}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand img{width:34px;height:34px;display:block}.brand span{opacity:.65;font-weight:500}header nav{display:flex;gap:24px;align-items:center;flex-wrap:wrap}header nav a{white-space:nowrap}.card form>button{margin-top:16px}label{display:flex;flex-direction:column;gap:7px}.row label{min-width:160px}.card table{width:100%}