.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding:16px 24px;background:rgba(28,28,30,.7);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);position:-webkit-sticky;position:sticky;top:20px;z-index:100;transition:var(--transition)}.top-navigation{display:flex;gap:16px;margin-bottom:12px}.nav-link{font-size:13px;font-weight:500;color:var(--text-secondary);padding:4px 0;transition:var(--transition);cursor:pointer;text-decoration:none;background:none;border:none;border-bottom:2px solid transparent}.nav-link.active{color:var(--blue);border-bottom-color:var(--blue)}.header-title,.nav-link:hover:not(.active){color:var(--text)}.header-title{font-size:24px;font-weight:600;letter-spacing:-.021em;margin-bottom:2px}.subtitle{font-size:13px;color:var(--text-secondary);display:flex;align-items:flex-start;gap:12px;margin-top:4px}.status-indicator{display:inline-flex;align-items:center;gap:6px;font-weight:500;padding:4px 10px;border-radius:100px;background:var(--bg-tertiary);margin-top:2px}.status-indicator.live{background:rgba(48,209,88,.15);color:var(--green)}.pulse{width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse 2s infinite}.clock-section{display:flex;flex-direction:column;color:var(--text-secondary);border-left:1px solid var(--border);padding-left:14px;margin-left:4px}.clock-label{font-size:11px;text-transform:uppercase;letter-spacing:.03em;opacity:.7}.time-highlight{color:var(--text);font-weight:500}.controls{gap:12px;position:relative}.controls,.search-box{display:flex;align-items:center}.search-box{gap:10px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:980px;padding:8px 16px;min-width:200px;transition:var(--transition)}.search-box:focus-within{background:var(--bg);border-color:var(--blue);box-shadow:0 0 0 4px rgba(10,132,255,.15);min-width:260px}.search-icon{color:var(--text-secondary);flex-shrink:0}.search-input{background:transparent;width:100%;color:var(--text);font-size:14px}.search-input::placeholder{color:var(--text-secondary)}.btn-go{background:var(--blue);color:#fff;font-size:12px;font-weight:600;padding:4px 12px;border-radius:980px;margin-left:4px}.btn-go:hover{background:var(--blue-hover)}.btn-clear{background:transparent;color:var(--text-secondary);padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:var(--transition);cursor:pointer;flex-shrink:0;margin-left:-4px}.btn-clear:hover{background:var(--bg-tertiary);color:var(--text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;border-radius:980px;background:var(--bg-secondary);color:var(--text);transition:var(--transition-bounce)}.btn-refresh{background:var(--blue);color:#fff;box-shadow:0 1px 2px rgba(10,132,255,.3)}.btn-refresh:hover:not(:disabled){background:var(--blue-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(10,132,255,.3)}.btn-ghost{background:transparent;color:var(--text-secondary);width:38px;height:38px;padding:0;border-radius:50%}.btn-ghost:hover{background:var(--bg-tertiary);color:var(--text)}.spin-icon{animation:pulse 1s linear infinite}@keyframes toast-in{0%{opacity:0;transform:translateY(-12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.sync-toast{position:absolute;bottom:calc(100% + 12px);right:0;white-space:nowrap;font-size:13px;font-weight:600;padding:8px 16px;border-radius:100px;z-index:1000;animation:toast-in .3s cubic-bezier(.34,1.56,.64,1) forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sync-toast--success{background:rgba(48,209,88,.15);border:1px solid rgba(48,209,88,.3);color:var(--green)}.sync-toast--error{background:rgba(255,69,58,.15);border:1px solid rgba(255,69,58,.3);color:var(--red)}@media (max-width:820px){.header{flex-direction:column;align-items:stretch;gap:20px;top:10px;padding:16px}.header-content{display:flex;flex-direction:column;gap:12px}.top-navigation{justify-content:center;margin-bottom:4px}.header-title{text-align:center;font-size:20px}.subtitle{justify-content:center;flex-wrap:wrap;gap:10px}.controls{flex-direction:column;gap:12px}.search-box{width:100%;min-width:unset!important}.btn-refresh{width:100%;justify-content:center}.btn-ghost{position:absolute;top:-64px;right:0}}@media (max-width:480px){.clock-section{display:none}}.warning-banner{background:var(--bg-tertiary);border:1px solid rgba(255,159,10,.2);border-radius:var(--radius);padding:14px 20px;display:flex;align-items:center;gap:12px;margin-bottom:24px;animation:fadeIn .4s ease}.warning-icon{color:var(--orange);flex-shrink:0}.warning-text{font-size:13px;line-height:1.4;color:var(--text-secondary)}.warning-text b{color:var(--text);font-weight:600}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:3000;padding:20px;animation:fadeIn .3s ease}.modal-content{background:var(--bg);border:1px solid var(--border);border-radius:20px;width:100%;max-width:440px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);position:relative}.modal-header{padding:20px 24px;border-bottom:1px solid var(--border);justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;background:var(--bg);z-index:10}.close-btn,.modal-header{display:flex;align-items:center}.close-btn{color:var(--text-secondary);width:32px;height:32px;justify-content:center;border-radius:50%;transition:var(--transition)}.close-btn:hover{background:var(--bg-tertiary);color:var(--text)}.receipt-body{padding:40px 32px;display:flex;flex-direction:column;align-items:center;text-align:center}.receipt-amount{font-family:SF Mono,SFMono-Regular,ui-monospace,monospace;font-size:3rem;font-weight:700;color:var(--text);margin-bottom:8px;letter-spacing:-.05em}.receipt-status-pill{font-size:13px;font-weight:600;padding:4px 12px;border-radius:100px;margin-bottom:32px}.receipt-status-pill.approved{background:rgba(48,209,88,.15);color:var(--green)}.receipt-status-pill.rejected{background:rgba(255,69,58,.15);color:var(--red)}.details-grid{width:100%;display:grid;grid-gap:16px;gap:16px;margin-top:24px;text-align:left}.detail-row{display:flex;justify-content:space-between;align-items:center;font-size:14px}.detail-label{color:var(--text-secondary);font-weight:400}.detail-value{color:var(--text);font-weight:500}.detail-value.mono{font-family:SF Mono,SFMono-Regular,ui-monospace,monospace;font-size:13px}.modal-footer{padding:24px 32px;border-top:1px solid var(--border);display:flex;gap:12px}.modal-btn{flex:1 1;padding:12px;border-radius:12px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px}.modal-btn-primary{background:var(--blue);color:#fff}.modal-btn-primary:hover{background:var(--blue-hover)}.modal-btn-secondary{background:var(--bg-tertiary);color:var(--text)}.modal-btn-secondary:hover{background:var(--bg-secondary)}@media (max-width:640px){.modal-overlay{padding:12px}.receipt-body{padding:32px 20px}.receipt-amount{font-size:2.2rem}.details-grid{gap:12px}.detail-row{flex-direction:column;align-items:flex-start;gap:4px;padding-bottom:8px;border-bottom:1px solid hsla(0,0%,100%,.05)}.detail-row:last-child{border-bottom:none}.detail-label{font-size:11px;text-transform:uppercase;letter-spacing:.05em}.detail-value{font-size:13px}.modal-footer{padding:16px 20px;flex-direction:column}.modal-btn{width:100%}}.table-container{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:var(--transition);display:flex;flex-direction:column}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}.table{width:100%;border-collapse:separate;border-spacing:0}.table th{padding:12px 16px;background:var(--bg-secondary);font-weight:600;text-align:left;color:var(--text-secondary);font-size:12px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);white-space:normal}.th-date,.th-last4,.th-name,.th-txn{width:auto}.th-amount{width:auto;text-align:right}.th-status{width:auto;text-align:center}.table td{padding:12px 16px;border-bottom:1px solid var(--border);color:var(--text);font-size:14px;transition:background-color .2s;vertical-align:middle;white-space:normal;word-break:break-word}.table-row{transition:var(--transition)}.table-row:hover td{background:var(--bg-secondary)}.table-row:last-child td{border-bottom:none}.td-amount{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.status-container{display:flex;align-items:center;justify-content:space-between;gap:12px}.badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:100px;font-size:12px;font-weight:600;letter-spacing:-.01em;border:1px solid transparent;min-width:80px;justify-content:center;text-transform:lowercase}.badge-success{background:rgba(48,209,88,.15);color:var(--green);border-color:rgba(48,209,88,.2)}.badge-failed{background:rgba(255,69,58,.15);color:var(--red);border-color:rgba(255,69,58,.2)}.view-btn{color:var(--text-secondary);opacity:.3;transition:opacity .2s}.view-btn:hover{opacity:1;color:var(--text)}.pagination-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:var(--bg);gap:16px}.pagination-info{font-size:13px;color:var(--text-secondary)}.pagination-actions{display:flex;gap:8px;align-items:center}.page-numbers{display:flex;gap:4px}.page-num-btn{min-width:32px;height:32px;border-radius:50%;font-size:13px;font-weight:600;color:var(--text-secondary)}.page-num-btn.active,.page-num-btn:hover:not(.active){background:var(--bg-tertiary);color:var(--text)}.page-num-btn.active{box-shadow:var(--shadow-sm)}.page-nav-btn{color:var(--text-secondary);font-size:13px;padding:4px 8px}.page-nav-btn:hover:not(:disabled){color:var(--text)}.page-nav-btn:disabled{opacity:.2}@media (max-width:640px){.table td,.table th{padding:12px 16px}.pagination-footer{flex-direction:column;align-items:center;padding:16px}.pagination-info{order:1}}.simple-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:16px;animation:fadeIn .3s ease}.simple-modal-card{background:var(--bg);border:1px solid var(--border);border-radius:20px;width:100%;max-width:380px;box-shadow:var(--shadow-lg);animation:slideUp .4s cubic-bezier(.34,1.56,.64,1)}.simple-modal-header{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px}.modal-title{flex:1 1;font-size:16px;font-weight:600;color:var(--text)}.modal-close{color:var(--text-secondary);display:flex}.modal-close:hover{color:var(--text)}.simple-modal-body{padding:40px 32px}.error-text{font-size:16px;line-height:1.5;color:var(--text);text-align:center}.status-dot{width:8px;height:8px;border-radius:50%}.dot-approved{background:var(--green)}.dot-rejected{background:var(--red)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stripe-filter-section{justify-content:space-between;gap:1.5rem;padding:1rem 1.25rem;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;margin-bottom:1.5rem;font-family:inherit}.stripe-filter-left,.stripe-filter-right,.stripe-filter-section{display:flex;align-items:center}.stripe-filter-right{gap:.75rem}.stripe-link-selector select{padding:.6rem 2.5rem .6rem 1rem;border-radius:8px;border:1px solid hsla(0,0%,100%,.15);background:rgba(0,0,0,.3);color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;min-width:200px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239ca3af' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.stripe-link-selector select:hover{border-color:hsla(0,0%,100%,.25);background:rgba(0,0,0,.4)}.stripe-link-selector select:focus{outline:none;border-color:#3b82f6}.stripe-link-selector select option{background:#1c1c1e;color:#fff;padding:.5rem}.date-range-filters{display:flex;align-items:center;gap:.5rem}.date-input{padding:.6rem .75rem;border-radius:8px;border:1px solid hsla(0,0%,100%,.15);background:rgba(0,0,0,.3);color:#fff;font-size:.875rem;font-weight:500;min-width:130px;cursor:pointer}.date-input:hover{border-color:hsla(0,0%,100%,.25)}.date-input:focus{outline:none;border-color:#3b82f6}.date-input::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.6;cursor:pointer}.date-input::-webkit-calendar-picker-indicator:hover{opacity:1}.date-separator{color:hsla(0,0%,100%,.5);font-size:.875rem;font-weight:500}.filter-btn{padding:.6rem 1.25rem;border-radius:8px;border:none;background:#0a84ff;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-left:.5rem}.filter-btn:hover{background:#06c;transform:translateY(-1px)}.clear-btn{padding:.6rem 1rem;border-radius:8px;border:1px solid hsla(0,0%,100%,.2);background:transparent;color:hsla(0,0%,100%,.7);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.clear-btn:hover{background:hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.9);border-color:hsla(0,0%,100%,.3)}.export-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;border-radius:8px;border:1px solid #30d158;background:transparent;color:#30d158;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.export-btn:hover{background:rgba(48,209,88,.15);color:#4ade80;border-color:#4ade80}