.finance-page:has(#card-center) > .oc-panel,
.finance-page:has(#card-center) > .finance-top{display:none}
[data-cc-hidden]{display:none!important}
#card-center{width:100%;min-height:65vh;color:#223047;background:#f5f7fb;padding:16px;box-sizing:border-box}
#card-center *, .cc-dialog *{box-sizing:border-box}
#card-center .cc-head{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
#card-center h2{margin:0;font-size:24px}
#card-center p{color:#5d687b;margin:8px 0 16px}
#card-center button,.cc-dialog button{min-height:38px;padding:8px 12px;border:1px solid #d4dbe6;border-radius:8px;background:white;color:#27344b;cursor:pointer;margin:3px}
#card-center button:disabled,.cc-dialog button:disabled{opacity:.5;cursor:wait}
#card-center .cc-primary,.cc-dialog .cc-primary{background:#5a0909;color:white;border-color:#5a0909}
#card-center .cc-tabs{display:flex;gap:6px;border-bottom:1px solid #d4dbe6;padding:12px 0;margin-bottom:16px}
#card-center .cc-tabs button{flex:1;max-width:180px}
#card-center .cc-tabs .active{background:#5a0909;color:white}
#card-center .cc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
#card-center .cc-card{border:1px solid #d9dfeb;background:white;border-radius:12px;padding:18px}
#card-center .cc-card h3{margin:8px 0;font-size:18px}
#card-center small{display:block;color:#69788e;margin:4px 0}
#card-center .cc-table-scroll{overflow:auto;width:100%;background:white;border:1px solid #dde3ec;border-radius:10px}
#card-center table{width:100%;border-collapse:collapse;min-width:750px;font-size:13px}
#card-center th,#card-center td{padding:12px 10px;text-align:left;border-bottom:1px solid #e8ecf2;vertical-align:top;white-space:normal}
#card-center th{background:#edf1f7;font-weight:600}
#card-center .cc-error,.cc-dialog .cc-error{color:#a11924}
#card-center .cc-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0}
#card-center .cc-kpis article{background:white;border:1px solid #dbe1eb;border-radius:10px;padding:12px}
#card-center .cc-kpis b{display:block;margin-top:6px;font-size:20px}
#card-center .cc-payers{display:flex;gap:10px;flex-wrap:wrap}
#card-center .cc-payers span{background:#e6edf7;padding:8px 12px;border-radius:8px}
#card-center .cc-filter{display:block;margin-bottom:12px;max-width:400px}
#card-center select,.cc-dialog input,.cc-dialog select,.cc-dialog textarea{width:100%;min-height:42px;padding:9px;border:1px solid #ccd5e2;border-radius:7px;background:white;color:#223047;font:inherit}
.cc-dialog{position:fixed;inset:0;width:100vw;height:100dvh;z-index:2147483000;background:#f6f8fc;color:#223047;display:flex;flex-direction:column;padding:0!important}
.cc-dialog header{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-bottom:1px solid #d4dbe6;background:white;flex-shrink:0}
.cc-dialog h3{margin:0;font-size:19px}
.cc-dialog form{display:flex;flex:1;min-height:0;flex-direction:column;width:100%}
.cc-dialog .cc-fields{overflow:auto;flex:1;display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:16px;padding:20px}
.cc-dialog label{display:flex;flex-direction:column;gap:6px;font-size:14px}
.cc-dialog .cc-wide{grid-column:1/-1}
.cc-dialog textarea{min-height:76px}
.cc-dialog footer{padding:10px 18px calc(10px + env(safe-area-inset-bottom));border-top:1px solid #d4dbe6;background:white;display:flex;justify-content:flex-end;flex-shrink:0}
.cc-dialog .cc-error{padding:0 20px;margin:8px 0}
.cc-document iframe{border:0;flex:1;width:100%;min-height:0}
@media(max-width:600px){
 #card-center{padding:10px}
 #card-center h2{font-size:21px}
 #card-center .cc-tabs{gap:2px}
 #card-center .cc-tabs button{padding:8px 6px;font-size:12px;margin:0}
 #card-center .cc-kpis{grid-template-columns:repeat(2,1fr)}
 #card-center .cc-kpis b{font-size:17px}
 .cc-dialog .cc-fields{grid-template-columns:1fr;padding:14px;gap:12px}
 .cc-dialog h3{font-size:17px}
}
