:root{font-family:Segoe UI,Arial,sans-serif;color:#193046;background:#edf1f4}*{box-sizing:border-box}body{margin:0}header{background:linear-gradient(110deg,#273a49,#162b3c);height:78px;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:3px solid #158db8}.brand{display:flex;align-items:center;gap:16px}.brand strong{font-size:28px}.brand span{font-size:13px}.brand .symbol{font-size:28px;color:#e5ad51}main{max-width:1450px;margin:26px auto;padding:0 24px}h1{margin:0;font-size:24px;color:#21394d}h2{font-size:18px;margin:0 0 16px}p{line-height:1.55;color:#597082}.login{max-width:490px;margin:7vh auto;background:white;padding:32px;border:1px solid #d9e2e9;border-radius:10px;box-shadow:0 9px 26px #142a3c15}form{display:grid;gap:14px}label{font-weight:600;font-size:13px;display:grid;gap:7px}input{padding:12px;border:1px solid #bccbd4;border-radius:6px;font:inherit}button{padding:11px 19px;background:#087daf;border:0;border-radius:6px;color:white;font-weight:600;cursor:pointer}button:hover{background:#005e8a}.warning{border-left:4px solid #bb7430;background:#fff5e2;padding:12px 18px}.toolbar{display:flex;align-items:start;justify-content:space-between;gap:25px}.tiles{display:flex;gap:15px;flex-wrap:wrap;margin:22px 0}.tile{display:grid;gap:8px;background:white;padding:20px 26px;border:1px solid #d1dce4;min-width:170px}.tile strong{font-size:27px;color:#087daf}.tile small{font-size:12px;color:#667d90}.workarea{display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px}.workarea nav{display:flex;flex-direction:column;background:white;border:1px solid #d1dce4;padding:10px;gap:4px}.workarea nav a{padding:13px;color:#23506c;text-decoration:none;border-radius:5px;font-size:13px}.workarea nav a.selected,.workarea nav a:hover{background:#d7e9f4}.records{min-width:0;background:white;border:1px solid #d1dce4;padding:19px;overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{background:#dfe6eb;text-align:left;color:#28465b;padding:10px;border:1px solid #ccd9e1}td{padding:9px;border-bottom:1px solid #e5ebf0}tr:nth-child(even){background:#f7fafb}.paging{margin-top:15px;display:flex;justify-content:space-between}.paging a{color:#087daf}.disclaimer{font-size:13px;color:#7f4e27}@media(max-width:800px){header{padding:0 12px}.brand span:not(.symbol),header small{display:none}.workarea{grid-template-columns:1fr}.workarea nav{flex-direction:row;flex-wrap:wrap}}