.cn-subtabs{
 display:flex;
 gap:5px;
 flex-wrap:wrap;
 margin:0 0 18px;
 padding:5px;
 border:1px solid var(--line);
 border-radius:11px;
 background:#edf3f8
}
.cn-subtab{
 border:0;
 background:transparent;
 color:var(--muted);
 border-radius:8px;
 padding:9px 14px;
 font-weight:800;
 cursor:pointer
}
.cn-subtab:hover{background:#f8fbfe;color:var(--ink)}
.cn-subtab.active{background:#fff;color:var(--blue);box-shadow:0 2px 7px rgba(16,43,78,.10)}
.cn-subtab:focus-visible{outline:3px solid rgba(43,105,165,.22);outline-offset:2px}
.cn-panel{display:none}.cn-panel.active{display:block}
.cn-kpis{
 display:grid;
 grid-template-columns:repeat(auto-fit,minmax(178px,1fr));
 gap:12px;
 margin-bottom:16px
}
.cn-kpi{
 position:relative;
 overflow:hidden;
 min-height:112px;
 border:1px solid var(--line);
 border-radius:13px;
 background:linear-gradient(145deg,#fff,#f8fbfd);
 padding:16px;
 box-shadow:0 2px 7px rgba(16,43,78,.05)
}
.cn-kpi:before{
 content:"";
 position:absolute;
 inset:0 auto 0 0;
 width:4px;
 background:#97aec3
}
.cn-kpi[data-tone="active"]:before{background:var(--blue2)}
.cn-kpi[data-tone="cost"]:before{background:#718196}
.cn-kpi[data-tone="fee"]:before{background:#7a58aa}
.cn-kpi[data-tone="collected"]:before{background:var(--green)}
.cn-kpi small{
 display:block;
 color:var(--muted);
 font-size:10px;
 font-weight:850;
 letter-spacing:.055em;
 line-height:1.35;
 text-transform:uppercase
}
.cn-kpi strong{display:block;color:var(--ink);font-size:24px;margin-top:7px}
.cn-kpi span{display:block;color:var(--muted);font-size:11px;margin-top:5px}
.cn-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.cn-form-grid .full{grid-column:1/-1}
.cn-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cn-muted{color:var(--muted)}