.flow-wrapper{box-sizing:border-box;opacity:0;background:#f5f5f7;border-radius:20px;width:400px;min-height:100vh;margin:20px auto;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:opacity .4s ease-out,transform .4s ease-out;overflow-x:hidden;transform:translateY(12px);box-shadow:0 4px 24px #0000001f}.flow-wrapper.entered{opacity:1;transform:translateY(0)}.flow-wrapper *{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.flow-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.flow-header-currency{background:linear-gradient(135deg,#007aff 0%,#5856d6 100%);border-radius:20px;align-items:center;padding:5px 14px;display:inline-flex;box-shadow:0 2px 8px #007aff40}.flow-header-currency-text{color:#fff;letter-spacing:.05em;text-transform:uppercase;font-size:13px;font-weight:700}.flow-header-id{cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;transition:background-color .2s;display:flex}.flow-header-id:hover{background:#0000000a}.flow-header-id:active{background:#00000014}.flow-header-id-label{color:#8e8e93;font-size:12px;font-weight:400}.flow-header-id-value{color:#3c3c43;font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.flow-toast{-webkit-backdrop-filter:blur(12px);color:#fff;z-index:3000;pointer-events:none;background:#000000bf;border-radius:20px;padding:8px 20px;font-size:14px;font-weight:500;animation:1.8s ease-in-out forwards toastIn;position:fixed;top:40px;left:50%;transform:translate(-50%)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(-8px)}12%{opacity:1;transform:translate(-50%)translateY(0)}85%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-8px)}}.flow-checkmark-overlay{z-index:2000;background:#00000040;justify-content:center;align-items:center;animation:.3s ease-out overlayFadeIn;display:flex;position:fixed;inset:0}.flow-checkmark-circle{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;animation:.6s ease-out checkBounce;display:flex;box-shadow:0 8px 32px #0003}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes checkBounce{0%{opacity:0;transform:scale(0)rotate(0)}50%{opacity:1;transform:scale(1.1)rotate(180deg)}to{opacity:1;transform:scale(1)rotate(360deg)}}.flow-wrapper.swipe-out{animation:1s cubic-bezier(.16,1,.3,1) forwards swipeRight}@keyframes swipeRight{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(100%)scale(.95)}}.flow-loading{color:#8e8e93;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 0;font-size:16px;display:flex}.flow-spinner{border:3px solid #e5e5ea;border-top-color:#007aff;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.flow-error-card{text-align:center;padding:60px 24px}.flow-error-icon{margin-bottom:20px}.flow-error-title{color:#000;margin-bottom:8px;font-size:20px;font-weight:600}.flow-error-message{color:#8e8e93;font-size:15px;line-height:22px}.flow-instructions-section{margin-bottom:24px}.flow-instructions-text{color:#8e8e93;text-align:left;font-size:16px;font-weight:400;line-height:1.4}.flow-details-card{overflow-wrap:break-word;background:#fff;border-radius:16px;width:100%;margin-bottom:20px;padding:4px 20px;position:relative;overflow:hidden;box-shadow:0 2px 16px #00000014}.flow-details-card--accent{border-top:3px solid #007aff}.flow-detail-row{border-bottom:1px solid #f2f2f7;justify-content:space-between;align-items:flex-end;padding:14px 0;display:flex}.flow-detail-row:last-child{border-bottom:none}.flow-detail-row--no-border{border-bottom:none;padding-top:8px}.flow-detail-row--highlight{background:#007aff08;border-bottom:1px solid #f2f2f7;margin:0 -20px;padding:14px 20px}.flow-detail-content{flex-direction:column;flex:1;margin-right:8px;display:flex}.flow-detail-label{color:#8e8e93;letter-spacing:-.01em;margin-bottom:4px;font-size:13px;font-weight:400;line-height:1.2}.flow-detail-value{color:#000;cursor:pointer;word-break:break-all;font-size:16px;font-weight:600;line-height:1.3;transition:color .15s}.flow-detail-value:active{color:#007aff}.flow-detail-value--amount{letter-spacing:-.02em;font-size:22px;font-weight:700}.flow-copy-button{cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:background-color .2s;display:flex}.flow-copy-button:hover{background-color:#f2f2f7}.flow-copy-button:active{background-color:#e5e5ea}.copy-icon-svg{color:#8e8e93;transition:all .3s cubic-bezier(.16,1,.3,1)}.copy-success-icon{justify-content:center;align-items:center;width:16px;height:16px;animation:.6s cubic-bezier(.16,1,.3,1) copySuccess;display:flex}.copy-success-icon svg{color:#34c759;filter:drop-shadow(0 1px 2px #34c7594d)}@keyframes copySuccess{0%{opacity:0;transform:scale(.5)rotate(-10deg)}50%{opacity:1;transform:scale(1.2)rotate(5deg)}to{opacity:1;transform:scale(1)rotate(0)}}.flow-amounts-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.flow-amount-chip{cursor:pointer;text-align:center;background:#fafafa;border:1.5px solid #e5e5ea;border-radius:12px;outline:none;justify-content:center;align-items:center;gap:6px;padding:12px 10px;font-family:inherit;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.flow-amount-chip:hover{background:#f2f2f7;border-color:#c7c7cc}.flow-amount-chip:active{transform:scale(.96)}.flow-amount-chip.active{color:#fff;background:#007aff;border-color:#007aff;box-shadow:0 4px 14px #007aff59}.flow-amount-chip.active:hover{background:#0068e0}.chip-check-wrap{color:#fff;align-items:center;animation:.3s cubic-bezier(.16,1,.3,1) chipCheckPop;display:flex}@keyframes chipCheckPop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.chip-amount{white-space:nowrap;font-size:14px;font-weight:600;line-height:1}.flow-timer-section{justify-content:space-between;align-items:center;margin-bottom:4px;padding:14px 0;display:flex}.flow-timer-label{color:#8e8e93;font-size:14px;font-weight:400}.flow-timer-display{align-items:center;gap:10px;display:inline-flex}.flow-timer-icon{transition:transform 1s linear}.flow-timer-text{color:#000;font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:18px;font-weight:700;transition:color .3s}.flow-timer-text--danger{color:#ff3b30;animation:1s ease-in-out infinite timerPulse}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.5}}.flow-payment-headline{text-align:center;margin-bottom:20px}.flow-payment-headline-text{color:#3c3c43;font-size:17px;font-weight:400;line-height:1.4}.flow-payment-headline-text strong{color:#000;font-weight:700}.flow-action-buttons{margin-bottom:16px}.flow-paid-button{color:#fff;cursor:pointer;letter-spacing:-.01em;background:linear-gradient(135deg,#34c759 0%,#30b350 100%);border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px 24px;font-family:inherit;font-size:17px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 14px #34c7594d}.flow-paid-button:hover{background:linear-gradient(135deg,#2db84e 0%,#28a745 100%);transform:translateY(-1px);box-shadow:0 6px 20px #34c75966}.flow-paid-button:active{background:linear-gradient(135deg,#259e42 0%,#1e8e38 100%);transform:translateY(0);box-shadow:0 2px 8px #34c75940}.flow-paid-button.loading{cursor:not-allowed;box-shadow:none;background:#8e8e93;transform:none}.flow-cancel-button{color:#ff3b30;cursor:pointer;background:0 0;border:1.5px solid #ff3b304d;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 24px;font-family:inherit;font-size:15px;font-weight:500;transition:all .2s;display:flex}.flow-cancel-button:hover{background:#ff3b300f;border-color:#ff3b3080}.flow-cancel-button:active{background:#ff3b301f}.flow-warning-header{align-items:center;gap:8px;padding:10px 14px 0;display:flex}.flow-warning-label{color:#ff9500;letter-spacing:.05em;font-size:13px;font-weight:700}.flow-warning-text{color:#8e8e93;padding:8px 14px 12px;font-size:13px;line-height:1.5}.flow-warning-block{background:#ff950014;border-left:3px solid #ff9500;border-radius:12px;margin-bottom:16px;overflow:hidden}.flow-receipt-section{margin-bottom:16px}.flow-receipt-hint{color:#3c3c43;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:500;display:flex}.flow-receipt-dropzone{cursor:pointer;background:#fafafa;border:2px dashed #d1d1d6;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px 16px;transition:all .2s;display:flex}.flow-receipt-dropzone:hover{background:#007aff08;border-color:#007aff}.flow-receipt-dropzone:active{background:#007aff0f}.flow-receipt-dropzone-text{color:#3c3c43;font-size:14px;font-weight:500}.flow-receipt-dropzone-hint{color:#8e8e93;font-size:12px}.flow-receipt-uploaded{margin-bottom:16px}.flow-receipt-uploaded-label{color:#8e8e93;margin-bottom:8px;font-size:13px;font-weight:500}.flow-receipt-uploaded-img{background:#f2f2f7;border:1.5px solid #e5e5ea;border-radius:12px;overflow:hidden}.flow-receipt-uploaded-img img{border-radius:12px;width:100%;display:block}.flow-receipt-file-info{background:#fff;border:1.5px solid #34c759;border-radius:12px;align-items:center;gap:12px;margin-bottom:10px;padding:12px;display:flex}.flow-receipt-preview{background:#f2f2f7;border-radius:8px;flex-shrink:0;width:48px;height:48px;overflow:hidden}.flow-receipt-preview img{object-fit:cover;width:100%;height:100%}.flow-receipt-file-details{flex:1;min-width:0}.flow-receipt-file-name{color:#000;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.flow-receipt-file-size{color:#8e8e93;margin-top:2px;font-size:12px}.flow-receipt-remove{cursor:pointer;background:#f2f2f7;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:background-color .15s;display:flex}.flow-receipt-remove:hover{background:#e5e5ea}.flow-receipt-upload-btn{color:#fff;cursor:pointer;background:#007aff;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-family:inherit;font-size:15px;font-weight:600;transition:all .2s;display:flex}.flow-receipt-upload-btn:hover{background:#0068e0}.flow-receipt-upload-btn:active{background:#004bb5}.flow-receipt-upload-btn.loading{cursor:not-allowed;background:#8e8e93}.flow-spinner-small{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.flow-receipt-toast{border-radius:10px;align-items:center;gap:8px;margin-top:10px;padding:10px 14px;font-size:14px;font-weight:500;animation:.3s ease-out receiptToastIn;display:flex}.flow-receipt-toast--success{color:#34c759;background:#34c7591a}.flow-receipt-toast--error{color:#ff3b30;background:#ff3b3014}@keyframes receiptToastIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.flow-instructions-list{margin:0;padding:0 0 0 20px;list-style:decimal}.flow-instructions-list li{margin-bottom:6px;line-height:1.5}.flow-instructions-list li:last-child{margin-bottom:0}.flow-important-notice{color:#ff3b30;background:#ff3b300f;border-radius:12px;align-items:flex-start;gap:8px;margin-bottom:16px;padding:12px 14px;font-size:14px;line-height:20px;display:flex}.flow-confirm-section{margin-bottom:24px}.flow-confirm-button{color:#fff;cursor:pointer;letter-spacing:-.01em;background:#007aff;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px 24px;font-family:inherit;font-size:17px;font-weight:600;transition:all .2s;display:flex}.flow-confirm-button:hover{background:#0068e0;transform:translateY(-1px);box-shadow:0 4px 16px #007aff59}.flow-confirm-button:active{box-shadow:none;background:#004bb5;transform:translateY(0)}.flow-confirm-button.disabled{color:#8e8e93;cursor:not-allowed;box-shadow:none;background:#e5e5ea;transform:none}.flow-confirm-button.disabled:hover{box-shadow:none;background:#e5e5ea;transform:none}.flow-footer{text-align:center;margin-top:auto;padding-top:24px}.flow-protection-info{color:#c7c7cc;justify-content:center;align-items:center;gap:6px;font-size:14px;display:flex}.flow-protection-icon{justify-content:center;align-items:center;display:flex}.flow-protection-icon svg{width:20px;height:20px}.flow-protection-text{font-weight:400}.flow-troubles{margin-bottom:16px}.flow-troubles-title{color:#3c3c43;margin-bottom:10px;font-size:14px;font-weight:600}.flow-troubles-item{background:#fff;border-radius:12px;margin-bottom:8px;overflow:hidden;box-shadow:0 1px 4px #0000000a}.flow-troubles-item-header{cursor:pointer;align-items:center;gap:10px;padding:12px 14px;transition:background-color .15s;display:flex}.flow-troubles-item-header:hover{background:#f2f2f780}.flow-troubles-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.flow-troubles-item-title{color:#007aff;flex:1;font-size:14px;font-weight:500}.flow-troubles-arrow{flex-shrink:0;align-items:center;transition:transform .2s;display:flex}.flow-troubles-content{color:#666;padding:0 14px 14px;font-size:13px;line-height:1.5;animation:.2s ease-out troublesExpand}@keyframes troublesExpand{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.flow-status-screen{text-align:center;padding:60px 24px 32px;animation:.5s ease-out statusFadeIn}.flow-status-screen--compact{padding:32px 24px 24px}@keyframes statusFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.flow-status-icon{justify-content:center;align-items:center;margin-bottom:20px;display:inline-flex;position:relative}.flow-status-icon--success svg,.flow-status-icon--error svg,.flow-status-icon--warning svg{animation:.6s cubic-bezier(.16,1,.3,1) .1s both statusIconPop}.flow-status-icon--pending{position:relative}@keyframes statusIconPop{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.flow-status-title{color:#000;letter-spacing:-.01em;margin-bottom:8px;font-size:20px;font-weight:600}.flow-status-subtitle{color:#8e8e93;font-size:15px;line-height:22px}.flow-pulse-ring{border:2px solid #ff9500;border-radius:50%;width:60px;height:60px;animation:2s ease-out infinite pulseRing;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulseRing{0%{opacity:.6;transform:translate(-50%,-50%)scale(.8)}to{opacity:0;transform:translate(-50%,-50%)scale(1.6)}}.flow-transaction-card{text-align:center;background:#fff;border-radius:16px;margin-bottom:16px;padding:16px 20px;box-shadow:0 2px 16px #00000014}.flow-transaction-id{cursor:pointer;border-radius:8px;align-items:center;gap:6px;margin-bottom:8px;padding:4px 8px;transition:background-color .2s;display:inline-flex}.flow-transaction-id:hover{background:#0000000a}.flow-transaction-id:active{background:#00000014}.flow-transaction-id-text{color:#8e8e93;font-variant-numeric:tabular-nums;font-size:14px;font-weight:500}.flow-transaction-amount{color:#000;letter-spacing:-.02em;font-size:28px;font-weight:700}.flow-speedup-block{cursor:pointer;background:#007aff0f;border:1.5px solid #007aff26;border-radius:14px;align-items:center;gap:12px;margin-bottom:16px;padding:14px 16px;transition:all .2s;display:flex}.flow-speedup-block:hover{background:#007aff1a;border-color:#007aff40}.flow-speedup-block:active{background:#007aff24;transform:scale(.98)}.flow-speedup-icon{color:#007aff;flex-shrink:0;justify-content:center;align-items:center;display:flex}.flow-speedup-text{color:#007aff;font-size:15px;font-weight:600}.flow-processing-section{flex-direction:column;align-items:center;gap:10px;margin-bottom:8px;padding:24px 0;display:flex}.flow-processing-title{color:#000;letter-spacing:-.01em;font-size:17px;font-weight:600}.flow-processing-subtitle{color:#8e8e93;font-size:14px}.flow-receipt-grid{margin-top:16px}.flow-receipt-grid-title{color:#8e8e93;margin-bottom:10px;font-size:13px;font-weight:500}.flow-receipt-grid-items{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.flow-receipt-grid-item{aspect-ratio:1;cursor:pointer;background:#f2f2f7;border:1.5px solid #e5e5ea;border-radius:10px;transition:all .2s;overflow:hidden}.flow-receipt-grid-item:hover{border-color:#007aff;box-shadow:0 2px 8px #007aff33}.flow-receipt-grid-item:active{transform:scale(.95)}.flow-receipt-grid-item img{object-fit:cover;width:100%;height:100%;display:block}.flow-receipt-modal{-webkit-backdrop-filter:blur(8px);z-index:5000;background:#000000bf;justify-content:center;align-items:center;padding:24px;animation:.3s ease-out overlayFadeIn;display:flex;position:fixed;inset:0}.flow-receipt-modal-content{background:#fff;border-radius:16px;max-width:90vw;max-height:85vh;position:relative;overflow:hidden;box-shadow:0 24px 80px #0006}.flow-receipt-modal-content img{object-fit:contain;max-width:100%;max-height:85vh;display:block}.flow-receipt-modal-close{color:#fff;cursor:pointer;z-index:10;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background-color .2s;display:flex;position:absolute;top:8px;right:8px}.flow-receipt-modal-close:hover{background:#000000b3}.flow-return-section{margin-bottom:16px}.flow-return-button{color:#007aff;cursor:pointer;background:0 0;border:1.5px solid #007aff4d;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 24px;font-family:inherit;font-size:15px;font-weight:500;transition:all .2s;display:flex}.flow-return-button:hover{background:#007aff0f;border-color:#007aff80}.flow-return-button:active{background:#007aff1f}@media (width<=440px){.flow-wrapper{width:95%;margin:16px auto}}@media (width<=400px){.flow-wrapper{border-radius:16px;padding:18px}.flow-instructions-text{font-size:14px}.flow-details-card{padding:4px 16px}.flow-detail-value--amount{font-size:20px}.flow-amount-chip{padding:10px 8px}.chip-amount{font-size:13px}.flow-confirm-button{border-radius:12px;padding:14px;font-size:16px}}@media (width<=360px){.flow-wrapper{border-radius:12px;width:100%;padding:14px}.flow-details-card{padding:4px 14px}.flow-timer-section{padding:10px 0}.flow-timer-text{font-size:16px}.flow-detail-value--amount{font-size:18px}.flow-amounts-grid{gap:6px}}@media (width<=320px){.flow-wrapper{border-radius:8px;width:100%;margin:8px auto;padding:12px}.flow-instructions-text{font-size:12px}.flow-details-card{padding:4px 12px}.flow-confirm-button{padding:12px;font-size:15px}}*{box-sizing:border-box;margin:0;padding:0}html,body{background:#e5e5ea;min-height:100vh;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}