.cf-report-catalogue,.cf-report-proof,.cf-report-group { background:#fff; }
.cf-report-catalogue article { height:100%;padding:25px;border:1px solid var(--cf-line);border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(12,31,65,.05); }
.cf-report-catalogue article>span { display:grid;place-items:center;width:46px;height:46px;margin-bottom:18px;border-radius:14px;font-weight:850; }
.cf-report-catalogue span.attendance { background:#eaf8f1;color:#14734c; }.cf-report-catalogue span.services { background:#fff5dd;color:#986d0c; }.cf-report-catalogue span.finance { background:#f3eefe;color:#6941c6; }.cf-report-catalogue span.group { background:#e9f5ff;color:#176fa5; }
.cf-report-catalogue h3 { font-size:1.08rem; }.cf-report-catalogue ul { margin:15px 0 0;padding:0;list-style:none; }.cf-report-catalogue li { padding:5px 0;color:var(--cf-muted);font-size:.82rem; }.cf-report-catalogue li::before { content:"✓";margin-right:7px;color:var(--cf-cyan-dark);font-weight:850; }

.cf-report-builder,.cf-report-finance,.cf-report-export { background:var(--cf-bg); }
.cf-report-filter-list { margin-top:22px; }.cf-report-filter-list>div,.cf-report-finance-list>div { display:flex;gap:11px;padding:12px 0;border-top:1px solid var(--cf-line); }.cf-report-filter-list span,.cf-report-finance-list>div>span { display:grid;flex:0 0 auto;place-items:center;width:34px;height:34px;border-radius:10px;background:#def7f5;color:var(--cf-cyan-dark);font-size:.7rem;font-weight:850; }.cf-report-filter-list p,.cf-report-finance-list p { display:grid;margin:0; }.cf-report-filter-list small,.cf-report-finance-list small { color:var(--cf-muted); }
.cf-report-builder-ui { overflow:hidden;border:1px solid var(--cf-line);border-radius:22px;background:#fff;box-shadow:var(--cf-shadow); }
.cf-report-builder-ui__top { display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px;background:var(--cf-navy);color:#fff; }.cf-report-builder-ui__top>div { display:grid; }.cf-report-builder-ui__top small { color:rgba(255,255,255,.62); }.cf-report-builder-ui button { border:0;border-radius:9px;background:var(--cf-cyan);color:var(--cf-navy);padding:8px 11px;font-size:.74rem;font-weight:800; }
.cf-report-builder-ui__filters { display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:15px;border-bottom:1px solid var(--cf-line);background:var(--cf-bg); }.cf-report-builder-ui__filters label { display:grid;padding:9px;border:1px solid var(--cf-line);border-radius:9px;background:#fff; }.cf-report-builder-ui__filters span { color:var(--cf-muted);font-size:.66rem; }.cf-report-builder-ui__filters strong { font-size:.72rem; }
.cf-report-builder-ui__summary { display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:15px; }.cf-report-builder-ui__summary>div { display:grid;padding:11px;border:1px solid var(--cf-line);border-radius:10px; }.cf-report-builder-ui__summary small { color:var(--cf-muted); }.cf-report-builder-ui__summary strong { font-size:1.15rem; }
.cf-report-builder-ui__table { padding:0 15px; }.cf-report-builder-ui__table>div { display:grid;grid-template-columns:1.5fr repeat(4,.7fr);gap:8px;padding:10px;border-top:1px solid var(--cf-line);font-size:.72rem; }.cf-report-builder-ui__table .head { color:var(--cf-muted);font-weight:750; }.cf-report-builder-ui__table b { color:var(--cf-cyan-dark); }
.cf-report-builder-ui__foot { display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px;background:var(--cf-bg); }.cf-report-builder-ui__foot span { color:var(--cf-muted);font-size:.7rem; }

.cf-report-browser img { width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top; }
.cf-report-principles { background:var(--cf-navy);color:#fff; }.cf-report-principles p { color:rgba(255,255,255,.7); }.cf-report-principles article { height:100%;padding:23px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:rgba(255,255,255,.06); }.cf-report-principles article b { display:grid;place-items:center;width:38px;height:38px;margin-bottom:18px;border:1px solid rgba(78,208,203,.4);border-radius:12px;color:var(--cf-cyan);font-size:.72rem; }.cf-report-principles h3 { color:#fff;font-size:1.05rem; }.cf-report-principles article p { margin:0;font-size:.82rem; }

.cf-report-group-map { padding:25px;border:1px solid var(--cf-line);border-radius:22px;background:var(--cf-bg);box-shadow:var(--cf-shadow); }.cf-report-group-map .root { display:flex;align-items:center;gap:11px;max-width:430px;margin:0 auto 36px;padding:16px;border-radius:14px;background:var(--cf-navy);color:#fff; }.cf-report-group-map .root>span { display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--cf-cyan);color:var(--cf-navy);font-weight:850; }.cf-report-group-map p { display:grid;flex:1;margin:0; }.cf-report-group-map small { color:rgba(255,255,255,.62); }.cf-report-group-map .branches { display:grid;grid-template-columns:repeat(3,1fr);gap:10px; }.cf-report-group-map .branches>div { display:grid;padding:14px;border:1px solid var(--cf-line);border-radius:12px;background:#fff;text-align:center; }.cf-report-group-map .branches span,.cf-report-group-map .branches small { color:var(--cf-muted); }.cf-report-group-map .branches strong { font-size:1.2rem; }.cf-report-group-map .note { margin-top:12px;color:var(--cf-muted);font-size:.72rem;text-align:center; }

.cf-report-export-card { overflow:hidden;border:1px solid var(--cf-line);border-radius:18px;background:#fff;box-shadow:var(--cf-shadow); }.cf-report-export-card>div { display:flex;align-items:center;gap:11px;padding:14px 17px;border-bottom:1px solid var(--cf-line); }.cf-report-export-card>div>span { display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#e9f5ff;color:#176fa5;font-size:.72rem;font-weight:850; }.cf-report-export-card p { display:grid;margin:0; }.cf-report-export-card small { color:var(--cf-muted); }.cf-report-export-card>small { display:block;padding:13px 17px;background:var(--cf-bg); }

@media(max-width:767.98px){.cf-report-builder-ui__filters{grid-template-columns:repeat(2,1fr)}.cf-report-builder-ui__table{overflow-x:auto}.cf-report-builder-ui__table>div{min-width:560px}.cf-report-group-map .branches{grid-template-columns:1fr}.cf-report-builder-ui__top,.cf-report-builder-ui__foot{align-items:flex-start;flex-direction:column}}
@media(max-width:575.98px){.cf-report-builder-ui__filters,.cf-report-builder-ui__summary{grid-template-columns:1fr}}