:root{--coinbase-blue:#0052ff;--coinbase-blue-hover:#0043d1;--success-green:#00d395;--success-bg:#f0fdf4;--success-border:#bbf7d0;--warning-amber:#f5a623;--warning-bg:#fef3c7;--warning-border:#fde68a;--error-red:#ff5a5a;--text-primary:#1a1a1a;--text-secondary:#666;--text-muted:#999;--border-color:#e5e7eb;--bg-secondary:#f8f9fa}*{box-sizing:border-box;margin:0;padding:0}html{height:auto;overflow:auto}.report-page{color:var(--text-primary)}.container{max-width:480px;margin:0 auto}.container,.content{padding:20px}.report-page{min-height:100vh;background:#fff}.header{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;padding:16px 20px!important;max-width:480px!important;margin:0 auto!important;width:100%!important;min-height:56px!important;box-sizing:border-box!important}.brand{font-size:1.5rem!important;font-weight:600!important;color:var(--text-primary)!important;text-decoration:none!important;letter-spacing:.02em!important;line-height:1!important}.brand:hover{opacity:.8}.payment-interface{max-width:400px;margin:0 auto}.balance-display{margin-bottom:12px}.balance-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.balance-row.clickable{cursor:pointer;border-radius:12px;padding:16px;min-height:80px;max-height:80px;box-sizing:border-box;background:linear-gradient(135deg,rgba(0,82,255,.03),rgba(0,82,255,.01));border:1px solid rgba(0,82,255,.08);transition:all .2s ease}.balance-row.clickable:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,82,255,.08)}.balance-row.clickable.expanded,.balance-row.clickable:hover{background:linear-gradient(135deg,rgba(0,82,255,.06),rgba(0,82,255,.02));border-color:rgba(0,82,255,.15)}.balance-row.clickable.expanded{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none;margin-bottom:0;padding:12px 16px;min-height:auto;transform:none;box-shadow:none}.balance-display:has(.balance-row.expanded){margin-bottom:0}.balance-content-wrapper{width:100%}.balance-content-wrapper,.balance-label-container{display:flex;flex-direction:column;gap:4px}.balance-date{font-family:monospace;font-size:13px;color:var(--text-muted)}.balance-label{font-size:clamp(16px,4vw,18px);font-weight:600;color:var(--text-primary)}.balance-label,.balance-label-minimal{font-family:system-ui,-apple-system,sans-serif}.balance-label-minimal{font-size:14px;font-weight:700;color:var(--text-secondary)}.balance-date-row{align-items:center}.balance-date-row,.balance-main-row{display:flex;justify-content:space-between;width:100%}.balance-main-row{align-items:baseline}.balance-expand-icon{font-size:14px;font-weight:700;color:var(--coinbase-blue);letter-spacing:2px;opacity:.6;transition:opacity .2s ease}.balance-row.clickable:hover .balance-expand-icon{opacity:1}.balance-collapse-icon{font-size:20px;font-weight:300;color:var(--text-muted);line-height:1;transition:color .2s ease}.balance-row.clickable:hover .balance-collapse-icon{color:var(--text-secondary)}.balance-amount{font-size:clamp(18px,5vw,22px);font-weight:700;color:var(--text-primary);font-family:system-ui,-apple-system,sans-serif;line-height:1}.status-badge{display:block;text-align:center;margin-top:0;margin-bottom:12px;padding:16px 20px;min-height:80px;max-height:80px;border-radius:12px;font-size:clamp(16px,4vw,18px);display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}.status-badge-text{margin-bottom:4px;font-weight:600}.status-badge-slider{margin-top:4px}.status-badge-slider .payment-slider{width:100%}.status-badge.good{background:var(--success-bg);border:1px solid var(--success-border);color:var(--text-primary)}.status-badge.warning{background:var(--warning-bg);border:1px solid var(--warning-border);color:var(--text-primary)}.days-added{opacity:.8}.preset-buttons{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.preset-button{flex:1 1;min-width:100px;padding:12px 8px;border:1px solid var(--border-color);border-radius:12px;background:#fff;cursor:pointer;transition:all .15s ease;display:flex;flex-direction:column;align-items:center;gap:4px}.preset-button:hover{border-color:var(--coinbase-blue);background:#f0f7ff}.preset-button.selected{border-color:var(--coinbase-blue);background:#e6f0ff}.preset-label{font-size:12px;color:var(--text-secondary);font-weight:500}.preset-amount{font-size:14px;font-weight:600;color:var(--text-primary)}.payment-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;outline:none;cursor:pointer;touch-action:none;background:var(--border-color)}.payment-slider::-webkit-slider-runnable-track{width:100%;height:6px;border-radius:3px;background:var(--border-color)}.payment-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:var(--coinbase-blue);cursor:pointer;border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.2);-webkit-transition:transform .15s ease,box-shadow .15s ease;transition:transform .15s ease,box-shadow .15s ease;margin-top:-14px}.payment-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 3px 12px rgba(0,0,0,.3)}.payment-slider::-webkit-slider-thumb:active{transform:scale(1.15);box-shadow:0 4px 16px rgba(0,82,255,.4)}.payment-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--coinbase-blue);cursor:pointer;border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.2)}.payment-slider::-moz-range-track{height:6px;border-radius:3px;background:var(--border-color)}.payment-slider:focus{outline:none}.payment-slider:focus::-webkit-slider-thumb{box-shadow:0 0 0 4px rgba(0,82,255,.2),0 2px 8px rgba(0,0,0,.2)}.payment-section{margin-top:0;padding-top:0}.payment-option-tabs{display:flex;background:var(--bg-secondary);border-radius:12px;padding:4px;margin-bottom:24px;gap:4px}.payment-option-tab{flex:1 1;padding:12px 16px;border:none;background:transparent;border-radius:8px;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.payment-option-tab:hover:not(.active){color:var(--text-primary);background:hsla(0,0%,100%,.5)}.payment-option-tab.active{background:#fff;color:var(--coinbase-blue);font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.1)}.payment-option-tab .tab-icon{font-size:16px}.payment-option-content{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.payment-card{background:linear-gradient(145deg,#fafbfc,#f5f7fa);border:1px solid rgba(0,0,0,.06);border-radius:20px;padding:24px;margin-top:16px;box-shadow:0 4px 24px rgba(0,0,0,.04)}.payment-card-header{text-align:center;margin-bottom:20px}.payment-card-amount{display:flex;align-items:baseline;justify-content:center;gap:6px}.payment-amount-value{font-size:32px;font-weight:700;color:var(--text-primary);letter-spacing:-.5px}.payment-amount-currency{font-size:16px;font-weight:600;color:var(--text-secondary)}.payment-qr-wrapper{display:flex;flex-direction:column;align-items:center;margin-bottom:24px;padding:20px;background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.04)}.payment-qr-wrapper svg{border-radius:8px}.payment-address-section{text-align:center}.payment-address-label{display:block;font-size:13px;color:var(--text-secondary);margin-bottom:10px;font-weight:500}.payment-address-button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;cursor:pointer;transition:all .2s ease}.payment-address-button:hover{border-color:var(--coinbase-blue);background:rgba(0,82,255,.02)}.payment-address-button:active{transform:scale(.99)}.payment-address-button.copied{border-color:var(--success-green);background:rgba(0,211,149,.04)}.payment-address-text{font-family:SF Mono,SFMono-Regular,ui-monospace,monospace;font-size:12px;color:var(--text-primary);word-break:break-all;text-align:left;line-height:1.4;flex:1 1}.payment-copy-indicator{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--coinbase-blue);white-space:nowrap;flex-shrink:0;padding:6px 12px;background:rgba(0,82,255,.08);border-radius:8px;transition:all .2s ease}.payment-address-button.copied .payment-copy-indicator{color:var(--success-green);background:rgba(0,211,149,.1)}.payment-copy-indicator svg{flex-shrink:0}.payment-network-badge{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:16px;font-size:12px;color:var(--text-muted);font-weight:500}.payment-network-badge svg{flex-shrink:0}@media (max-width:480px){.payment-card{padding:20px 16px;border-radius:16px}.payment-amount-value{font-size:28px}.payment-address-text{font-size:11px}.payment-copy-indicator{font-size:12px;padding:5px 10px}}.qr-section{text-align:center;margin-bottom:24px}.qr-container{display:inline-block;padding:16px;background:#fff;border-radius:16px;border:1px solid var(--border-color);box-shadow:0 2px 8px rgba(0,0,0,.06)}.qr-placeholder{width:232px;height:232px;display:flex;align-items:center;justify-content:center}.qr-placeholder-text{color:var(--text-muted);font-size:14px;text-align:center;padding:20px}.qr-instructions{margin-top:16px}.qr-amount-display{margin-top:16px;display:flex;flex-direction:column;align-items:center;gap:4px}.qr-amount-label{font-size:13px;color:var(--text-secondary)}.qr-amount-value{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;font-size:20px;font-weight:700;color:var(--text-primary);cursor:pointer;transition:all .15s ease}.qr-amount-value:hover{background:#e8f4ff;border-color:var(--coinbase-blue)}.qr-amount-value:active{transform:scale(.98)}.copy-icon{font-size:14px;opacity:.6}.qr-primary-text{font-size:15px;color:var(--text-primary);margin-bottom:4px}.qr-secondary-text{font-size:13px;color:var(--text-secondary)}.qr-scan-text{font-size:14px;color:var(--text-secondary);margin-bottom:8px}.qr-fee-text{font-size:13px;color:var(--text-muted);margin-bottom:16px}.qr-fee-text .coinbase-link,.qr-scan-text .coinbase-link{color:var(--coinbase-blue);text-decoration:none}.qr-fee-text .coinbase-link:hover,.qr-scan-text .coinbase-link:hover{text-decoration:underline}.base-network{font-weight:600}.qr-hint-text{margin-top:16px;font-size:13px;color:var(--text-muted);padding:10px 16px;background:var(--bg-secondary);border-radius:8px;display:inline-block}.loan-address-display{display:none}.loan-address-label{font-weight:600}.loan-address-label,.loan-address-value{font-size:14px;color:var(--text-secondary)}.loan-address-value{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .15s ease}.loan-address-value:hover{background:#e8f4ff;border-color:var(--coinbase-blue)}.loan-address-value:active{transform:scale(.98)}.copy-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:#e5e7eb;border-radius:50%;flex-shrink:0}.copy-icon-wrapper svg{width:14px;height:14px}.mobile-fee-text{margin-bottom:12px;text-align:center}.address-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .15s ease}.address-modal{background:#fff;border-radius:16px;max-width:420px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:slideUp .2s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.address-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color);font-weight:600;font-size:16px}.address-modal-close{background:none;border:none;font-size:24px;color:var(--text-muted);cursor:pointer;padding:0;line-height:1;transition:color .15s ease}.address-modal-close:hover{color:var(--text-primary)}.address-modal-content{padding:20px;display:flex;flex-direction:column;gap:16px}.full-address{font-size:13px;word-break:break-all;background:var(--bg-secondary);padding:16px;border-radius:12px;border:1px solid var(--border-color);font-family:monospace;color:var(--text-primary);line-height:1.5}.copy-address-button{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;background:var(--coinbase-blue);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s ease}.copy-address-button:hover{background:var(--coinbase-blue-hover)}.copy-address-button:active{transform:scale(.98)}.copy-address-button .copy-icon-wrapper{background:hsla(0,0%,100%,.2)}.copy-address-button .copy-icon-wrapper svg path,.copy-address-button .copy-icon-wrapper svg rect{stroke:#fff}.payment-divider{display:none}.payment-divider:after,.payment-divider:before{content:"";flex:1 1;border-bottom:1px solid var(--border-color)}.payment-divider span{padding:0 16px;font-size:13px;color:var(--text-muted)}.coinbase-app-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:20px;padding:14px 28px;background:var(--coinbase-blue);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:background .15s ease;width:100%;max-width:300px}.coinbase-app-button:hover{background:var(--coinbase-blue-hover)}.coinbase-app-button:active{transform:scale(.98)}.coinbase-icon{width:24px;height:24px;flex-shrink:0}.mobile-pay-button{display:inline-block;margin-top:16px;padding:14px 32px;background:var(--coinbase-blue);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;text-decoration:none;cursor:pointer;transition:background .15s ease}.mobile-pay-button:hover{background:var(--coinbase-blue-hover)}.wallet-payment{margin-top:24px}.wallet-divider{display:none}.wallet-divider:after,.wallet-divider:before{content:"";flex:1 1;border-bottom:1px solid var(--border-color)}.wallet-divider span{padding:0 16px;font-size:13px;color:var(--text-muted)}.wallet-connected{display:flex;flex-direction:column;align-items:center;gap:12px}.wallet-status{display:flex;justify-content:center}.connect-wallet-button,.wallet-address-button{padding:10px 20px;border:1px solid var(--border-color);border-radius:20px;background:#fff;font-size:14px;cursor:pointer;transition:all .15s ease}.connect-wallet-button:hover,.wallet-address-button:hover{border-color:var(--coinbase-blue);background:#f0f7ff}.wallet-address{font-family:monospace;font-size:14px}.pay-button{width:100%;max-width:280px;padding:16px 32px;background:var(--coinbase-blue);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:8px}.pay-button:hover:not(:disabled){background:var(--coinbase-blue-hover)}.pay-button:disabled{opacity:.6;cursor:not-allowed}.pay-button.loading{background:#6b7280}.pay-button.success{background:var(--success-green)}.spinner{width:16px;height:16px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.payment-error{margin-top:8px;font-size:13px;color:var(--error-red)}.payment-success{margin-top:24px;padding:16px 20px;background:var(--success-bg);border:1px solid var(--success-border);border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.payment-success span{font-weight:600;color:#166534}.payment-success a{color:var(--coinbase-blue);text-decoration:none;font-size:14px}.payment-success a:hover{text-decoration:underline}.transaction-history{margin:0 0 12px;padding:0 16px;background:linear-gradient(180deg,rgba(0,82,255,.04),rgba(0,82,255,.01));border:1px solid rgba(0,82,255,.15);border-top:none;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.history-content{padding:0 0 16px}.no-transactions{text-align:center;padding:20px;color:var(--text-muted)}.tx-row{display:flex;justify-content:space-between;padding:6px 0;font-family:monospace;font-size:14px}.tx-row.bold{font-weight:600}.tx-label{display:flex;gap:8px}.tx-date{color:var(--text-muted);font-size:13px;min-width:100px}.tx-type{min-width:70px;display:inline-block}.tx-amount{text-align:right}.tx-separator{border-top:1px solid var(--text-primary);border-bottom:1px solid var(--text-primary);height:3px;margin:12px 0 8px}.tx-spacer{height:16px}.tx-link{color:var(--coinbase-blue);text-decoration:none}.tx-link:hover{text-decoration:underline}.loading{text-align:center;padding:60px 20px;color:var(--text-secondary)}.error{background:#fee;border:1px solid #fcc;color:#c33;padding:16px 20px;border-radius:12px;margin:20px 0}.error-tip{margin-top:16px;color:var(--text-secondary);font-size:14px}.mock-indicator{text-align:center;margin-top:16px;color:var(--warning-amber);font-size:12px}@media (max-width:768px){.container,.content{padding:10px}.payment-slider::-webkit-slider-thumb{width:36px;height:36px}.payment-slider::-moz-range-thumb{width:32px;height:32px}.preset-button{min-width:80px;padding:10px 6px}}@media (max-width:480px){.container{padding:5px}.content{padding:8px}.qr-container{padding:12px}.tx-row{font-size:12px}.tx-date{font-size:11px}}.payments-table{width:100%;border-collapse:collapse;margin-top:20px}.payments-table td,.payments-table th{text-align:left;padding:12px;border-bottom:1px solid #e0e0e0}.payments-table th{background:#f8f8f8;font-weight:600;color:#555}.payments-table tr:hover{background:#f9f9f9}.transactions-container{width:100%;padding:0 12px}.amount{font-family:monospace;font-weight:600}.timestamp{color:#666}.no-payments{text-align:center;padding:40px;color:#999}.report-footer{text-align:center;padding:24px 20px;color:var(--text-muted);font-size:12px;margin-top:4px}