:root{font-family:system-ui,sans-serif;color:#19333e;background:#f1f5f8;font-size:16px}*{box-sizing:border-box}body{margin:0}header{background:#113849;color:white;padding:22px max(24px,calc((100vw - 1240px)/2));display:flex;justify-content:space-between;align-items:center}header b{letter-spacing:.08em;font-size:1.35rem}header span{display:block;font-size:.88rem;font-weight:400;letter-spacing:0;color:#b9d3df;margin-top:5px}main{max-width:1288px;margin:auto;padding:24px}h1{font-size:1.8rem;margin:16px 0}h2{font-size:1.25rem}button,input,select{font:inherit}button{background:#116a59;color:white;border:0;border-radius:6px;padding:10px 16px;cursor:pointer;font-weight:600}button:hover{filter:brightness(.92)}button:disabled{opacity:.5;cursor:wait}.secondary{background:#e3edf2;color:#19333e}nav{display:flex;gap:8px;margin:20px 0;flex-wrap:wrap}nav button{background:transparent;color:#254a5b;border-bottom:3px solid transparent;border-radius:0}nav button.active{border-color:#116a59;color:#116a59}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.toolbar>div{display:flex;gap:8px;flex-wrap:wrap}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0}.card,.table-wrap,#login{background:white;border:1px solid #dce6eb;border-radius:10px;padding:22px}.card span{display:block;color:#526c79;font-size:.9rem}.card strong{display:block;font-size:1.6rem;margin-top:12px}.table-wrap{overflow-x:auto;padding:0}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th,td{padding:15px 18px;border-bottom:1px solid #e6edf1}th{background:#e7f0f4;font-size:.88rem}td button{padding:6px 9px;font-size:.88rem;margin-right:5px}.muted{color:#526c79;font-size:.9rem;line-height:1.6}.negative{color:#ae3535}#login{max-width:420px;margin:50px auto}label{display:block;font-size:.9rem;font-weight:600;margin:14px 0}input,select{display:block;width:100%;padding:10px;margin-top:6px;border:1px solid #a6bdc8;border-radius:5px;background:white;color:#19333e}#login-form button{width:100%;margin:12px 0}#demo{width:100%}dialog{border:1px solid #b8cbd4;border-radius:12px;width:min(560px,95vw);max-height:90vh;padding:24px}dialog::backdrop{background:#102e4080}#message:not(:empty){padding:14px;background:#fff0cd;border-radius:6px}#form-error{color:#a42626}#identity{font-size:.9rem}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #dca627;outline-offset:2px}[hidden]{display:none!important}@media(max-width:800px){.cards{grid-template-columns:repeat(2,1fr)}header{padding:18px 24px}main{padding:16px}.card strong{font-size:1.3rem}#identity{max-width:45%;overflow-wrap:anywhere}}@media(max-width:420px){.cards{grid-template-columns:1fr}}