:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#15293e;background:#f3f6fa;font-size:15px}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:20px;padding:20px 5%;background:#10283f;color:white;flex-wrap:wrap}header .muted{color:#afc4d7;margin-left:20px}.brand{font-size:24px;font-weight:750}#identity{margin-left:auto}main{max-width:1400px;margin:auto;padding:24px 4%}h1{font-size:32px;margin:6px 0 12px}h2{font-size:22px;margin:6px 0 16px}h3{margin:8px 0}p{line-height:1.55}.eyebrow{font-size:12px;font-weight:750;letter-spacing:1.5px;color:#287f93}.muted,small{color:#627587}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0}.card{background:white;border:1px solid #dce5ed;border-radius:16px;padding:24px;box-shadow:0 4px 14px #10283f05}.login{max-width:510px;margin:50px auto}.grid{display:grid;gap:20px}.two{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr))}.tiles{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:15px;margin:24px 0}.metric{background:white;padding:20px;border:1px solid #dce5ed;border-radius:14px}.metric strong{display:block;font-size:25px;margin-top:12px}.toolbar{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}label{display:block;font-weight:600;margin:12px 0}input,select{display:block;width:100%;border:1px solid #cad6e2;border-radius:8px;padding:11px;font:inherit;margin-top:7px;background:white;color:#15293e}small{display:block;font-weight:400;margin-top:7px}button{border:1px solid #bdcedd;background:#edf3f7;color:#173c58;border-radius:9px;padding:11px 16px;cursor:pointer;font:inherit;font-weight:650}button:hover{background:#dce9f1}button.primary{background:#148394;border-color:#148394;color:white}button.primary:hover{background:#106b79}button:disabled{opacity:.5;cursor:wait}.badge{display:inline-block;padding:5px 9px;background:#e9edf2;border-radius:6px;font-size:12px;font-weight:650}.badge.pending{background:#fff2cd;color:#805809}.badge.active{background:#ddf4eb;color:#1e6b50}.badge.rejected{background:#ffe4e5;color:#9b353b}.badge.approved{background:#e1edff;color:#365982}.tile .amount{font-size:28px;font-weight:750;display:block;margin:18px 0 8px}.tile button{width:100%;margin-top:16px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.scroll{overflow:auto}table{border-collapse:collapse;width:100%;min-width:530px;font-size:14px}th,td{padding:13px;text-align:left;border-bottom:1px solid #e0e7ef}th{background:#eef4f8}#message:not(:empty){padding:14px;border-radius:8px;background:#e1edf6;color:#204964}#message.error{background:#ffe8e8;color:#883838}.code{font-family:monospace;overflow-wrap:anywhere;background:#f0f4f8;padding:16px;border-radius:8px}footer{text-align:center;color:#6e7f90;font-size:13px;padding:30px}#details{margin-top:25px}a{color:#167a91}[hidden]{display:none!important}@media(max-width:650px){header .muted{display:block;margin:8px 0}h1{font-size:27px}.card{padding:18px}.toolbar label{flex:1 1 140px}.metrics{grid-template-columns:1fr 1fr}.metric strong{font-size:20px}.page-heading{align-items:flex-start}}

dialog{border:1px solid #cad6e2;border-radius:16px;max-width:480px;width:90%;padding:26px}dialog::backdrop{background:#10283f88}