.gradient-purple-pink{background:linear-gradient(135deg,#8b5cf6,#ec4899)}.gradient-purple-pink:hover{background:linear-gradient(135deg,#7c3aed,#db2777)}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#94a3b8}.payment-modal{overflow:hidden}.payment-modal .overflow-y-auto{overflow-y:auto;overflow-x:hidden}.payment-table-container{overflow:hidden}.payment-table-container .overflow-x-auto{overflow-x:auto;overflow-y:auto}.payment-modal .max-h-\[50vh\]{max-height:50vh;min-height:200px}.payment-table thead.sticky{position:sticky;top:0;z-index:10;background-color:#f9fafb}.payment-form-grid,.payment-section{overflow:visible}@media (max-width:640px){.payment-modal .max-h-\[50vh\]{max-height:40vh;min-height:150px}.payment-modal{height:100vh!important;max-height:100vh!important;margin:0!important;border-radius:0!important}.payment-table{font-size:.875rem}.payment-table td,.payment-table th{padding:.5rem .75rem}.payment-actions{flex-direction:column;gap:.5rem}.payment-form-grid{grid-template-columns:1fr;gap:1rem}.timeframe-filters{justify-content:center}.timeframe-filters button{flex:1;min-width:0;font-size:.875rem;padding:.5rem .75rem}.payment-header,.payment-section{padding:1rem}.payment-table-container{margin:0 -1rem;border-radius:0}.payment-table{border-radius:0}.payment-form-grid{flex-direction:column!important}.payment-form-grid>div{flex:none!important;width:100%!important}}@media (min-width:641px) and (max-width:1024px){.payment-form-grid{grid-template-columns:repeat(2,1fr)}.payment-actions{flex-direction:row;flex-wrap:wrap}}@media (min-width:1025px){.payment-form-grid{grid-template-columns:repeat(3,1fr)}.payment-actions{flex-direction:row}}.payment-form-horizontal{display:flex;flex-direction:row;gap:1rem;align-items:end;flex-wrap:wrap}.payment-form-horizontal>div{flex:1;min-width:0}.payment-form-horizontal .flex-shrink-0{flex-shrink:0}.payment-form-horizontal .payment-input{width:100%}.payment-form-horizontal label{display:block;margin-bottom:.25rem;font-size:.875rem;font-weight:500;color:#374151}@media (max-width:1024px){.payment-form-horizontal{flex-direction:column;align-items:stretch}.payment-form-horizontal>div{flex:none;width:100%}}.payment-card{transition:all .2s ease-in-out}.payment-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.payment-button:focus,.payment-input:focus{outline:2px solid #8b5cf6;outline-offset:2px}.payment-loading{opacity:.6;pointer-events:none}.payment-status-pending{color:#f59e0b}.payment-status-completed{color:#10b981}.payment-status-failed{color:#ef4444}.payment-table-row{transition:background-color .15s ease-in-out}.payment-table-row:hover{background-color:#f8fafc}.payment-action-button{transition:all .15s ease-in-out;border-radius:.375rem;padding:.5rem;display:inline-flex;align-items:center;justify-content:center;min-width:2rem;min-height:2rem}.payment-action-button:hover{background-color:rgba(0,0,0,.05);transform:translateY(-1px)}.payment-action-button:active{transform:scale(.95)}.payment-action-button[title="Pin payment"]:hover{background-color:rgba(251,191,36,.1)}.payment-action-button[title="Edit payment"]:hover{background-color:rgba(59,130,246,.1)}.payment-action-button[title="Delete payment"]:hover{background-color:rgba(239,68,68,.1)}.payment-actions-container{display:flex;align-items:center;justify-content:center;gap:.25rem}@media (min-width:640px){.payment-actions-container{gap:.5rem}}.export-button{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #cbd5e1;color:#475569}.export-button:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border-color:#94a3b8}.timeframe-active{background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;box-shadow:0 4px 12px rgba(139,92,246,.3)}@media (max-width:640px){.payment-modal{height:100vh!important;max-height:100vh!important;margin:0!important;border-radius:0!important}.payment-modal-content{padding:.75rem}.payment-header{padding:.75rem!important}.payment-header h1{font-size:1.125rem!important}.payment-header p{display:none!important}.payment-section{padding:.75rem!important}.payment-table-container{margin:0 -.75rem!important}.payment-table,.payment-table-container{border-radius:0!important}.payment-table td,.payment-table th{padding:.5rem!important;font-size:.75rem!important}.payment-actions-container{gap:.25rem!important}.payment-action-button{padding:.5rem!important;min-width:2.5rem!important;min-height:2.5rem!important}.timeframe-filters{flex-direction:column!important;align-items:stretch!important;gap:.75rem!important}.timeframe-filters button{flex:1!important;min-width:0!important}.payment-input{font-size:16px!important}}@media (min-width:641px) and (max-width:1024px){.payment-modal{max-width:95vw!important;width:95vw!important}.payment-section{padding:1rem!important}.payment-form-grid{gap:.75rem!important}.payment-table td,.payment-table th{padding:.75rem!important;font-size:.875rem!important}}