*{box-sizing:border-box}body{color:#172b3d;background:#f5f7fa;margin:0;font:15px system-ui}header{color:#fff;background:#102e40;justify-content:space-between;align-items:center;padding:24px 5%;display:flex}.brand{letter-spacing:1px;font-size:23px;font-weight:750}.brand span{color:#63ddbe}.tag{border:1px solid #657986;border-radius:30px;padding:8px 12px;font-size:12px}main{max-width:1250px;margin:45px auto;padding:0 25px}.eyebrow{color:#16876c;letter-spacing:2px;font-size:12px;font-weight:700}h1{letter-spacing:-1px;margin:10px 0;font-size:36px}p{color:#617485;line-height:1.6}.heading{justify-content:space-between;align-items:center;gap:20px;display:flex}button{cursor:pointer;color:#fff;font:inherit;background:#123e50;border:0;border-radius:8px;padding:12px 17px}button.secondary{color:#234555;background:#fff;border:1px solid #d7e1e7}.notice{color:#795b20;background:#fff7df;border:1px solid #f0dfb1;border-radius:10px;margin:25px 0;padding:17px 20px}.stats{grid-template-columns:repeat(3,1fr);gap:17px;margin:25px 0;display:grid}.stat{background:#fff;border:1px solid #e1e8ed;border-radius:12px;padding:23px}.stat b{margin-top:12px;font-size:29px;display:block}.stat span{color:#657889}.panel{background:#fff;border:1px solid #dfe7ed;border-radius:13px;overflow:hidden}.filters{border-bottom:1px solid #e6ecf0;grid-template-columns:1fr 1.4fr 1fr;gap:18px;padding:24px;display:grid}label{color:#5d7281;margin-bottom:8px;font-size:12px;font-weight:650;display:block}select,input{color:#294253;width:100%;font:inherit;background:#fff;border:1px solid #d9e2e8;border-radius:7px;padding:12px}.tablewrap{overflow:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}th{letter-spacing:.7px;color:#697d8c;background:#fafcfd;padding:17px 23px;font-size:11px}td{border-top:1px solid #eef1f4;padding:20px 23px}td small{color:#8795a1;margin-top:4px;display:block}.pill{color:#16764f;background:#e5f7ef;border-radius:25px;padding:5px 9px;font-size:12px}.zero{color:#6a7582;background:#f1f2f5}.empty{text-align:center;padding:70px 25px}.empty strong{font-size:20px}.empty p{max-width:480px;margin:13px auto}.foot{color:#7c8d99;border-top:1px solid #e8edf0;justify-content:space-between;padding:17px 24px;font-size:12px;display:flex}footer{color:#82929e;margin-top:25px;font-size:12px}dialog{border:0;border-radius:16px;max-width:550px;padding:30px;box-shadow:0 30px 100px #1235}dialog::backdrop{background:#102e4077}@media (max-width:700px){.heading{display:block}h1{font-size:29px}.stats{gap:8px}.stat{padding:15px}.stat span{font-size:12px}.filters{grid-template-columns:1fr}.heading button{margin-top:10px}.tag{display:none}.foot{display:block}}header{color:#172b3d;background:#fff;border-bottom:1px solid #e1e8ed;gap:20px;padding:12px 5%}.brand-logo{flex-shrink:0;line-height:0;display:block}.brand-logo img{object-fit:contain;width:230px;max-width:52vw;height:auto;display:block}.header-info{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.catalog-label{letter-spacing:.3px;color:#294253;font-size:14px;font-weight:650}header .tag{color:#16764f;background:#f1faf6;border-color:#d5e9e2;font-size:11px}main{margin-top:32px}@media (max-width:700px){.brand-logo img{width:185px}.catalog-label{text-align:right;max-width:135px;font-size:12px}.header-info{gap:8px}header{padding:12px 22px}}
