*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f5f5;min-height:100vh;-webkit-tap-highlight-color:transparent}.mobile-container{max-width:100%;padding:20px}.mobile-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 12px #0000001a;margin-bottom:20px}.mobile-header{text-align:center;margin-bottom:24px}.mobile-header h1{font-size:20px;font-weight:600;color:#1a1a1a;margin-bottom:4px}.mobile-header p{color:#666;font-size:14px}.payment-details{background:#f8f9fa;border-radius:12px;padding:20px;margin-bottom:24px}.amount-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px}.amount-label{color:#666;font-size:14px}.amount-value{font-size:28px;font-weight:700;color:#1a1a1a}.detail-row{display:flex;justify-content:space-between;padding:8px 0;border-top:1px solid #e0e0e0;font-size:14px}.detail-label{color:#666}.detail-value{color:#333;font-weight:500}.confirm-button{width:100%;padding:16px 24px;background:#4caf50;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s;margin-bottom:12px}.confirm-button:hover{background:#45a049}.confirm-button:disabled{background:#ccc;cursor:not-allowed}.confirm-button.loading{background:#45a049;cursor:wait}.cancel-button{width:100%;padding:16px 24px;background:#fff;color:#666;border:1px solid #ddd;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;transition:background .2s}.cancel-button:hover{background:#f5f5f5}.security-notice{text-align:center;padding:12px;background:#e8f5e9;border-radius:8px;margin-bottom:16px}.security-notice p{font-size:12px;color:#2e7d32}.success-message{text-align:center;padding:40px 20px}.success-icon{width:80px;height:80px;background:#4caf50;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.success-icon:after{content:"✓";color:#fff;font-size:40px}.success-message h2{font-size:24px;color:#4caf50;margin-bottom:12px}.success-message p{color:#666;margin-bottom:24px}.error-message{text-align:center;padding:40px 20px;color:#d32f2f}.loading-message{text-align:center;padding:40px 20px;color:#666}.spinner{border:3px solid #f3f3f3;border-top:3px solid #4CAF50;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dev-notice{background:#fff3e0;border:1px dashed #f57c00;border-radius:8px;padding:12px;margin-bottom:16px;text-align:center}.dev-notice p{font-size:12px;color:#f57c00;margin:0}