@import"https://fonts.googleapis.com/css2?family=Urbanist:wght@300;400;500;600;700;800;900&display=block";.dashboard-page{background:#000;color:#fff;min-height:100vh;overflow-x:hidden;position:relative}.dashboard-page .background-grid{background-image:linear-gradient(hsla(0,0%,100%,.03) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.03) 1px,transparent 0);background-size:50px 50px;height:100%;left:0;position:fixed;top:0;width:100%;z-index:0}.dashboard-page .dashboard-main{min-height:calc(100vh - 80px);padding:2rem 5%;position:relative;z-index:5}.dashboard-page .dashboard-container{margin:0 auto;max-width:1200px}.dashboard-page .page-header{margin-bottom:2rem;text-align:center}.dashboard-page .page-title{font-family:Urbanist,sans-serif;font-size:2.5rem;font-weight:700;letter-spacing:-1px;margin-bottom:.5rem}.dashboard-page .page-subtitle{color:#ffffffb3;font-family:Urbanist,sans-serif;font-size:1.125rem}.dashboard-page .stats-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.dashboard-page .stat-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid hsla(0,0%,100%,.1);border-radius:16px;padding:1.5rem;transition:all .3s ease}.dashboard-page .stat-card:hover{border-color:#fff3;transform:translateY(-2px)}.dashboard-page .stat-content{align-items:center;display:flex;justify-content:space-between}.dashboard-page .stat-info{flex:1}.dashboard-page .stat-label{color:#ffffffb3;font-family:Urbanist,sans-serif;font-size:.875rem;margin-bottom:.5rem}.dashboard-page .stat-value{color:#fff;font-family:Urbanist,sans-serif;font-size:1.5rem;font-weight:700}.dashboard-page .stat-icon{align-items:center;border-radius:50%;color:#fff;display:flex;height:3rem;justify-content:center;width:3rem}.dashboard-page .stat-icon svg{height:1.5rem;width:1.5rem}.dashboard-page .stat-icon-green{background:#10b981}.dashboard-page .stat-icon-blue{background:#3b82f6}.dashboard-page .stat-icon-purple{background:#8b5cf6}.dashboard-page .stat-icon-yellow{background:#f59e0b}.dashboard-page .stat-icon-red{background:#ef4444}.dashboard-page .section-title{font-family:Urbanist,sans-serif;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.dashboard-page .skeleton-label{height:1rem;margin-bottom:.5rem}.dashboard-page .skeleton-label,.dashboard-page .skeleton-value{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:200% 100%;border-radius:4px}.dashboard-page .skeleton-value{height:1.5rem;width:80%}.dashboard-page .skeleton-icon{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:200% 100%;border-radius:50%;height:3rem;width:3rem}@keyframes skeleton-loading{0%{background-position:-200% 0}to{background-position:200% 0}}.dashboard-page .filter-select,.dashboard-page select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#ffffff14;border:1px solid hsla(0,0%,100%,.2);border-radius:12px;color:#fff;cursor:pointer;font-family:Urbanist,sans-serif;font-size:.875rem;font-weight:500;outline:none;padding:.75rem 3rem .75rem 1rem;position:relative;transition:all .3s ease}.dashboard-page .filter-select:hover,.dashboard-page select:hover{background:#ffffff1f;border-color:#ffffff4d}.dashboard-page .filter-select:focus,.dashboard-page select:focus{background:#ffffff26;border-color:#fff6;box-shadow:0 0 0 3px #ffffff1a}.dashboard-page .filter-select:after,.dashboard-page select:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid hsla(0,0%,100%,.7);content:"";height:0;pointer-events:none;position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:0}.dashboard-page .filter-select,.dashboard-page select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='rgba(255,255,255,0.7)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1rem}.dashboard-page .filter-select:disabled,.dashboard-page select:disabled{background:#ffffff0d;border-color:#ffffff1a;color:#fff6;cursor:not-allowed}.dashboard-page .filter-select option,.dashboard-page select option{background:#1a1a1a;color:#fff;padding:.5rem}@media (max-width:768px){.dashboard-page .dashboard-main{padding:2rem 5%}.dashboard-page .page-title{font-size:2rem}.dashboard-page .stats-grid{grid-template-columns:1fr}}@media (max-width:480px){.dashboard-page .page-title{font-size:1.75rem}.dashboard-page .stat-card{padding:1.25rem}}.filters-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid hsla(0,0%,100%,.1);border-radius:16px;margin-bottom:2rem;padding:1.5rem}.filters-row{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-group{display:flex;flex-direction:column}.filter-label{color:#ffffffe6;font-weight:500;margin-bottom:.5rem}.filter-input,.filter-label{font-family:Urbanist,sans-serif;font-size:.875rem}.filter-input{background:#ffffff14;border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:#fff;outline:none;padding:.75rem 1rem;transition:all .3s ease;width:100%}.filter-input:focus{background:#ffffff1f;border-color:#fff6}.payments-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid hsla(0,0%,100%,.1);border-radius:16px;margin-bottom:2rem;padding:2rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.table-container{border:1px solid hsla(0,0%,100%,.1);border-radius:12px;overflow-x:auto}.payments-table{border-collapse:collapse;min-width:600px;width:100%}.payments-table th{background:#ffffff0d;border-bottom:1px solid hsla(0,0%,100%,.1);color:#fff;font-weight:600;text-align:left}.payments-table td,.payments-table th{font-family:Urbanist,sans-serif;font-size:.875rem;padding:1rem}.payments-table td{border-bottom:1px solid hsla(0,0%,100%,.05);color:#fffc}.payments-table tr:hover{background:#ffffff05}.status-badge{border-radius:6px;font-family:Urbanist,sans-serif;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.status-completed{background:#22c55e33;color:#22c55e}.status-pending{background:#f59e0b33;color:#f59e0b}.status-failed{background:#ef444433;color:#ef4444}.status-cancelled{background:#6b728033;color:#6b7280}.action-icon-btn{align-items:center;background:transparent;border:1px solid hsla(0,0%,100%,.2);border-radius:6px;color:#ffffffb3;cursor:pointer;display:inline-flex;height:32px;justify-content:center;margin-right:.5rem;padding:6px;transition:all .3s ease;width:32px}.action-icon-btn:hover{background:#ffffff1a;border-color:#ffffff4d;color:#fff}.action-icon-btn svg{height:16px;width:16px}.empty-row{padding:3rem 1rem;text-align:center}.empty-state{align-items:center;display:flex;flex-direction:column;gap:1rem}.empty-icon{color:#ffffff4d;height:4rem;width:4rem}.empty-text{color:#fff;font-size:1.125rem;font-weight:600}.empty-subtext,.empty-text{font-family:Urbanist,sans-serif}.empty-subtext{color:#fff9}.pagination{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:2rem}.pagination-btn{background:#ffffff1a;border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:#ffffffb3;cursor:pointer;font-family:Urbanist,sans-serif;font-size:.875rem;padding:.5rem 1rem;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:#fff3;color:#fff}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-info{color:#ffffffb3;font-family:Urbanist,sans-serif;font-size:.875rem}.skeleton-table-cell{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:200% 100%;border-radius:4px;height:1rem;width:80%}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}body,html{font-family:Urbanist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-width:100%;overflow-x:clip;width:100%}img,svg{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}