*{box-sizing:border-box}body{margin:0;font:16px system-ui,Arial;background:#f6f7f9;color:#20252a}header{background:white;border-bottom:1px solid #ddd;padding:12px 5%;display:flex;align-items:center;justify-content:space-between;gap:16px}header img{max-width:170px;max-height:65px;object-fit:contain}nav{display:flex;gap:15px;flex-wrap:wrap}a{color:#255e86;text-decoration:none}main{max-width:1050px;margin:28px auto;padding:0 16px}.card{background:white;padding:24px;border:1px solid #e1e4e8;border-radius:13px;margin:16px 0}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.login .card{width:min(100%,390px)}.login img{display:block;max-width:230px;max-height:120px;object-fit:contain;margin:0 auto 20px}label{display:block;margin:12px 0 5px;font-weight:600}input,select{width:100%;padding:11px;border:1px solid #bfc5cb;border-radius:7px;font:inherit}button,.btn{border:0;border-radius:8px;background:#252525;color:white;padding:11px 18px;cursor:pointer;font:inherit;display:inline-block;margin-top:12px}button:disabled{opacity:.5;cursor:not-allowed}.error{color:#ae2727}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:15px}.muted{color:#666}table{width:100%;border-collapse:collapse}td,th{padding:10px;text-align:left;border-bottom:1px solid #eee} .scroll{overflow:auto} @media print{header,.noprint,button{display:none!important}body{background:white}.card{border:0}}