@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500;600&display=swap";.button{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;gap:8px;height:36px;justify-content:center;padding:0 16px;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast)}.button:disabled{cursor:not-allowed;opacity:.5}.button--primary{background:var(--brand);color:var(--text-inverse);font-size:var(--text-base);font-weight:var(--font-semibold)}.button--primary:hover:not(:disabled){background:var(--brand-hover)}.button--primary:active:not(:disabled){background:var(--brand-active)}.button--secondary{background:transparent;border:1px solid var(--border-strong);color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-medium)}.button--secondary:hover:not(:disabled){background:var(--bg-surface-hover);border-color:var(--text-tertiary)}.button--ghost{background:transparent;color:var(--text-secondary);font-size:var(--text-base);font-weight:var(--font-medium);padding:0 12px}.button--ghost:hover:not(:disabled){background:var(--bg-surface-hover);color:var(--text-primary)}.button--icon{background:transparent;border:1px solid var(--border-default);color:var(--text-secondary);padding:0;width:36px}.button--icon:hover:not(:disabled){background:var(--bg-surface-hover);color:var(--text-primary)}.button--small{border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-medium);height:28px;padding:0 10px}.input-field{display:block;text-align:left}.input-label{color:var(--text-secondary);display:block;font-size:var(--text-sm);font-weight:var(--font-medium);line-height:18px;margin-bottom:6px}.input-wrap{display:block;position:relative}.input{background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);color:var(--text-primary);display:block;font-size:var(--text-base);font-weight:var(--font-normal);height:36px;line-height:20px;padding:0 12px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.input:hover:not(:disabled){border-color:var(--input-border-hover)}.input:focus{border-color:var(--input-border-focus);box-shadow:var(--focus-ring);outline:none}.input::placeholder{color:var(--text-placeholder)}.input:disabled{cursor:not-allowed;opacity:.7}.input--search{padding-left:36px}.input--error{border-color:var(--status-failed-text)}.input-search-icon{color:var(--text-tertiary);left:12px;pointer-events:none;position:absolute;top:10px}.input-right-slot{align-items:center;display:flex;height:100%;position:absolute;right:8px;top:0}.input--has-right-slot{padding-right:44px}.input-error{color:var(--status-failed-text);display:block;font-size:var(--text-sm);line-height:18px;margin-top:6px}.card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-header{align-items:center;border-bottom:1px solid var(--border-default);display:flex;justify-content:space-between;min-height:52px;padding:0 20px}.card-body{padding:20px}.avatar{align-items:center;background:var(--brand-subtle);border-radius:50%;color:var(--brand-text);display:inline-flex;flex-shrink:0;font-weight:var(--font-semibold);justify-content:center;text-transform:uppercase}.avatar--small{font-size:var(--text-xs);height:28px;line-height:14px;width:28px}.avatar--medium{font-size:var(--text-sm);height:36px;line-height:18px;width:36px}.avatar--large{font-size:var(--text-md);height:48px;line-height:22px;width:48px}.error-banner{align-items:center;background:var(--status-failed-bg);border-left:3px solid var(--status-failed-text);border-radius:var(--radius-md);color:var(--status-failed-text);display:flex;font-size:var(--text-base);gap:10px;line-height:20px;padding:12px 14px;text-align:left}.app-shell{background:var(--bg-page);display:flex;min-height:100vh}.sidebar{background:var(--bg-surface);border-right:1px solid var(--border-default);display:flex;flex-direction:column;height:100vh;left:0;padding:16px;position:fixed;top:0;width:var(--sidebar-width)}.sidebar-brand{align-items:flex-start;display:flex;gap:10px;margin-bottom:32px}.sidebar-logo{display:block;height:24px;object-fit:contain;width:24px}.sidebar-brand-title{color:var(--text-primary);font-size:14px;font-weight:var(--font-semibold);line-height:18px;white-space:nowrap}.sidebar-brand-subtitle{color:var(--text-tertiary);font-size:12px;font-weight:var(--font-normal);line-height:16px;margin-top:2px}.sidebar-nav{display:grid;gap:4px}.sidebar-nav-item{align-items:center;border-radius:var(--radius-md);color:var(--text-secondary);display:flex;font-size:var(--text-base);font-weight:var(--font-medium);gap:10px;height:36px;padding:0 12px;transition:background var(--transition-fast),color var(--transition-fast)}.sidebar-nav-item svg{color:var(--text-tertiary);transition:color var(--transition-fast)}.sidebar-nav-item:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.sidebar-nav-item:hover svg{color:var(--text-secondary)}.sidebar-nav-item--active{background:var(--brand-subtle);color:var(--brand-text);font-weight:var(--font-semibold)}.sidebar-nav-item--active svg{color:var(--brand-text)}.sidebar-spacer{flex:1}.sidebar-divider{background:var(--border-default);height:1px;margin:16px 0}.sidebar-user{align-items:flex-start;display:flex;gap:10px;margin-top:16px}.sidebar-user-text{min-width:0}.sidebar-user-name{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-medium);line-height:20px;max-width:142px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user .button{color:var(--text-tertiary);height:auto;justify-content:flex-start;margin-left:-10px;min-height:24px;padding:0 10px}.theme-switcher{background:var(--bg-surface-hover);border:1px solid var(--border-default);border-radius:var(--radius-md);display:flex;height:36px;padding:2px;width:100%}.theme-switcher--compact{bottom:24px;left:50%;position:fixed;transform:translate(-50%);width:160px}.theme-option{align-items:center;background:transparent;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;display:flex;flex:1;font-size:var(--text-sm);font-weight:var(--font-medium);gap:6px;height:30px;justify-content:center;transition:background var(--transition-fast),box-shadow var(--transition-fast),color var(--transition-fast)}.theme-option:hover{color:var(--text-secondary)}.theme-option--active{background:var(--bg-surface);box-shadow:var(--shadow-sm);color:var(--text-primary)}.app-main{flex:1;margin-left:var(--sidebar-width);min-height:100vh;overflow-y:auto;padding:var(--page-padding)}.app-content{margin:0 auto;max-width:var(--content-max-width)}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.page-header h1{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);line-height:26px;margin:0}.page-header p{color:var(--text-secondary);font-size:var(--text-base);font-weight:var(--font-normal);line-height:20px;margin:4px 0 0}.page-header-actions{align-items:center;display:flex;gap:8px}.sign-in-page{align-items:center;background:var(--bg-page);display:flex;justify-content:center;min-height:100vh;padding:24px}.sign-in-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:40px;text-align:center;width:400px}.sign-in-logo{display:inline-block;height:40px;margin-bottom:12px;object-fit:contain;width:40px}.sign-in-card h1{color:var(--text-primary);font-size:18px;font-weight:var(--font-semibold);line-height:26px;margin:0 0 4px}.sign-in-product{color:var(--text-tertiary);font-size:var(--text-sm);line-height:18px;margin:0 0 32px}.sign-in-subtitle{color:var(--text-secondary);font-size:var(--text-md);font-weight:var(--font-medium);line-height:22px;margin:0 0 24px}.sign-in-form{display:grid;gap:16px}.sign-in-form .error-banner{margin-bottom:4px}.sign-in-form .input{height:44px}.sign-in-submit{border-radius:var(--radius-lg);font-size:var(--text-md);height:44px;margin-top:8px;width:100%}.password-toggle{align-items:center;background:transparent;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;display:flex;height:28px;justify-content:center;transition:background var(--transition-fast),color var(--transition-fast);width:28px}.password-toggle:hover:not(:disabled){background:var(--bg-surface-hover);color:var(--text-secondary)}.dashboard-range-selector{align-items:center;background:var(--bg-surface-hover);border:1px solid var(--border-default);border-radius:var(--radius-md);display:flex;gap:2px;height:36px;padding:2px}.dashboard-range-segment{align-items:center;background:transparent;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-medium);height:30px;padding:0 16px;transition:background var(--transition-fast),box-shadow var(--transition-fast),color var(--transition-fast)}.dashboard-range-segment:hover{color:var(--text-secondary)}.dashboard-range-segment--active{background:var(--bg-surface);box-shadow:var(--shadow-sm);color:var(--text-primary)}.dashboard-stat-grid{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:24px}.dashboard-stat-card .card-body{padding:20px}.dashboard-stat-card--complete .dashboard-stat-value{color:var(--status-complete-text)}.dashboard-stat-card--processing .dashboard-stat-value{color:var(--status-processing-text)}.dashboard-stat-card--failed .dashboard-stat-value{color:var(--status-failed-text)}.dashboard-stat-card--review{border-left:3px solid var(--status-review-text)}.dashboard-stat-card--review .dashboard-stat-value{color:var(--status-review-text)}.dashboard-stat-label{color:var(--text-tertiary);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:18px;margin-bottom:8px}.dashboard-stat-value{color:var(--text-primary);font-size:var(--text-2xl);font-variant-numeric:tabular-nums;font-weight:var(--font-semibold);line-height:40px}.dashboard-stat-detail{color:var(--text-tertiary);font-size:var(--text-sm);line-height:18px;margin-top:4px}.dashboard-stat-skeleton-value{height:32px;margin-top:12px;width:96px}.dashboard-secondary-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:24px}.local-volume-list{display:grid;gap:12px}.local-volume-row{align-items:center;border-bottom:1px solid var(--border-default);color:var(--text-secondary);display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);justify-content:space-between;line-height:18px;padding-bottom:12px}.local-volume-row:last-child{border-bottom:0;padding-bottom:0}.local-volume-row strong{color:var(--text-primary);font-weight:var(--font-medium);text-align:right}.dashboard-muted-empty{color:var(--text-tertiary);font-size:var(--text-sm);line-height:18px;padding:20px;text-align:center}.dashboard-recent-table{min-width:760px}.payments-filter-bar{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.payments-filter-bar .input-field{width:240px}.payments-search-input{height:36px}.filter-dropdown{position:relative}.filter-trigger{align-items:center;background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:var(--text-base);font-weight:var(--font-medium);gap:8px;height:36px;justify-content:space-between;min-width:132px;padding:0 12px;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.filter-trigger:hover{background:var(--bg-surface-hover);border-color:var(--input-border-hover);color:var(--text-primary)}.filter-menu{background:var(--bg-surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:grid;gap:2px;left:0;max-width:calc(100vw - var(--space-12));min-width:100%;padding:8px;position:absolute;top:calc(100% + 6px);width:max-content;z-index:var(--z-dropdown)}.filter-option{align-items:center;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--text-base);gap:10px;min-height:32px;padding:0 8px;white-space:nowrap}.filter-option span{min-width:0;overflow:hidden;text-overflow:ellipsis}.filter-option:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.filter-option input{accent-color:var(--brand)}.filter-menu-divider{background:var(--border-default);height:1px;margin:6px 0}.filter-empty{color:var(--text-tertiary);font-size:var(--text-sm);padding:8px}.active-filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.filter-pill{align-items:center;background:var(--brand-subtle);border-radius:var(--radius-full);color:var(--brand-text);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:6px;min-height:28px;padding:0 10px}.clear-filters-button{background:transparent;border:0;color:var(--brand-text);cursor:pointer;font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-medium);padding:0 4px}.clear-filters-button:hover{text-decoration:underline}.payments-table-card{overflow:visible}.payments-table-scroll{overflow-x:auto}.payments-table{border-collapse:collapse;min-width:1040px;width:100%}.users-table{min-width:1120px}.users-table-user{align-items:center;display:flex;gap:10px;min-width:0}.processing-count-badge{background:var(--status-processing-bg);border-radius:var(--radius-sm);color:var(--status-processing-text);display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:18px;padding:2px 8px}.payments-table th{border-bottom:1px solid var(--border-default);color:var(--text-tertiary);font-size:var(--text-sm);font-weight:var(--font-medium);height:44px;padding:0 16px;text-align:left;white-space:nowrap}.payments-table td{border-bottom:1px solid var(--border-default);color:var(--text-primary);font-size:var(--text-sm);height:56px;padding:10px 16px;vertical-align:middle}.payments-table tbody tr:last-child td{border-bottom:0}.payments-table-row{cursor:pointer;transition:background var(--transition-fast)}.payments-table-row:hover,.payments-table-row:focus{background:var(--bg-surface-hover);outline:none}.payments-table-row:focus-visible{box-shadow:inset var(--focus-ring)}.numeric-cell{text-align:right}.payment-id-link{color:var(--brand-text);font-family:var(--font-mono);font-size:var(--text-sm)}.payments-table-row:hover .payment-id-link{text-decoration:underline}.two-line-cell{display:grid;gap:2px}.two-line-cell span:first-child{color:var(--text-primary);font-size:var(--text-sm);line-height:18px}.two-line-cell span:last-child{color:var(--text-tertiary);font-size:var(--text-xs);line-height:14px}.status-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-medium);justify-self:start;min-height:24px;padding:0 10px;width:fit-content}.status-badge--complete{background:var(--status-complete-bg);color:var(--status-complete-text)}.status-badge--processing{background:var(--status-processing-bg);color:var(--status-processing-text)}.status-badge--not_completed{background:var(--status-failed-bg);color:var(--status-failed-text)}.status-badge--manual_review{background:var(--status-review-bg);color:var(--status-review-text)}.status-badge--large{min-height:26px;padding:0 12px}.payment-phase-label,.payments-updated{color:var(--text-tertiary);font-size:var(--text-xs);line-height:14px;margin-top:4px}.skeleton-line{animation:skeleton-shimmer 1.2s ease-in-out infinite;background:linear-gradient(90deg,var(--bg-surface-hover),var(--bg-surface-active),var(--bg-surface-hover));background-size:200% 100%;border-radius:var(--radius-sm);display:block;height:12px;width:74px}.skeleton-line--short{margin-top:8px;width:52px}.numeric-cell .skeleton-line{margin-left:auto}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.payments-empty-state,.payments-error-state{align-items:center;color:var(--text-tertiary);display:flex;flex-direction:column;gap:8px;min-height:280px;justify-content:center;padding:80px 40px;text-align:center}.payments-empty-state h2,.payments-error-state strong{color:var(--text-secondary);font-size:16px;font-weight:var(--font-semibold);line-height:22px;margin:8px 0 0}.payments-empty-state p,.payments-error-state span{color:var(--text-tertiary);font-size:var(--text-base);line-height:20px;margin:0}.payments-empty-state .button,.payments-error-state .button{margin-top:12px}.payments-empty-state--compact{min-height:180px;padding:48px 24px}.payments-table-footer{align-items:center;border-top:1px solid var(--border-default);color:var(--text-tertiary);display:flex;font-size:var(--text-sm);justify-content:space-between;min-height:48px;padding:0 16px}.pagination-controls{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:8px}.payment-detail-header{align-items:center;display:grid;gap:16px;grid-template-columns:1fr auto 1fr;margin-bottom:24px}.payment-detail-back-link{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:var(--text-base);font-weight:var(--font-medium);gap:8px;justify-self:start;line-height:20px;transition:color var(--transition-fast)}.payment-detail-back-link:hover{color:var(--text-primary)}.payment-detail-header h1{color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-lg);font-weight:var(--font-semibold);line-height:26px;margin:0}.payment-detail-header-status{justify-self:end;max-width:100%}.payment-detail-layout{display:grid;gap:24px;grid-template-columns:1fr 380px}.payment-detail-main{display:grid;gap:16px;min-width:0}.payment-detail-sidebar{min-width:0}.timeline-card{position:sticky;top:24px}.detail-grid{display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.detail-field{display:grid;gap:6px;min-width:0}.detail-field--full{grid-column:1 / -1}.detail-label,.detail-section-heading{color:var(--text-tertiary);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:18px}.detail-value{color:var(--text-primary);display:grid;font-size:var(--text-base);font-weight:var(--font-medium);line-height:20px;min-width:0}.detail-value--mono{color:var(--text-secondary);font-family:var(--font-mono)}.detail-subvalue{color:var(--text-tertiary);display:block;font-size:var(--text-sm);font-weight:var(--font-normal);line-height:18px;margin-top:2px}.qr-description{background:var(--bg-surface-hover);border-left:3px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text-secondary);display:block;font-style:italic;line-height:22px;padding:12px 14px;white-space:normal}.detail-divider{background:var(--border-default);height:1px;margin:20px 0}.copyable-value{align-items:center;display:inline-flex;gap:8px;min-width:0}.copyable-value--mono{font-family:var(--font-mono)}.copyable-value span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copyable-value button{align-items:center;background:transparent;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;display:inline-flex;flex-shrink:0;height:24px;justify-content:center;opacity:0;transition:background var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast);width:24px}.detail-field:hover .copyable-value button,.copyable-value button:focus-visible{opacity:1}.copyable-value button:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.detail-split-card{display:grid;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}.detail-entity-section{display:grid;gap:14px;min-width:0}.detail-section-heading{align-items:center;display:flex;justify-content:space-between}.detail-section-heading a{color:var(--brand-text);font-size:var(--text-sm);font-weight:var(--font-medium)}.detail-user-row{align-items:center;display:flex;gap:12px;min-width:0}.detail-entity-title{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-medium);line-height:20px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-entity-subtitle{color:var(--text-tertiary);font-size:var(--text-sm);line-height:18px;margin-top:2px}.notification-status{color:var(--text-tertiary)}.notification-status--sent{color:var(--status-complete-text)}.notification-status--pending{color:var(--status-processing-text)}.notification-status--failed{color:var(--status-failed-text)}.payment-timeline{display:grid;gap:0;list-style:none;margin:0;padding:0}.payment-timeline-item{display:grid;gap:12px;grid-template-columns:12px minmax(0,1fr);min-height:64px;position:relative}.payment-timeline-item:not(:last-child):after{background:var(--border-default);content:"";left:4px;position:absolute;top:18px;bottom:8px;width:2px}.payment-timeline-dot{background:var(--brand);border-radius:50%;height:10px;margin-top:4px;width:10px}.payment-timeline-item--success .payment-timeline-dot{background:var(--status-complete-text)}.payment-timeline-item--warning .payment-timeline-dot{background:var(--status-review-text)}.payment-timeline-item--danger .payment-timeline-dot{background:var(--status-failed-text)}.payment-timeline-content{padding-bottom:20px}.payment-timeline-row{align-items:baseline;display:flex;gap:12px;justify-content:space-between}.payment-timeline-row strong{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-medium);line-height:20px}.payment-timeline-row span{color:var(--text-tertiary);flex-shrink:0;font-size:var(--text-sm);line-height:18px}.payment-timeline p{color:var(--text-tertiary);font-size:var(--text-sm);line-height:18px;margin:4px 0 0}.timeline-skeleton-item{display:grid;gap:8px;margin-bottom:20px}.payment-detail-empty-state{align-items:center;color:var(--text-tertiary);display:flex;flex-direction:column;gap:10px;min-height:320px;justify-content:center;padding:80px 40px;text-align:center}.payment-detail-empty-state h2{color:var(--text-secondary);font-size:16px;font-weight:var(--font-semibold);line-height:22px;margin:8px 0 0}.payment-detail-empty-state p{color:var(--text-tertiary);font-size:var(--text-base);line-height:20px;margin:0;max-width:460px}.payment-detail-empty-state .button{margin-top:12px}.user-detail-header{display:grid;gap:16px;grid-template-columns:1fr auto;margin-bottom:24px}.user-detail-refresh{justify-self:end}.user-detail-identity{align-items:center;display:flex;gap:16px;grid-column:1 / -1}.user-detail-identity h1{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);line-height:26px;margin:0 0 4px}.user-detail-identity p{color:var(--text-secondary);font-size:var(--text-base);line-height:20px;margin:0;overflow-wrap:anywhere}.user-stat-grid{display:grid;gap:16px;grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:24px}.user-stat-label{color:var(--text-tertiary);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:18px;margin-bottom:8px}.user-stat-value{color:var(--text-primary);font-size:20px;font-weight:var(--font-semibold);line-height:28px}.user-detail-layout{align-items:start;display:grid;gap:24px;grid-template-columns:320px minmax(0,1fr)}.user-detail-main{display:grid;gap:16px;min-width:0}.profile-definition-list{display:grid;gap:0}.profile-field{border-bottom:1px solid var(--border-default);display:grid;gap:6px;padding:14px 0}.profile-field:first-child{padding-top:0}.profile-field:last-child{border-bottom:0;padding-bottom:0}.profile-field dt{color:var(--text-tertiary);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:18px}.profile-field dd{color:var(--text-primary);font-size:var(--text-base);line-height:20px;margin:0;word-break:break-word}.active-payments-count{color:var(--status-review-text);font-size:var(--text-sm);font-weight:var(--font-medium)}.active-payment-list{display:grid;gap:8px}.active-payment-row{align-items:center;border:1px solid var(--border-default);border-radius:var(--radius-lg);color:var(--text-secondary);display:grid;font-size:var(--text-sm);gap:12px;grid-template-columns:72px 120px minmax(0,1fr) 96px 120px;min-height:48px;padding:10px 12px;transition:background var(--transition-fast),border-color var(--transition-fast)}.active-payment-row:hover{background:var(--bg-surface-hover);border-color:var(--border-strong)}.user-payments-table{min-width:720px}.user-payments-footer{align-items:center;border-top:1px solid var(--border-default);color:var(--text-tertiary);display:flex;font-size:var(--text-sm);justify-content:space-between;padding-top:16px}.user-payments-footer a,.card-header a{color:var(--brand-text);font-size:var(--text-sm);font-weight:var(--font-medium)}.user-avatar-skeleton{animation:skeleton-shimmer 1.2s ease-in-out infinite;background:linear-gradient(90deg,var(--bg-surface-hover),var(--bg-surface-active),var(--bg-surface-hover));background-size:200% 100%;border-radius:50%;display:block;height:48px;width:48px}.card-header h2{color:var(--text-primary);font-size:var(--text-md);font-weight:var(--font-semibold);line-height:22px;margin:0}.card-body p{color:var(--text-tertiary);font-size:var(--text-base);line-height:20px;margin:0}@media(max-width:1199px){.dashboard-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-detail-layout,.user-detail-layout{grid-template-columns:1fr}.user-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.timeline-card{position:static}}@media(max-width:720px){.dashboard-range-selector{width:100%}.dashboard-range-segment{flex:1;justify-content:center;padding:0 10px}.dashboard-stat-grid{grid-template-columns:1fr}.payment-detail-header{align-items:flex-start;grid-template-columns:1fr}.payment-detail-header h1,.payment-detail-header-status{justify-self:start}.detail-grid,.detail-split-card,.user-stat-grid,.active-payment-row{grid-template-columns:1fr}}:root,[data-theme=light]{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", Consolas, monospace;--text-xs: 11px;--text-sm: 13px;--text-base: 14px;--text-md: 15px;--text-lg: 18px;--text-xl: 24px;--text-2xl: 32px;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--bg-page: #f8f8fa;--bg-surface: #ffffff;--bg-surface-raised: #ffffff;--bg-surface-hover: rgba(34, 34, 34, .04);--bg-surface-active: rgba(88, 86, 214, .08);--bg-surface-selected: rgba(88, 86, 214, .06);--bg-surface-disabled: rgba(34, 34, 34, .02);--text-primary: rgba(34, 34, 34, 1);--text-secondary: rgba(34, 34, 34, .72);--text-tertiary: rgba(34, 34, 34, .48);--text-placeholder: rgba(34, 34, 34, .36);--text-disabled: rgba(34, 34, 34, .28);--text-inverse: #ffffff;--border-default: rgba(34, 34, 34, .1);--border-strong: rgba(34, 34, 34, .18);--border-focus: rgba(88, 86, 214, .64);--brand: #5856d6;--brand-hover: #4b49be;--brand-active: #4240a8;--brand-subtle: rgba(88, 86, 214, .1);--brand-text: #5856d6;--status-complete-bg: #e8f5ec;--status-complete-text: #147a3d;--status-processing-bg: #e8f0fc;--status-processing-text: #1a5fb4;--status-failed-bg: #fdecea;--status-failed-text: #b3261e;--status-review-bg: #fff4e6;--status-review-text: #8a4b00;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .04);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .04);--focus-ring: 0 0 0 2px #ffffff, 0 0 0 4px rgba(88, 86, 214, .48);--overlay: rgba(0, 0, 0, .4);--input-bg: #ffffff;--input-border: rgba(34, 34, 34, .16);--input-border-hover: rgba(34, 34, 34, .28);--input-border-focus: #5856d6;--space-0: 0px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--sidebar-width: 220px;--page-padding: 24px;--content-max-width: 1400px;--table-row-height: 48px;--header-height: 56px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--transition-fast: .12s ease-out;--transition-normal: .2s ease-out;--transition-slow: .3s ease-out;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500}[data-theme=dark]{--bg-page: #141414;--bg-surface: #1e1e1e;--bg-surface-raised: #282828;--bg-surface-hover: rgba(255, 255, 255, .06);--bg-surface-active: rgba(120, 118, 220, .18);--bg-surface-selected: rgba(120, 118, 220, .12);--bg-surface-disabled: rgba(255, 255, 255, .02);--text-primary: rgba(255, 255, 255, .92);--text-secondary: rgba(255, 255, 255, .68);--text-tertiary: rgba(255, 255, 255, .44);--text-placeholder: rgba(255, 255, 255, .32);--text-disabled: rgba(255, 255, 255, .22);--text-inverse: #141414;--border-default: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .18);--border-focus: rgba(140, 138, 230, .64);--brand: #8a88e8;--brand-hover: #9d9bef;--brand-active: #7876dc;--brand-subtle: rgba(138, 136, 232, .14);--brand-text: #a8a6f0;--status-complete-bg: rgba(147, 226, 177, .14);--status-complete-text: #7dd3a0;--status-processing-bg: rgba(140, 180, 255, .14);--status-processing-text: #8cb4ff;--status-failed-bg: rgba(255, 180, 171, .14);--status-failed-text: #ffb4ab;--status-review-bg: rgba(255, 200, 140, .14);--status-review-text: #ffc88c;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .24);--shadow-md: 0 2px 8px rgba(0, 0, 0, .32), 0 1px 2px rgba(0, 0, 0, .16);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .4), 0 2px 4px rgba(0, 0, 0, .2);--focus-ring: 0 0 0 2px #1e1e1e, 0 0 0 4px rgba(138, 136, 232, .56);--overlay: rgba(0, 0, 0, .6);--input-bg: #282828;--input-border: rgba(255, 255, 255, .12);--input-border-hover: rgba(255, 255, 255, .22);--input-border-focus: #8a88e8}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg-page);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);line-height:20px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input{font:inherit}button{border:0}a{color:inherit;text-decoration:none}:focus-visible{box-shadow:var(--focus-ring);outline:none}.app-loading{align-items:center;background:var(--bg-page);color:var(--text-secondary);display:flex;font-size:var(--text-base);height:100vh;justify-content:center}.spinner{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}