.cs-blok{margin:28px 0 0;padding:22px 24px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:14px}.cs-kop{font-size:17px;font-weight:700;margin:0 0 14px;color:#e8edf6}.cs-lijst{list-style:none;margin:0;padding:0}.cs-rij{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}.cs-rij:last-child{border-bottom:none}.cs-tekst{display:flex;flex-direction:column;gap:2px;min-width:0}.cs-naam{font-weight:600;color:#e8edf6}.cs-meta{font-size:13px;color:#94a3b8}.cs-knop{flex:none;padding:8px 16px;border-radius:9px;background:transparent;color:#cbd5e1;border:1px solid rgba(255,255,255,.22);font-size:14px;cursor:pointer;transition:border-color .15s ease,color .15s ease}.cs-knop:hover:not(:disabled){border-color:rgba(255,255,255,.45);color:#fff}.cs-knop:disabled{opacity:.55;cursor:default}.cs-stil{flex:none;font-size:13px;color:#64748b}.cs-fout{margin:0 0 12px;padding:10px 13px;border-radius:9px;font-size:14px;background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.4);color:#fca5a5}.billing-page{padding:40px 20px 60px;min-height:80vh;max-width:1200px;margin:0 auto}.billing-page-header{text-align:center;margin-bottom:40px}.billing-page-title{font-size:42px;font-weight:700;color:#fff;margin-bottom:8px}.billing-page-subtitle{font-size:16px;color:#9ca3af}.bp-invoices-section{background:#0000004d;border-radius:16px;padding:28px 32px;border:1px solid #ffffff1a;margin-top:24px}.bp-invoices-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.bp-invoices-title-row{display:flex;align-items:center;gap:10px;color:#fff}.bp-invoices-title{font-size:1.1rem;font-weight:700;color:#fff;margin:0}.bp-invoices-count{background:rgba(147,51,234,.2);color:#a78bfa;font-size:12px;font-weight:700;padding:2px 10px;border-radius:12px}.bp-search-wrap{position:relative;width:240px}.bp-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:rgba(255,255,255,.35);pointer-events:none}.bp-search-input{width:100%;background:#111827;color:#fff;border:1px solid #374151;border-radius:8px;padding:9px 12px 9px 36px;font-size:13px;outline:none;transition:border-color .2s}.bp-search-input:focus{border-color:#9333ea}.bp-search-input::placeholder{color:rgba(255,255,255,.3)}.bp-empty-state{display:flex;flex-direction:column;align-items:center;gap:8px;padding:48px 20px;color:rgba(255,255,255,.35);text-align:center}.bp-empty-state p{font-size:16px;font-weight:600;color:rgba(255,255,255,.55);margin:4px 0 0}.bp-empty-state span{font-size:13px}.bp-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.bp-table{width:100%;border-collapse:collapse;font-size:13.5px}.bp-table thead th{text-align:left;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:rgba(255,255,255,.45);padding:10px 12px;border-bottom:1px solid #ffffff15;white-space:nowrap}.bp-table tbody tr{transition:background .15s}.bp-table tbody tr:hover{background:rgba(255,255,255,.03)}.bp-table tbody td{padding:14px 12px;border-bottom:1px solid #ffffff08;color:rgba(255,255,255,.7);white-space:nowrap}.bp-cell-num{font-weight:600;color:#fff!important}.bp-cell-date{color:rgba(255,255,255,.5)!important}.bp-cell-credits{color:#a78bfa!important;font-weight:600}.bp-cell-vat{color:rgba(255,255,255,.4)!important;font-size:12px}.bp-cell-total{font-weight:700;color:#fff!important}.bp-status-badge{display:inline-block;padding:3px 10px;border-radius:6px;font-size:11px;font-weight:700;text-transform:capitalize;letter-spacing:.03em}.bp-pdf-btn{display:inline-flex;align-items:center;justify-content:center;color:#a78bfa;padding:6px;border-radius:6px;transition:all .2s}.bp-pdf-btn:hover{color:#c4b5fd;background:rgba(167,139,250,.1)}.bp-pdf-na{color:rgba(255,255,255,.2);font-size:13px}.bp-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:20px;padding-top:16px;border-top:1px solid #ffffff10}.bp-page-btn{display:inline-flex;align-items:center;gap:4px;background:transparent;color:#a78bfa;border:1px solid #374151;padding:7px 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.bp-page-btn:hover:not(:disabled){border-color:#9333ea;background:rgba(147,51,234,.1)}.bp-page-btn:disabled{opacity:.3;cursor:not-allowed}.bp-page-info{font-size:13px;color:rgba(255,255,255,.5)}.bp-mobile-list{display:none}.bp-mobile-card{background:rgba(255,255,255,.03);border:1px solid #ffffff0d;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px}.bp-mobile-top{display:flex;justify-content:space-between;align-items:center}.bp-mobile-details{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:rgba(255,255,255,.5)}.bp-mobile-dl{display:inline-flex;align-items:center;gap:6px;color:#a78bfa;font-size:13px;font-weight:600;padding-top:4px;transition:color .2s}.bp-mobile-dl:hover{color:#c4b5fd}@media (max-width:768px){.billing-page{padding:24px 16px 40px}.billing-page-title{font-size:28px}.billing-page-subtitle{font-size:14px}.bp-invoices-section{padding:20px 16px}.bp-invoices-header{flex-direction:column;align-items:stretch}.bp-search-wrap{width:100%}.bp-table-wrap{display:none}.bp-mobile-list{display:flex;flex-direction:column;gap:10px}}