.report-catalog-toolbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px}.report-filter{display:flex;gap:5px;overflow:auto}.report-filter button{border:1px solid var(--line);background:#fff;border-radius:15px;padding:6px 10px;white-space:nowrap;font:600 8px 'DM Sans';color:#687286;cursor:pointer}.report-filter button.active{background:#5368d8;color:#fff;border-color:#5368d8}.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.report-card{border:1px solid var(--line);border-radius:10px;background:#fff;padding:13px;text-align:left;cursor:pointer;display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:start}.report-card:hover{border-color:#aab4ec;box-shadow:0 5px 18px rgba(37,49,90,.07)}.report-card>span{width:34px;height:34px;border-radius:8px;background:#eef1ff;color:#556adb;display:grid;place-items:center}.report-card strong,.report-card small{display:block}.report-card strong{font-size:10px}.report-card small{font-size:8px;color:#8a93a5;margin-top:3px;line-height:1.4}.report-card em{font-style:normal;font-size:7px;padding:4px 7px;border-radius:10px;background:#edf8f3;color:#258764}.report-card em.planned{background:#fff3df;color:#b77719}.integration-hero{background:linear-gradient(120deg,#162039,#26345a);color:#fff;border-radius:13px;padding:17px 20px;display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.integration-hero>div{display:flex;gap:13px;align-items:center}.integration-hero>div>span{width:43px;height:43px;border-radius:10px;background:#fff;color:#d34d3f;display:grid;place-items:center;font-weight:800}.integration-hero strong,.integration-hero p{display:block;margin:0}.integration-hero p{font-size:9px;color:#b9c2d7;margin-top:3px}.integration-hero em{font-style:normal;background:#fff0d8;color:#a96c16;padding:6px 9px;border-radius:12px;font-size:8px}.integration-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:13px}.integration-steps>div{display:flex;gap:10px;padding:9px 0;border-top:1px solid #eef0f3}.integration-steps>div:first-child{border:0}.integration-steps b{width:24px;height:24px;border-radius:50%;background:#eef1ff;color:#5267d6;display:grid;place-items:center;font-size:8px}.integration-steps strong,.integration-steps small{display:block;font-size:9px}.integration-steps small{font-size:8px;color:#8a93a5;margin-top:2px}.dte-types{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.dte-types span{border:1px solid var(--line);border-radius:8px;padding:7px 9px;font-size:8px;background:#fafbfc}.connector-panel{margin-top:13px}.connector-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:13px}.connector{border:1px solid var(--line);border-radius:9px;padding:11px}.connector strong,.connector small,.connector em{display:block}.connector small{font-size:8px;color:#8b94a6;margin:4px 0 9px}.connector em{font-style:normal;font-size:7px;color:#a56d1b}@media(max-width:1000px){.report-grid{grid-template-columns:1fr 1fr}.connector-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.integration-layout{grid-template-columns:1fr}.report-grid,.connector-grid{grid-template-columns:1fr}.report-catalog-toolbar{display:block}.report-filter{margin-top:10px}.integration-hero{align-items:flex-start;gap:10px}.integration-hero em{white-space:nowrap}}