.isw-cpp-page{width:100%;min-height:100vh;background:#f4f6f8;font-family:inherit;display:flex;flex-direction:column;}
.isw-cpp-topbar{background:#1a2744;color:#fff;padding:12px 18px;display:flex;align-items:center;gap:14px;}
.isw-cpp-title{font-size:15px;font-weight:700;display:flex;align-items:center;gap:8px;}
.isw-cpp-back{margin-left:auto;color:#fff;text-decoration:none;font-size:12px;font-weight:700;background:rgba(255,255,255,.15);padding:6px 12px;}
.isw-cpp-back:hover{background:rgba(255,255,255,.3);}
.isw-cpp-kpis{display:flex;gap:10px;padding:14px 18px 0;flex-wrap:wrap;}
.isw-cpp-kpi{background:#fff;flex:1;min-width:150px;padding:10px 14px;display:flex;flex-direction:column;gap:4px;box-shadow:0 1px 3px rgba(0,0,0,.08);}
.isw-cpp-kpi-label{font-size:10px;font-weight:700;color:#888;}
.isw-cpp-kpi-val{font-size:20px;font-weight:700;}
.isw-cpp-filters{display:flex;gap:8px;padding:14px 18px;align-items:center;flex-wrap:wrap;}
.isw-cpp-filters select,.isw-cpp-filters input{padding:6px 8px;border:1px solid #ccc;font-size:12px;background:#fff;}
.isw-cpp-filters button{border:none;padding:6px 10px;font-size:12px;cursor:pointer;background:#e0e0e0;color:#333;}
.isw-cpp-spacer{flex:1;}
.isw-cpp-btn-exp{background:#2c3e50 !important;color:#fff !important;font-weight:700;}
.isw-cpp-grid{display:grid;grid-template-columns:1fr 300px;gap:14px;padding:0 18px 18px;align-items:start;}
.isw-cpp-main{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.08);overflow-x:auto;}
.isw-cpp-table{width:100%;border-collapse:collapse;font-size:12px;min-width:860px;}
.isw-cpp-table th{background:#f0f0f0;text-align:left;padding:7px 8px;font-size:10px;color:#555;border-bottom:2px solid #ddd;white-space:nowrap;}
.isw-cpp-table td{padding:6px 8px;border-bottom:1px solid #eee;}
.isw-cpp-r{text-align:right !important;}
.isw-cpp-empty{text-align:center;color:#999;padding:20px !important;font-size:12px;}
.isw-cpp-row-vencido td{background:#fdecea;}
.isw-cpp-row-proximo td{background:#fef6e7;}
.isw-cpp-row-pagado td{background:#f6fdf8;color:#888;}
.isw-cpp-tag-vencido{background:#e74c3c;color:#fff;font-size:9px;font-weight:700;padding:1px 5px;}
.isw-cpp-tag-proximo{background:#f39c12;color:#fff;font-size:9px;font-weight:700;padding:1px 5px;}
.isw-cpp-badge{font-size:9px;font-weight:700;padding:2px 6px;color:#fff;}
.isw-cpp-badge-ok{background:#27ae60;}
.isw-cpp-badge-pend{background:#e67e22;}
.isw-cpp-btn-pagar{background:#27ae60;color:#fff;border:none;padding:4px 10px;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap;}
.isw-cpp-btn-pagar:hover{background:#1e8449;}
.isw-cpp-side{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.08);padding:12px;}
.isw-cpp-side-title{font-size:11px;font-weight:700;color:#2c3e50;border-bottom:2px solid #2c3e50;padding-bottom:6px;margin-bottom:8px;display:flex;align-items:center;gap:6px;}
.isw-cpp-ag-item{padding:8px;border:1px solid #eee;margin-bottom:6px;cursor:pointer;background:#fafafa;}
.isw-cpp-ag-item:hover{background:#eef4fa;border-color:#3498db;}
.isw-cpp-ag-nom{font-size:12px;font-weight:700;color:#2c3e50;}
.isw-cpp-ag-nums{display:flex;gap:8px;margin-top:2px;}
.isw-cpp-ag-pend{font-size:12px;font-weight:700;color:#e67e22;}
.isw-cpp-ag-venc{font-size:11px;font-weight:700;color:#e74c3c;}
@media (max-width: 900px){ .isw-cpp-grid{grid-template-columns:1fr;} }