:root{font:15px system-ui,-apple-system,sans-serif;color:#1c2637;background:#f3f5f8}*{box-sizing:border-box}body{margin:0}header{background:#151e2e;color:white;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:10px}header img{height:48px;width:70px;object-fit:contain;background:white;border-radius:7px;padding:3px}.brand{display:flex;align-items:center;gap:12px}.brand b{font-size:21px;letter-spacing:.05em}.sub{font-size:12px;color:#71819b}.brand .sub{color:#aab9cb}.flag{font-size:12px;background:#3d495b;padding:6px 9px;border-radius:20px}nav{display:flex;gap:6px;overflow:auto;background:white;padding:10px 16px;border-bottom:1px solid #e5e8ee}nav button{white-space:nowrap;border:0;background:transparent;color:#4a596e}nav button.active{color:#c42e2b;background:#fceceb}main{max-width:1150px;margin:auto;padding:20px}.card{background:white;border:1px solid #e9edf4;box-shadow:0 4px 12px #202b4510;border-radius:13px;padding:19px;margin:0 0 15px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:14px}.grid .card{margin:0}.metric{font-size:29px;font-weight:750;margin:9px 0 3px}h2{margin:6px 0 18px;font-size:24px}h3{margin:5px 0 13px}button,input,select,textarea{font:inherit;border:1px solid #d8dfeb;border-radius:8px;padding:10px;background:white}button{cursor:pointer}button:hover{filter:brightness(.97)}.primary{color:white;background:#c73a35;border-color:#c73a35}.dark{background:#1a2a40;color:white;border-color:#1a2a40}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:10px 0}.muted{color:#64748b}.danger{color:#b12d28}.good{color:#137b4a}.tag{display:inline-block;background:#f1f4f8;border-radius:20px;padding:4px 8px;font-size:12px}.warn{background:#fff4df;color:#8e5a0d}.scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:740px}th,td{text-align:left;border-bottom:1px solid #e9edf4;padding:10px;font-size:13px}th{color:#66758a;font-weight:650}td button{padding:6px}label{display:block;font-size:12px;color:#52657e;margin-bottom:4px}.field{flex:1;min-width:150px}.field input,.field select{width:100%}.hint{font-size:12px;color:#68798d}.notice{border-left:4px solid #d99839;background:#fff9e9;padding:12px;margin-bottom:16px;border-radius:7px}.qr{display:inline-grid;grid-template-columns:repeat(21,8px);padding:10px;background:white;border:1px solid #ddd;gap:0}.qr i{height:8px;width:8px;background:white}.qr i.b{background:black}.logoPrint{display:none}@media(max-width:640px){main{padding:12px}header{padding:10px}header img{height:38px;width:53px}.brand b{font-size:16px}.flag{font-size:10px}nav{padding:7px}button{font-size:13px}}@media print{header,nav,.noprint,.notice,button{display:none!important}main{padding:0}.card{box-shadow:none;border:0;padding:4px}.logoPrint{display:block;height:65px;margin-bottom:12px}body{background:white}.grid{display:none}table{font-size:11px}td,th{padding:6px}}